fix: 修改checkbox外部样式类的使用案例 (#554)

Author: dpp050700

examples/pages/components/form/pages/checkbox/index.wxml

@@ -164,14 +164,14 @@
         <view class='title'>8. 前端需要学习哪些技能？</view>
         <l-checkbox-group l-class="l-checkbox-group" bind:linchange="change" placement="row" data-index="8">
           <l-checkbox
+            class="checkbox-mg"
             l-class="l-checkbox"
             l-disabled-class="l-checkbox-disabled"
             wx:for="{{items8}}"
             wx:key="{{item.id}}"
             placement="{{position}}"
             key="{{item.name}}"
             checked="{{item.checked}}"
-            disabled="{{item.id==1}}"
           >
           {{item.name}}
           </l-checkbox>

examples/pages/components/form/pages/checkbox/index.wxss

@@ -23,13 +23,19 @@
 }
 
 .l-checkbox {
+  border: 1px solid #cccccc !important;
   color: rgba(140, 152, 174, 1) !important;
+  padding: 0 30rpx;
+  border-radius: 10rpx;
 }
 .l-checkbox-disabled {
-  color: #dddddd !important;
+  border: 1px solid #cccccc !important;
+  color: rgba(140, 152, 174, 1) !important;
+  padding: 0 30rpx;
+  border-radius: 10rpx;
 }
 .l-checkbox-group{
-  margin-top: 30rpx
+  margin-top: 10rpx
 }
 
 .l-checkbox-color{
@@ -43,3 +49,6 @@
   padding: 10rpx 0;
 }
 
+.checkbox-mg{
+  margin: 10rpx;
+}