From a9993dc825378424b73fde922151d8cc75683ce6 Mon Sep 17 00:00:00 2001
From: wangzhitong <wangzhitong@dcloud.io>
Date: Thu, 15 Aug 2024 16:39:13 +0800
Subject: [PATCH] =?UTF-8?q?=E8=A1=A5=E5=85=85border-style=E6=B5=8B?=
 =?UTF-8?q?=E8=AF=95=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/CSS/border/border-style.uvue | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/pages/CSS/border/border-style.uvue b/pages/CSS/border/border-style.uvue
index 86ae698f..95c8ef1b 100644
--- a/pages/CSS/border/border-style.uvue
+++ b/pages/CSS/border/border-style.uvue
@@ -58,12 +58,39 @@
           style="border-style: none; border-width: 5px;"
         ></view>
       </view>
+
+      <view @click="changeBorderStyle">
+        <text>border-style: 点击切换</text>
+        <view
+          class="common"
+          :style="borderStyle"
+        ></view>
+      </view>
     </view>
     <!-- #ifdef APP -->
   </scroll-view>
   <!-- #endif -->
 </template>
 
+<script>
+	export default {
+		data() {
+			return {
+        isSolid : false,
+				borderStyle: "border-style: none; border-width: 5px;",
+			}
+		},
+    methods: {
+      changeBorderStyle() {
+        this.isSolid = !this.isSolid;
+        const solid = "border-style: solid; border-width: 5px;";
+        const none = "";
+        this.borderStyle = this.isSolid ? solid : none;
+      }
+    }
+	}
+</script>
+
 <style>
 .common {
   width: 250px;
-- 
GitLab