平台为了保证统一性,做了很多约定,例如按钮图标等,平台规定图标取自这两个地方。在整个平台上运行的系统必须保持一致。在这个层面上不允许个性发挥。
1) font-awesome
import 'font-awesome/css/font-awesome.min.css' // font-awesome
查图标:
https://www.runoob.com/font-awesome/fontawesome-reference.html
2) element-ui图标
import 'element-ui/lib/theme-chalk/icon.css'
查图标:
https://element.eleme.cn/#/zh-CN/component/icon
规定如下
新增:<i class="el-icon-plus" />
查询:<i class="el-icon-search" />
重置:<i class="el-icon-refresh" />
刷新:<i class="el-icon-refresh-right" />
编辑/修改:<i class="el-icon-edit" />
删除:<i class="el-icon-delete" />
作废:<i class="el-icon-takeaway-box" />
分发:<i class="el-icon-position" />
设置:<i class="el-icon-setting" />
发布:<i class="el-icon-data-line" />
查看基本信息:<i class="el-icon-document" />
查看关联信息:<i class="el-icon-postcard" />
查看图片:<i class=" el-icon-picture-outline" />
查看流程:<i class="el-icon-notebook-2" />
查看日志: <i class="el-icon-collection-tag" />
确认:<i class="el-icon-check" />
关闭:<i class="el-icon-close" />
上传:<i class="el-icon-upload2 " />
下载:<i class="el-icon-download" />
打印:<i class="el-icon-printer " />
复制:<i class="el-icon-copy-document" />
关联:<i class="el-icon-connection" />
归档: <i class="el-icon-sell" />
启用:<i class="el-icon-video-play" />
禁用:<i class="el-icon-video-pause" />
打开/开通: <i class="el-icon-folder-opened " />
修改密码:<i class="el-icon-key" />
授权: <i class="el-icon-unlock" />
修改头像: <i class="el-icon-user" />
预览:<i class="el-icon-data-board" />
导出: <i class="el-icon-tickets" />
申报:<i class="el-icon-aim" />
切换:<i class="el-icon-sort" />
保存: <i class="el-icon-suitcase" />
取消/关闭:<i class="el-icon-switch-button" />
定位: <i class="el-icon-location-information" />
下一个: <i class="el-icon-right" />
通过: <i class="el-icon-folder-checked" />
退回: <i class="el-icon-folder-delete" />