update：更新

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

@@ -3,18 +3,22 @@
     width: 100%;
     display: flex;
     padding: 0 6px;
-  .editor{
+
+    .editor {
         flex-grow: 1;
         line-height: 34px;
-    .editorstyle{
-      .ivu-input.ivu-input-default{
+
+        .check-error {
+            .ivu-input.ivu-input-default {
                 border-color: red;
             }
         }
-    .errorstyle{
-      color:red !important;
+
+        .error-info {
+            color: red !important;
         }
     }
+
     .app-panel-field-label {
         height: 34px !important;
         line-height: 22px;
@@ -27,7 +31,7 @@
     flex-flow: column;
 }
 
-.app-panel-field.label-bottom{
+.app-panel-field.label-bottom {
     flex-flow: column-reverse;
 }
 
@@ -39,6 +43,7 @@
 
 .app-panel-field.label-right {
     flex-flow: row-reverse;
+
     .app-panel-field-label {
         padding: 6px 0px 6px 10px;
     }

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>