wangting
2024-12-26 76342266c9e81ceb789f673d9d320b7dcbe875b7
图标管理提示,菜单样式
已修改2个文件
30 ■■■■■ 文件已修改
Source/plt-web/plt-web-ui/src/styles/ui.scss 10 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Icons/index.vue 20 ●●●●● 补丁 | 查看 | 原始文档 | blame | 历史
Source/plt-web/plt-web-ui/src/styles/ui.scss
@@ -336,6 +336,15 @@
/*
修改框架默认样式
 */
/*
左侧菜单
 */
.el-menu--vertical{
  margin-left: -4px;
}
.el-menu--vertical .el-menu--vertical{
  margin-left: 0;
}
.el-menu--vertical .el-menu--popup-right-start{
  background: #20222a !important;
}
@@ -349,6 +358,7 @@
.el-menu--popup-right-start .menu-wrapper:hover .el-submenu__title i, .el-menu--popup-right-start .menu-wrapper:hover .el-submenu__title span {
  color: #ffffff;
}
.el-card__body {
  padding: 15px;
}
Source/plt-web/plt-web-ui/src/views/modelingMenu/ui/Icons/index.vue
@@ -48,17 +48,15 @@
          @close="visibleCloseHandler"
        >
          <avue-form ref="form" :option="option" v-model="form" :upload-after="uploadAfter" style="margin-bottom: 0;height:90px;overflow: hidden"> </avue-form>
          <pre style="font-size: 12px;color: #b3b3b3;margin-top: 0;padding:5px;background-color: #f5f5f5">上传文件为json文件,示例如下
[
  {
    "name": "iconoir:accessibility",
    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"M12 22c5.523 0 10-4.477 10-10S17.523 2 12 2S2 6.477 2 12s4.477 10 10 10M7 9l5 1m5-1l-5 1m0 0v3m0 0l-2 5m2-5l2 5\"/><path fill=\"currentColor\" d=\"M12 7a.5.5 0 1 1 0-1a.5.5 0 0 1 0 1\"/></g></svg>"
          <pre style="font-size: 12px;color: #909399;margin-top: 0;padding:5px;background-color: #F5F7FA">上传文件为json文件,示例如下
[{
    "name": "图标库名:图标名称",
    "svg": "html代码"
  },
  {
    "name": "iconoir:accessibility-sign",
    "svg": "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\"><g fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"1.5\"><path d=\"m11.5 12.5l7-.5l-1.5 6.5m-5.5-6l4.5-5L12.5 5L10 7.5m8.5-1a2 2 0 1 1 0-4a2 2 0 0 1 0 4\"/><path d=\"M5.5 12.5a5 5 0 0 1 7.584 6M3.729 15A5 5 0 0 0 11 20.831\"/></g></svg>"
  }
 ]
    "name": "图标库名:图标名称",
    "svg": "html代码"
 }]
 文件内容须严格按照示例格式,name为图标库名+图标名称,以“:”分隔,svg为图标html代码</pre>
        </el-dialog>
        <!-- 添加、修改 -->
@@ -186,11 +184,11 @@
            value:'key'
          }
        }, {
          label: "svg代码",
          label: "图标代码",
          prop: "content",
          type: "textarea",
          span: 24,
          placeholder:'请输入图标svg代码,格式示例<svg xmlns=\"http://www.w3.org/2000/svg\" ></svg>',
          placeholder:'请输入图标html代码,格式示例<svg xmlns=\"http://www.w3.org/2000/svg\" ></svg>',
          rules: [{
            required: true,
            message: "请输入图标svg代码",