BUG 31133

src/apps/AppAskForm/components/formDetail.vue

@@ -39,8 +39,7 @@
           <u-row v-else-if="op.fieldType=='checkbox'">
             <checkbox-group @change="({detail})=>op.fieldValue=detail.value">
               <div class="option mar-b16" flex v-for="option in op.fieldInfo.options" :key="option.label">
-                <checkbox :value="option.label" :disabled="isResult"
-                          :checked="option.checked"/>
+                <checkbox :value="option.label" :disabled="isResult" :checked="option.checked"/>
                 <AiImage class="option-img" v-if="option.img" :src="option.img" preview/>
                 <div class="label fill">{{ option.label }}</div>
               </div>
@@ -279,7 +278,7 @@ export default {
     padding: 32px 24px;
   }
 
-  .content {
+  ::v-deep.content {
     padding-top: 64px;
     padding-bottom: 200px;
 
@@ -289,11 +288,24 @@ export default {
       .option-img {
         margin-right: 20px;
 
-        ::v-deep uni-image {
+        uni-image {
           width: 130px;
           height: 130px;
         }
       }
+
+      .uni-checkbox-input-disabled {
+        background-color: transparent;
+
+        &.uni-checkbox-input-checked {
+          background-color: rgb(0, 122, 255);
+          border-color: rgb(0, 122, 255);
+        }
+
+        &:before {
+          color: #fff;
+        }
+      }
     }
   }