From e09f91649ca1bb84eac966e69f5f22c2c75820ac Mon Sep 17 00:00:00 2001
From: x <xutongyin@dcloud.io>
Date: Sat, 23 Sep 2023 14:58:03 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0border-style?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/CSS/border/border-color.uvue                     | 10 +++++-----
 pages/CSS/border/border-width.uvue                     | 10 +++++-----
 pages/CSS/border/complex-border/complex-border.uvue    |  8 +++++---
 pages/component/scroll-view/scroll-view-props.uvue     |  7 ++++---
 .../scroll-view/scroll-view-refresher-props.uvue       |  5 +++--
 5 files changed, 22 insertions(+), 18 deletions(-)

diff --git a/pages/CSS/border/border-color.uvue b/pages/CSS/border/border-color.uvue
index 31a7392d..b3753438 100644
--- a/pages/CSS/border/border-color.uvue
+++ b/pages/CSS/border/border-color.uvue
@@ -7,7 +7,7 @@
         <text>border-color: red</text>
         <view
           class="common"
-          style="border-width: 10rpx; border-color: red"
+          style="border-width: 10rpx; border-color: red; border-style: solid;"
         ></view>
       </view>
 
@@ -15,7 +15,7 @@
         <text>border-left-color: red</text>
         <view
           class="common"
-          style="border-left-width: 10rpx; border-left-color: red"
+          style="border-left-width: 10rpx; border-left-color: red; border-left-style:solid;"
         ></view>
       </view>
 
@@ -23,7 +23,7 @@
         <text>border-top-color: green</text>
         <view
           class="common"
-          style="border-top-width: 10rpx; border-top-color: green"
+          style="border-top-width: 10rpx; border-top-color: green; border-top-style: solid;"
         ></view>
       </view>
 
@@ -31,7 +31,7 @@
         <text>border-right-color: yellow</text>
         <view
           class="common"
-          style="border-right-width: 10rpx; border-right-color: yellow"
+          style="border-right-width: 10rpx; border-right-color: yellow; border-right-style: solid;"
         ></view>
       </view>
 
@@ -39,7 +39,7 @@
         <text>border-bottom-color: blue</text>
         <view
           class="common"
-          style="border-bottom-width: 10rpx; border-bottom-color: blue"
+          style="border-bottom-width: 10rpx; border-bottom-color: blue; border-bottom-style: solid; "
         ></view>
       </view>
     </view>
diff --git a/pages/CSS/border/border-width.uvue b/pages/CSS/border/border-width.uvue
index 1de2a19d..337338bc 100644
--- a/pages/CSS/border/border-width.uvue
+++ b/pages/CSS/border/border-width.uvue
@@ -5,27 +5,27 @@
     <view style="flex-grow: 1">
       <view>
         <text>border-width: 10rpx</text>
-        <view class="common" style="border-width: 10rpx"></view>
+        <view class="common" style="border-width: 10rpx; border-style: solid;"></view>
       </view>
 
       <view>
         <text>border-left-width: 10rpx</text>
-        <view class="common" style="border-left-width: 10rpx"></view>
+        <view class="common" style="border-left-width: 10rpx; border-left-style: solid; "></view>
       </view>
 
       <view>
         <text>border-top-width: 20rpx</text>
-        <view class="common" style="border-top-width: 20rpx"></view>
+        <view class="common" style="border-top-width: 20rpx; border-top-style: solid; "></view>
       </view>
 
       <view>
         <text>border-right-width: 30rpx</text>
-        <view class="common" style="border-right-width: 30rpx"></view>
+        <view class="common" style="border-right-width: 30rpx; border-right-style: solid; "></view>
       </view>
 
       <view>
         <text>border-bottom-width: 40rpx</text>
-        <view class="common" style="border-bottom-width: 40rpx"></view>
+        <view class="common" style="border-bottom-width: 40rpx; border-bottom-style: solid; "></view>
       </view>
     </view>
     <!-- #ifdef APP -->
diff --git a/pages/CSS/border/complex-border/complex-border.uvue b/pages/CSS/border/complex-border/complex-border.uvue
index 107111ef..d4245d92 100644
--- a/pages/CSS/border/complex-border/complex-border.uvue
+++ b/pages/CSS/border/complex-border/complex-border.uvue
@@ -33,7 +33,8 @@
 		width: 250rpx;
 		height: 250rpx;
 		background-color: #00dd00;
-		border-width: 20rpx;
+		border-width: 20rpx;
+    border-style: solid;
 		border-color: #000000;
 		border-bottom-width: 40rpx;
 		border-bottom-color: #ff0000;
@@ -45,7 +46,8 @@
 
 	.border-rect {
 		width: 250rpx;
-		height: 250rpx;
+		height: 250rpx;
+    border-style: solid;
 		background-color: #00dd00;
 		border-width: 20rpx;
 		border-color: #000000;
@@ -53,4 +55,4 @@
 		border-bottom-color: #ff0000;
 		border-right-color: #FFDC02;
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/pages/component/scroll-view/scroll-view-props.uvue b/pages/component/scroll-view/scroll-view-props.uvue
index 9046f48f..4c1090ce 100644
--- a/pages/component/scroll-view/scroll-view-props.uvue
+++ b/pages/component/scroll-view/scroll-view-props.uvue
@@ -57,13 +57,13 @@
 
 			<view class="uni-option">
 				<text>设置触发scrolltoupper的距离</text>
-				<input style="width: 100rpx;border-width: 2rpx;text-align: center; " :value="upperThreshold"
+				<input style="width: 100rpx;border-width: 2rpx;text-align: center;border-style: solid; " :value="upperThreshold"
 					type="number" @input="handleUpperThresholdInput" />
 			</view>
 
 			<view class="uni-option">
 				<text>设置触发scrolltolower的距离</text>
-				<input style="width: 100rpx;border-width: 2rpx;text-align: center; " :value="lowerThreshold"
+				<input style="width: 100rpx;border-width: 2rpx;text-align: center;border-style: solid; " :value="lowerThreshold"
 					type="number" @input="handleLowerThresholdInput" />
 			</view>
 
@@ -203,7 +203,8 @@
 		height: 400rpx;
 		width: 100%;
 		background-color: azure;
-		border-width: 2rpx;
+		border-width: 2rpx;
+    border-style: solid;
 		border-color: chocolate;
 	}
 
diff --git a/pages/component/scroll-view/scroll-view-refresher-props.uvue b/pages/component/scroll-view/scroll-view-refresher-props.uvue
index 6ba3ec83..beb739b9 100644
--- a/pages/component/scroll-view/scroll-view-refresher-props.uvue
+++ b/pages/component/scroll-view/scroll-view-refresher-props.uvue
@@ -31,13 +31,13 @@
 
 			<view class="uni-option">
 				<text>设置下拉刷新阈值</text>
-				<input style="width: 100rpx;border-width: 2rpx;text-align: center; " :disabled="!refresherEnabled"
+				<input style="width: 100rpx;border-width: 2rpx;text-align: center;  border-style: solid;" :disabled="!refresherEnabled"
 					:value="refresherThreshold" type="number" @input="handleRefresherThresholdInput" />
 			</view>
 
 			<view class="uni-option">
 				<text>设置下拉刷新区域背景颜色</text>
-				<input style="width: 200rpx;border-width: 2rpx;text-align: center; " :disabled="!refresherEnabled"
+				<input style="width: 200rpx;border-width: 2rpx;text-align: center; border-style: solid;" :disabled="!refresherEnabled"
 					:value="refresherBackground" @input="handleRefresherBackground" />
 			</view>
 
@@ -142,6 +142,7 @@
 		width: 100%;
 		background-color: azure;
 		border-width: 2rpx;
+    border-style: solid;
 		border-color: chocolate;
 	}
 
-- 
GitLab