添加border-style

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>

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 -->

pages/CSS/border/complex-border/complex-border.uvue

@@ -34,6 +34,7 @@
 		height: 250rpx;
 		background-color: #00dd00;
 		border-width: 20rpx;
+    border-style: solid;
 		border-color: #000000;
 		border-bottom-width: 40rpx;
 		border-bottom-color: #ff0000;
@@ -46,6 +47,7 @@
 	.border-rect {
 		width: 250rpx;
 		height: 250rpx;
+    border-style: solid;
 		background-color: #00dd00;
 		border-width: 20rpx;
 		border-color: #000000;

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>
 
@@ -204,6 +204,7 @@
 		width: 100%;
 		background-color: azure;
 		border-width: 2rpx;
+    border-style: solid;
 		border-color: chocolate;
 	}
 

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;
 	}