update 优化字典扩展值样式

Web/src/pages/system/dict/dictdata/index.vue

@@ -40,7 +40,7 @@
         <a-input placeholder="请输入字典值" v-model="record.code" />
       </Auth>
       <Auth auth="sysDictData:edit" slot="extCode" slot-scope="text, record">
-        <a @click="onOpen('ext-code-form', record)">编辑</a>
+        <a @click="onOpen('ext-code-form', record)" class="json-editor">JSON</a>
       </Auth>
       <Auth auth="sysDictData:edit" slot="sort" slot-scope="text, record">
         <a-input-number
@@ -85,14 +85,28 @@
     </yo-modal-form>
   </a-card>
 </template>
-<style scoped>
-.ant-card>>>.ant-table-footer {
-  border-width: 1px 0 0 !important;
-  background-color: transparent;
-}
-.ant-card>>>.yo-table .ant-table-content .ant-table-body>table>.ant-table-thead>tr>th:last-child,
-.ant-card>>>.yo-table .ant-table-content .ant-table-body>table>.ant-table-tbody>tr>td:last-child {
-  border-right-width: 0 !important;
+<style lang="less" scoped>
+@import (reference) '~@/assets/style/app.less';
+.ant-card {
+  /deep/.ant-table-footer {
+    border-width: 1px 0 0 !important;
+    background-color: transparent;
+  }
+  /deep/.yo-table .ant-table-content .ant-table-body>table>.ant-table-thead>tr>th:last-child,
+  /deep/.yo-table .ant-table-content .ant-table-body>table>.ant-table-tbody>tr>td:last-child {
+    border-right-width: 0 !important;
+  }
+  .json-editor {
+    font-weight: bold;
+
+    display: inline-block;
+
+    transform: scaleY(.85);
+
+    color: transparent;
+    background-image: linear-gradient(135deg, @primary-color, @success-color);
+    -webkit-background-clip: text;
+  }
 }
 
 </style>