代码表样式

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

 <template>
     <div class="app-mob-span">
-        <ion-icon v-if="currentItem && currentItem.iconcls" :name="currentItem.iconcls"></ion-icon><ion-input :style="{color:currentItem && currentItem.color?currentItem.color:''}" v-if="!codeListType" readonly :value="text" ></ion-input>
-        <ion-input :style="{color:currentItem && currentItem.color?currentItem.color:''}" v-if="codeListType == 'DYNAMIC'" readonly :value="($t('userCustom.'+tag+'.'+value)!== ('userCustom.'+tag+'.'+value))?$t('userCustom.'+tag+'.'+value) : text" ></ion-input>
-        <ion-input :style="{color:currentItem && currentItem.color?currentItem.color:''}" v-if="codeListType == 'STATIC'" readonly :value="($t('codelist.'+tag+'.'+value)!== ('codelist.'+tag+'.'+value))?$t('codelist.'+tag+'.'+value) : text" ></ion-input>
+        <ion-icon v-if="currentItem && currentItem.iconcls" :name="currentItem.iconcls"></ion-icon>
+        <ion-input v-if="!codeListType" readonly :value="text" ></ion-input>
+        <ion-input v-if="codeListType == 'DYNAMIC'" readonly :value="($t('userCustom.'+tag+'.'+value)!== ('userCustom.'+tag+'.'+value))?$t('userCustom.'+tag+'.'+value) : text" ></ion-input>
+        <ion-input :style="{color:currentItem && currentItem.color?currentItem.color:''}" :class="currentItem && currentItem.className?currentItem.className:''" v-if="codeListType == 'STATIC'" readonly :value="($t('codelist.'+tag+'.'+value)!== ('codelist.'+tag+'.'+value))?$t('codelist.'+tag+'.'+value) : text" ></ion-input>
     </div>
 </template>
 

src/styles/default.less

@@ -4,6 +4,7 @@
 @import "../theme/default.theme.less";
 @import "./theme.less";
 @import "./layout.less";
+@import "./sysStyles.less";
 .view-container {
   height: 100%;
   display: flex;