update: 代码表组件更新

src/components/codelist/codelist.scss

+.codelist {
+    display: flex;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    word-break: break-all;
+    overflow: hidden;
+    .codelist-item {
+        height: 20px;
+        width: 80px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        max-height: 32px;
+        padding: 0px 3px;
+        border-radius: 2px;
+        color: var(--app-color-blue);
+        border: 1px solid var(--app-color-blue);
+        > img{
+            max-height: 24px;
+            width: auto;
+            margin-right: 6px;
+            border-radius: 50%;
+        }
+    }
+  }
\ No newline at end of file

src/components/codelist/codelist.vue

@@ -3,10 +3,10 @@
         <span v-if="ifEmpty">{{$t('codelist.'+tag+'.empty')}}</span>
         <template v-if="!ifEmpty">
           <template v-for="(item, index) in items">
-              <div class="codelist-item" :key="index">
+              <div class="codelist-item" :key="index" :style="{ color: item.color, borderColor: item.color }">
                     <i v-if="item.iconcls" :class="item.iconcls"></i>
                     <img v-if="item.icon" :src="getIcon(item.icon)" />
-                    <span :class="item.class" :style="{ color: item.color }">
+                    <span :class="item.class">
                         {{ isUseLangres ? $t(item.text) : item.text }}
                     </span>
                     <span v-if="index != items.length-1">{{ textSeparator }}</span>
@@ -335,23 +335,5 @@ export default class CodeList extends Vue {
 </script>
 
 <style lang='scss'>
-  .codelist {
-    display: flex;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-    word-break: break-all;
-    overflow: hidden;
-    .codelist-item{
-        display: flex;
-        align-items: center;
-        max-height: 32px;
-        padding: 0px 3px;
-        > img{
-            max-height: 24px;
-            width: auto;
-            margin-right: 6px;
-            border-radius: 50%;
-        }
-    }
-  }
+@import "./codelist.scss";
 </style>
\ No newline at end of file