feat(switch): 调整页面样式，推荐样式没有 padding 太贴边了

common/uni.css

@@ -55,6 +55,10 @@
   align-items: center;
 }
 
+.uni-list-cell-padding {
+  padding: 16px;
+}
+
 .uni-list-cell-line {
   border-bottom: 1px solid #c8c7cc;
 }
@@ -143,4 +147,4 @@
   padding: 18rpx;
   line-height: 1.6;
   font-size: 28rpx;
-}
\ No newline at end of file
+}

pages/component/switch/switch.uvue

 <template>
-  <view class="uni-padding-wrap">
-    <view class="uni-common-mt">
+  <view>
+    <view class="uni-padding-wrap uni-common-mt">
       <view class="uni-title">默认样式</view>
       <view class="flex-row">
         <switch class="switch-checked" :checked="checked" @change="switch1Change" />
@@ -20,11 +20,11 @@
       <view class="uni-title">推荐展示样式</view>
     </view>
     <view class="uni-list">
-      <view class="uni-list-cell uni-list-cell-pd">
+      <view class="uni-list-cell uni-list-cell-padding">
         <view class="uni-list-cell-db">开启中</view>
         <switch :checked="true" />
       </view>
-      <view class="uni-list-cell uni-list-cell-pd">
+      <view class="uni-list-cell uni-list-cell-padding">
         <view class="uni-list-cell-db">关闭</view>
         <switch />
       </view>
@@ -58,4 +58,4 @@
   .flex-row {
     flex-direction: row;
   }
-</style>
\ No newline at end of file
+</style>