样式调整

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

 .app-form-item {
-    width: 100%;
+  width: 100%;
+  font-size: 15px;
+  --inner-padding-start: 20px;
+  --padding-start: 0;
+  .app-form-item-label-required {
+    color: #ea3424;
+  }
+  .app-form-item-label-notRequired {
+    color: #000;
+  }
+  .prompt_text {
+    position: absolute;
+    right: 25px;
+    opacity: 0.8;
+    font-size: 12px;
+    bottom: 0px;
+    color: #ea3424;
+    z-index: 10;
+  }
+  .prompt_text_right {
+    position: absolute;
+    left: 0px;
+    opacity: 0.8;
+    font-size: 12px;
+    bottom: 0px;
+    color: #ea3424;
+    z-index: 10;
+  }
+  .sc-ion-label-ios-h {
     font-size: 15px;
-    --inner-padding-start: 20px;
-    --padding-start: 0;
-    .app-form-item-label-required {
-        color: #ea3424;
-    }
-    .app-form-item-label-notRequired {
-        color: #000;
-    }
-    .prompt_text{
-        position: absolute;
-        right: 25px;
-        opacity: 0.8;
-        font-size: 12px;
-        bottom: 0px;
-        color: #ea3424;
-        z-index: 10;
-    }
-    .prompt_text_right{
-        position: absolute;
-        left: 0px;
-        opacity: 0.8;
-        font-size: 12px;
-        bottom: 0px;
-        color: #ea3424;
-        z-index: 10;
-    }
-    .sc-ion-label-ios-h{
-        font-size: 15px;
-    }
-        
-    --border-color: #f3f2f2;
-    --background: #fcfcfc;
-    font-family: -apple-system, "Microsoft Yahei",
+    max-width: 33vw;
+  }
+
+  --border-color: #f3f2f2;
+  --background: #fcfcfc;
+  font-family: -apple-system, "Microsoft Yahei";
 }
 .app-form-item.item-has-value {
-    >ion-label {
-        color: #afafaf;
-        font-size: 15px;
-    }
+  > ion-label {
+    color: #afafaf;
+    font-size: 15px;
+  }
 }
-.app-form-item{
-    ion-label{
-        min-width: 34px;
-    }
+.app-form-item {
+  ion-label {
+    min-width: 34px;
+  }
 }
-.left{
-    .app-form-item-input{
-      --padding-end: 26px;
-      }
-    .app-form-item-textarea{
-      --padding-end: 26px;
-    }
+.left {
+  .app-form-item-input {
+    --padding-end: 26px;
+  }
+  .app-form-item-textarea {
+    --padding-end: 26px;
+  }
 }
 .app-form-item.item-last-item {
-    --inner-border-width: 0;
+  --inner-border-width: 0;
 }
 
 .item-disabled {
-    opacity: 0.6;
-    ion-label{
-        -webkit-opacity: 1 !important;
-        -webkit-text-fill-color: #000;
-    }
+  opacity: 0.6;
+  ion-label {
+    -webkit-opacity: 1 !important;
+    -webkit-text-fill-color: #000;
+  }
 }