| | |
| | | <pre style="font-size: 12px;color: #909399;margin-top: 0;padding:5px;background-color: #F5F7FA">上传文件为json文件,示例如下 |
| | | [{ |
| | | "name": "图标库名:图标名称", |
| | | "svg": "html代码" |
| | | "svg": "svg的html代码" |
| | | }, |
| | | { |
| | | "name": "图标库名:图标名称", |
| | | "svg": "html代码" |
| | | "svg": "svg的html代码" |
| | | }] |
| | | 文件内容须严格按照示例格式,name为图标库名+图标名称,以“:”分隔,svg为图标html代码</pre> |
| | | </el-dialog> |
| | |
| | | } |
| | | </script> |
| | | |
| | | <style scoped> |
| | | <style scoped lang="scss"> |
| | | ::v-deep{ |
| | | svg{ |
| | | font-size: inherit; |
| | | height: 100%; |
| | | width:100%; |
| | | } |
| | | } |
| | | .tag-group{font-size: 14px;} |
| | | .el-tag{ |
| | | margin: 0 0 10px 10px; |
| | |
| | | text-align: center; |
| | | } |
| | | .iconList .iconItem .svgContent{ |
| | | font-size: 26px; |
| | | font-size: 24px; |
| | | width: 24px; |
| | | height: 24px; |
| | | margin: 0 auto; |
| | | } |
| | | .iconList .iconItem .svgContent:hover{ |
| | | transform: scale(1.5); |