'扩展更多图标'
lin-xin
parent
286a7cc717
commit
bdb412b039
|
|
@ -2,3 +2,4 @@
|
||||||
node_modules/
|
node_modules/
|
||||||
dist/
|
dist/
|
||||||
npm-debug.log
|
npm-debug.log
|
||||||
|
example.html
|
||||||
|
|
|
||||||
15
index.html
15
index.html
|
|
@ -2,23 +2,10 @@
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>vue-manage-system | 基于Vue的后台管理系统</title>
|
<title>vue-manage-system</title>
|
||||||
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
|
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
|
||||||
<meta name="keywords" content="vue, vue-manage-system, manage-system, 后台管理系统, element" />
|
|
||||||
<meta name="description" content="基于Vue2 + Element UI 的后台管理系统解决方案" />
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<div id="app"></div>
|
<div id="app"></div>
|
||||||
<!--<script src="./static/js/vendor.dll.js"></script>-->
|
|
||||||
<!-- <script>
|
|
||||||
var _hmt = _hmt || [];
|
|
||||||
(function() {
|
|
||||||
var hm = document.createElement("script");
|
|
||||||
hm.src = "https://hm.baidu.com/hm.js?b455f7e1c6ca6e239edaccf0e6aa11fb";
|
|
||||||
var s = document.getElementsByTagName("script")[0];
|
|
||||||
s.parentNode.insertBefore(hm, s);
|
|
||||||
})();
|
|
||||||
</script> -->
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<style>
|
<style>
|
||||||
@import 'http://at.alicdn.com/t/font_830376_95kzqdmphss.css';
|
@import 'http://at.alicdn.com/t/font_830376_qzecyukz0s.css';
|
||||||
@import "../static/css/main.css";
|
@import "../static/css/main.css";
|
||||||
@import "../static/css/color-dark.css"; /*深色主题*/
|
@import "../static/css/color-dark.css"; /*深色主题*/
|
||||||
/*@import "../static/css/theme-green/color-green.css"; 浅绿色主题*/
|
/*@import "../static/css/theme-green/color-green.css"; 浅绿色主题*/
|
||||||
|
|
|
||||||
|
|
@ -7,20 +7,20 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<h2>使用方法</h2>
|
<h2>使用方法</h2>
|
||||||
<p>
|
<p style="line-height: 50px;">
|
||||||
直接通过设置类名为 el-icon-lx-iconName 来使用即可。例如：
|
直接通过设置类名为 el-icon-lx-iconName 来使用即可。例如：（共{{iconList.length}}个图标）
|
||||||
</p>
|
</p>
|
||||||
<p class="example-p">
|
<p class="example-p">
|
||||||
<i class="el-icon-lx-delete" style="font-size: 30px;"></i>
|
<i class="el-icon-lx-redpacket_fill" style="font-size: 30px;color: #ff5900"></i>
|
||||||
<span><i class="el-icon-lx-delete"></i></span>
|
<span><i class="el-icon-lx-redpacket_fill"></i></span>
|
||||||
</p>
|
</p>
|
||||||
<p class="example-p">
|
<p class="example-p">
|
||||||
<i class="el-icon-lx-weibo" style="font-size: 30px;color: red"></i>
|
<i class="el-icon-lx-weibo" style="font-size: 30px;color:#fd5656"></i>
|
||||||
<span><i class="el-icon-lx-weibo"></i></span>
|
<span><i class="el-icon-lx-weibo"></i></span>
|
||||||
</p>
|
</p>
|
||||||
<p class="example-p">
|
<p class="example-p">
|
||||||
<i class="el-icon-lx-favorfill" style="font-size: 30px;color: #ffc300"></i>
|
<i class="el-icon-lx-emojifill" style="font-size: 30px;color: #ffc300"></i>
|
||||||
<span><i class="el-icon-lx-favorfill"></i></span>
|
<span><i class="el-icon-lx-emojifill"></i></span>
|
||||||
</p>
|
</p>
|
||||||
<br>
|
<br>
|
||||||
<h2>图标</h2>
|
<h2>图标</h2>
|
||||||
|
|
@ -83,35 +83,94 @@
|
||||||
'locationfill',
|
'locationfill',
|
||||||
'favor',
|
'favor',
|
||||||
'favorfill',
|
'favorfill',
|
||||||
|
'skin',
|
||||||
|
'skinfill',
|
||||||
|
'news',
|
||||||
|
'newsfill',
|
||||||
|
'record',
|
||||||
|
'recordfill',
|
||||||
|
'emoji',
|
||||||
|
'emojifill',
|
||||||
|
'message',
|
||||||
|
'messagefill',
|
||||||
|
'goods',
|
||||||
|
'goodsfill',
|
||||||
|
'crown',
|
||||||
|
'crownfill',
|
||||||
|
'move',
|
||||||
|
'add',
|
||||||
|
'hot',
|
||||||
|
'hotfill',
|
||||||
|
'service',
|
||||||
|
'servicefill',
|
||||||
|
'present',
|
||||||
|
'presentfill',
|
||||||
|
'pic',
|
||||||
|
'picfill',
|
||||||
|
'rank',
|
||||||
|
'rankfill',
|
||||||
|
'male',
|
||||||
|
'female',
|
||||||
|
'down',
|
||||||
|
'top',
|
||||||
|
'recharge',
|
||||||
|
'rechargefill',
|
||||||
|
'forward',
|
||||||
|
'forwardfill',
|
||||||
|
'info',
|
||||||
|
'infofill',
|
||||||
|
'redpacket',
|
||||||
|
'redpacket_fill',
|
||||||
|
'roundadd',
|
||||||
|
'roundaddfill',
|
||||||
|
'friendadd',
|
||||||
|
'friendaddfill',
|
||||||
|
'cart',
|
||||||
|
'cartfill',
|
||||||
|
'more',
|
||||||
|
'moreandroid',
|
||||||
|
'back',
|
||||||
|
'right',
|
||||||
|
'shop',
|
||||||
|
'shopfill',
|
||||||
|
'question',
|
||||||
|
'questionfill',
|
||||||
|
'roundclose',
|
||||||
|
'roundclosefill',
|
||||||
|
'roundcheck',
|
||||||
|
'roundcheckfill',
|
||||||
|
'global',
|
||||||
|
'mail',
|
||||||
|
'punch',
|
||||||
|
'exit',
|
||||||
|
'upload',
|
||||||
|
'read',
|
||||||
|
'file',
|
||||||
|
'link',
|
||||||
'full',
|
'full',
|
||||||
'text',
|
|
||||||
'group',
|
'group',
|
||||||
'friend',
|
'friend',
|
||||||
'profile',
|
'profile',
|
||||||
'addressbook',
|
'addressbook',
|
||||||
'calendar',
|
'calendar',
|
||||||
'apps',
|
'text',
|
||||||
'copy',
|
'copy',
|
||||||
'share',
|
'share',
|
||||||
'wifi',
|
'wifi',
|
||||||
'vipcard',
|
'vipcard',
|
||||||
'goods',
|
|
||||||
'weibo',
|
'weibo',
|
||||||
'message',
|
|
||||||
'remind',
|
'remind',
|
||||||
'qrcode',
|
|
||||||
'cart',
|
|
||||||
'refresh',
|
'refresh',
|
||||||
'top',
|
|
||||||
'filter',
|
'filter',
|
||||||
'pic',
|
|
||||||
'settings',
|
'settings',
|
||||||
'scan',
|
'scan',
|
||||||
|
'qrcode',
|
||||||
'cascades',
|
'cascades',
|
||||||
|
'apps',
|
||||||
|
'sort',
|
||||||
|
'searchlist',
|
||||||
'search',
|
'search',
|
||||||
'emoji',
|
|
||||||
'edit'
|
'edit'
|
||||||
|
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
@ -121,6 +180,9 @@
|
||||||
return item.indexOf(this.keyword) !== -1;
|
return item.indexOf(this.keyword) !== -1;
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
created(){
|
||||||
|
console.log(this.iconList.length);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue