表单页面样式调整 --fix1

src/components/app-form-group/app-form-group.less

@@ -18,4 +18,9 @@
             margin-right: 2px;
         }
     }
+    >ion-item-divider {
+      --background: #f5f4f9;
+      --color: #111111;
+      font-size: large;
+    }
 }
\ No newline at end of file

src/components/app-form-item/app-form-item.less

@@ -33,7 +33,7 @@
 }
 .app-form-item.item-has-value {
     >ion-label {
-        color: #888888;
+        color: #afafaf;
         font-size: 15px;
     }
 }
@@ -60,4 +60,10 @@
         -webkit-opacity: 1 !important;
         -webkit-text-fill-color: #000;
     }
+}
+
+ion-item {
+  --border-color: #f3f2f2;
+  --background: #fcfcfc;
+  font-family: -apple-system, "Microsoft Yahei",
 }
\ No newline at end of file

src/components/app-mob-check-list/app-mob-check-list.less

@@ -10,10 +10,12 @@
     width: 100%;
     max-width: 100%;
     padding-left: 0;
-    padding-right: 28px;
+    padding-right: 10px;
+    text-align: right;
+    color: #969696 !important;
   }
   ion-select::part(icon) {
-    display: none;
+    display: none !important;
   }
   .ion-select-icon{
     right: 17px;

src/components/app-mob-datetime-picker/app-mob-datetime-picker.less

@@ -2,8 +2,9 @@
   width: 100%;
   text-align: right;
   ion-datetime{
-    --padding-end: 28px;
+    --padding-end: 5px;
     padding-left: 0;
+    color: #969696 !important;
   }
   ion-icon{
     position: absolute;

src/components/app-mob-file-upload/app-mob-file-upload.less

@@ -22,12 +22,19 @@
       font-size: 14px;
       --inner-border-width: 0;
       height: 38px;
-  
+      --padding-end: 0px !important;
+      --inner-padding-end: 0px !important;
+      text-align: right;
     }
     ion-row{
       display: flex;
       justify-content: flex-end;
-      padding-right: 11px;
+      padding-right: 0px;
+    }
+    ion-icon {
+      font-size: 20px !important;
+      color: #969696 !important;
+      padding-right: 3px;
     }
   }
   
\ No newline at end of file

src/components/app-mob-input/app-mob-input.less

+ion-input {
+  --padding-end: 5px !important;
+  text-align: right;
+  --color: #969696 !important;
+}
\ No newline at end of file

src/components/app-mob-input/app-mob-input.vue

@@ -45,5 +45,5 @@ export default class AppInput extends Vue {
 }
 </script>
 <style lang="less">
-
+  @import './app-mob-input.less';
 </style>
\ No newline at end of file

src/components/app-mob-mpicker/app-mob-mpicker.less

@@ -4,7 +4,8 @@
   .open-picker {
     position: absolute;
     right: 5px;
-    top: 10px;  
+    top: 50%;
+    transform: translateY(-50%);
     z-index: 3;
   }
   >ion-input {

src/components/app-mob-mpicker/app-mob-mpicker.vue

@@ -3,10 +3,8 @@
     <ion-input :disabled="disabled" :value="(curValue.length > 0 ? 'hasValue' : '')" readonly>
       <div>
         <template v-for="(item,index) in curValue">
-          <ion-chip :key="index">
             {{item.text}}
-            <ion-icon name="close-circle" @click="remove(index)"></ion-icon>
-          </ion-chip>
+            <span v-if="index < curValue.length-1">,</span>
         </template>
       </div>
     </ion-input>

src/components/app-mob-picker/app-mob-picker.less

@@ -2,7 +2,7 @@
   width: 100%;
   position: relative;
   .ibz-input{
-    padding-right: 18px !important;
+    padding-right: 20px !important;
   }
   .open-picker {
     position: absolute;
@@ -13,7 +13,12 @@
   .delete-value {
     position: absolute;
     right: 4px;
-    top: 13px; 
+    top: 50%;
+    transform: translateY(-50%);
     z-index: 3;
+    color: #969696 !important;
+  }
+  ion-icon[name="close-outline"] {
+    font-size: 20px !important;
   }
 }
\ No newline at end of file

src/components/app-mob-textarea/app-mob-textarea.less

@@ -5,4 +5,6 @@ ion-textarea {
   textarea {
     min-height: 64px;
   }
+  --padding-end:5px !important;
+  color: #969696 !important;
 }