From 60f376be2bd80dbd3fd6e0750d933ba82815a32b Mon Sep 17 00:00:00 2001
From: taohebin <taohebin@dcloud.io>
Date: Mon, 28 Oct 2024 18:39:58 +0800
Subject: [PATCH] =?UTF-8?q?update:=20border=E4=B8=8Ev-show=E7=BB=84?=
 =?UTF-8?q?=E5=90=88=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/CSS/border/border.uvue | 40 +++++++++++++++++++++++++-----------
 1 file changed, 28 insertions(+), 12 deletions(-)

diff --git a/pages/CSS/border/border.uvue b/pages/CSS/border/border.uvue
index 11ae7149..413398bf 100644
--- a/pages/CSS/border/border.uvue
+++ b/pages/CSS/border/border.uvue
@@ -1,20 +1,36 @@
 <template>
-  <view style="flex-grow: 1;">
-    <view>
-      <text>border: 5px dotted blue</text>
-      <view class="common" style="border: 5px dotted blue;"></view>
-    </view>
-    <view>
-      <text>border与background-image同时设置</text>
-      <view class="common"
-        style="border-style: solid;border-color: rgba(0, 0, 255, 0.1);background-image: linear-gradient(to right, #00ff00, #00bc79)">
+  <!-- #ifdef APP -->
+  <scroll-view style="flex: 1">
+  <!-- #endif -->
+    <view style="flex-grow: 1;">
+      <view>
+        <text>border: 5px dotted blue</text>
+        <view class="common" style="border: 5px dotted blue;"></view>
+      </view>
+      <view>
+        <text>border与background-image同时设置</text>
+        <view class="common"
+          style="border-style: solid;border-color: rgba(0, 0, 255, 0.1);background-image: linear-gradient(to right, #00ff00, #00bc79)">
+        </view>
+      </view>
+      <view>
+        <text>设置border的view，通过v-show控制显示</text>
+        <view v-show="shown">
+          <view class="common" style="border: 5px dotted blue;">
+          </view>
+        </view>
       </view>
     </view>
-  </view>
+  <!-- #ifdef APP -->
+  </scroll-view>
+  <!-- #endif -->
 </template>
 
-<script>
-
+<script setup lang="uts">
+  const shown = ref(false)
+  setTimeout(() => {
+    shown.value = true
+  }, 1000);
 </script>
 
 <style>
-- 
GitLab