update：更新

src/components/app-panel-field/app-panel-field.less

 .app-panel-field {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  padding: 0 6px;
-  .editor{
-    flex-grow: 1;
-    line-height: 34px;
-    .editorstyle{
-      .ivu-input.ivu-input-default{
-        border-color: red;
-      }
+    height: 100%;
+    width: 100%;
+    display: flex;
+    padding: 0 6px;
+
+    .editor {
+        flex-grow: 1;
+        line-height: 34px;
+
+        .check-error {
+            .ivu-input.ivu-input-default {
+                border-color: red;
+            }
+        }
+
+        .error-info {
+            color: red !important;
+        }
     }
-    .errorstyle{
-      color:red !important;
+
+    .app-panel-field-label {
+        height: 34px !important;
+        line-height: 22px;
+        flex-shrink: 0;
+        padding: 6px 10px 6px 0px;
     }
-  }
-  .app-panel-field-label {
-    height: 34px !important;
-    line-height: 22px;
-    flex-shrink: 0;
-    padding: 6px 10px 6px 0px;
-  }
 }
 
 .app-panel-field.label-top {
-  flex-flow: column;
+    flex-flow: column;
 }
 
-.app-panel-field.label-bottom{
-  flex-flow: column-reverse;
+.app-panel-field.label-bottom {
+    flex-flow: column-reverse;
 }
 
 .app-panel-field.label-left {
-  .app-panel-field-label {
-      text-align: right;
-  }
+    .app-panel-field-label {
+        text-align: right;
+    }
 }
 
 .app-panel-field.label-right {
-  flex-flow: row-reverse;
-  .app-panel-field-label {
-      padding: 6px 0px 6px 10px;
-  }
+    flex-flow: row-reverse;
+
+    .app-panel-field-label {
+        padding: 6px 0px 6px 10px;
+    }
 }
 
 .app-panel-field.label-none {
-  .app-panel-field-label {
-      display: none !important;
-  }
-}
+    .app-panel-field-label {
+        display: none !important;
+    }
+}
\ No newline at end of file

src/components/app-panel-field/app-panel-field.vue

 <template>
   <div :class="curClassName" :style="curStyle">
     <div v-if="Object.is(labelPos, 'NONE') || !labelPos" class="editor">
-      <div :class="valueCheck == true ? '' : 'editorstyle'">
+      <div :class="{'check-error': !valueCheck}">
         <slot></slot>
-        <span :class="error ? 'errorstyle' : ''">{{ error }}</span>
+        <span v-if="!valueCheck" class="error-info">{{ error }}</span>
       </div>
     </div>
     <div v-if="!Object.is(labelPos, 'NONE')" class="app-panel-field-label">
@@ -19,9 +19,9 @@
       "
       class="editor"
     >
-      <div :class="valueCheck == true ? '' : 'editorstyle'">
+      <div :class="{'check-error': !valueCheck}">
         <slot></slot>
-        <span :class="error ? 'errorstyle' : ''">{{ error }}</span>
+        <span v-if="!valueCheck" class="error-info">{{ error }}</span>
       </div>
     </div>
   </div>