update: border与v-show组合示例

pages/CSS/border/border.uvue

 <template>
+  <!-- #ifdef APP -->
+  <scroll-view style="flex: 1">
+  <!-- #endif -->
     <view style="flex-grow: 1;">
       <view>
         <text>border: 5px dotted blue</text>
@@ -10,11 +13,24 @@
           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>
+  <!-- #ifdef APP -->
+  </scroll-view>
+  <!-- #endif -->
 </template>
 
-<script>
-
+<script setup lang="uts">
+  const shown = ref(false)
+  setTimeout(() => {
+    shown.value = true
+  }, 1000);
 </script>
 
 <style>