提交 9a2970e9 编写于 作者: Mr.奇淼('s avatar Mr.奇淼(

增加图标页 menu增加icon前缀

上级 26821536
<template> <template>
<ul class="icon-list"> <ul class="icon-list clearfix">
<li> <li>
<span> <span>
<i class="el-icon-platform-eleme"></i> <i class="el-icon-platform-eleme"></i>
...@@ -1223,6 +1223,7 @@ ...@@ -1223,6 +1223,7 @@
<li> <li>
<span> <span>
<i class="el-icon-moon"></i> <i class="el-icon-moon"></i>
<br/>
<span class="icon-name">el-icon-moon</span></span> <span class="icon-name">el-icon-moon</span></span>
</li> </li>
<li> <li>
...@@ -1413,6 +1414,79 @@ ...@@ -1413,6 +1414,79 @@
} }
</script> </script>
<style scoped> <style lang="scss" scoped>
.icon-list{
-webkit-tap-highlight-color: transparent;
font-family: icomoon!important;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
overflow: hidden;
list-style: none;
padding: 0!important;
border: 1px solid #eaeefb;
border-radius: 4px;
font-size: 14px;
color: #5e6d82;
line-height: 2em;
li{
-webkit-tap-highlight-color: transparent;
font-family: icomoon!important;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
list-style: none;
float: left;
width: 16.66%;
text-align: center;
height: 120px;
line-height: 120px;
color: #666;
font-size: 13px;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
margin-right: -1px;
margin-bottom: -1px;
span{
-webkit-tap-highlight-color: transparent;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
list-style: none;
text-align: center;
font-size: 13px;
display: inline-block;
vertical-align: middle;
line-height: normal;
font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
color: #99a9bf;
transition: color .15s linear;
i{
-webkit-tap-highlight-color: transparent;
list-style: none;
text-align: center;
font-family: element-icons!important;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
display: block;
font-size: 32px;
margin-bottom: 15px;
color: #606266;
transition: color .15s linear;
}
}
}
}
</style> </style>
\ No newline at end of file
...@@ -63,7 +63,9 @@ ...@@ -63,7 +63,9 @@
<el-input autocomplete="off" v-model="form.meta.title"></el-input> <el-input autocomplete="off" v-model="form.meta.title"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="图标" prop="meta.icon"> <el-form-item label="图标" prop="meta.icon">
<el-input autocomplete="off" v-model="form.meta.icon"></el-input> <el-input autocomplete="off" v-model="form.meta.icon">
<template slot="prepend">el-icon-</template>
</el-input>
</el-form-item> </el-form-item>
<el-form-item label="排序标记" prop="sort"> <el-form-item label="排序标记" prop="sort">
<el-input autocomplete="off" v-model.number="form.sort"></el-input> <el-input autocomplete="off" v-model.number="form.sort"></el-input>
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册