Movatterモバイル変換

[0]ホーム
URL:

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

 Sign up
Appearance settings

Commitbdb412b

Browse files
committed
'扩展更多图标'
1 parent286a7cc commitbdb412b

File tree

4 files changed

+82
-32
lines changed

4 files changed

+82
-32
lines changed

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,3 +2,4 @@
22
node_modules/
33
dist/
44
npm-debug.log
5+
example.html

‎index.html

Lines changed: 1 addition & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -2,23 +2,10 @@
22
<html>
33
<head>
44
<metacharset="utf-8">
5-
<title>vue-manage-system | 基于Vue的后台管理系统</title>
5+
<title>vue-manage-system</title>
66
<metaname="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
7-
<metaname="keywords"content="vue, vue-manage-system, manage-system, 后台管理系统, element"/>
8-
<metaname="description"content="基于Vue2 + Element UI 的后台管理系统解决方案"/>
97
</head>
108
<body>
119
<divid="app"></div>
12-
<!--<script src="./static/js/vendor.dll.js"></script>-->
13-
<!-- <script>
14-
var _hmt = _hmt || [];
15-
(function() {
16-
var hm = document.createElement("script");
17-
hm.src = "https://hm.baidu.com/hm.js?b455f7e1c6ca6e239edaccf0e6aa11fb";
18-
var s = document.getElementsByTagName("script")[0];
19-
s.parentNode.insertBefore(hm, s);
20-
})();
21-
</script> -->
22-
2310
</body>
2411
</html>

‎src/App.vue

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
</div>
55
</template>
66
<style>
7-
@import'http://at.alicdn.com/t/font_830376_95kzqdmphss.css';
7+
@import'http://at.alicdn.com/t/font_830376_qzecyukz0s.css';
88
@import"../static/css/main.css";
99
@import"../static/css/color-dark.css";/*深色主题*/
1010
/*@import "../static/css/theme-green/color-green.css"; 浅绿色主题*/

‎src/components/page/Icon.vue

Lines changed: 79 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -7,20 +7,20 @@
77
</div>
88
<divclass="container">
99
<h2>使用方法</h2>
10-
<p>
11-
直接通过设置类名为 el-icon-lx-iconName 来使用即可。例如：
10+
<pstyle="line-height:50px;">
11+
直接通过设置类名为 el-icon-lx-iconName 来使用即可。例如：（共{{iconList.length}}个图标）
1212
</p>
1313
<pclass="example-p">
14-
<iclass="el-icon-lx-delete"style="font-size:30px;"></i>
15-
<span>&lt;i class=&quot;el-icon-lx-delete&quot;&gt;&lt;/i&gt;</span>
14+
<iclass="el-icon-lx-redpacket_fill"style="font-size:30px;color:#ff5900"></i>
15+
<span>&lt;i class=&quot;el-icon-lx-redpacket_fill&quot;&gt;&lt;/i&gt;</span>
1616
</p>
1717
<pclass="example-p">
18-
<iclass="el-icon-lx-weibo"style="font-size:30px;color:red"></i>
18+
<iclass="el-icon-lx-weibo"style="font-size:30px;color:#fd5656"></i>
1919
<span>&lt;i class=&quot;el-icon-lx-weibo&quot;&gt;&lt;/i&gt;</span>
2020
</p>
2121
<pclass="example-p">
22-
<iclass="el-icon-lx-favorfill"style="font-size:30px;color:#ffc300"></i>
23-
<span>&lt;i class=&quot;el-icon-lx-favorfill&quot;&gt;&lt;/i&gt;</span>
22+
<iclass="el-icon-lx-emojifill"style="font-size:30px;color:#ffc300"></i>
23+
<span>&lt;i class=&quot;el-icon-lx-emojifill&quot;&gt;&lt;/i&gt;</span>
2424
</p>
2525
<br>
2626
<h2>图标</h2>
@@ -83,35 +83,94 @@
8383
'locationfill',
8484
'favor',
8585
'favorfill',
86+
'skin',
87+
'skinfill',
88+
'news',
89+
'newsfill',
90+
'record',
91+
'recordfill',
92+
'emoji',
93+
'emojifill',
94+
'message',
95+
'messagefill',
96+
'goods',
97+
'goodsfill',
98+
'crown',
99+
'crownfill',
100+
'move',
101+
'add',
102+
'hot',
103+
'hotfill',
104+
'service',
105+
'servicefill',
106+
'present',
107+
'presentfill',
108+
'pic',
109+
'picfill',
110+
'rank',
111+
'rankfill',
112+
'male',
113+
'female',
114+
'down',
115+
'top',
116+
'recharge',
117+
'rechargefill',
118+
'forward',
119+
'forwardfill',
120+
'info',
121+
'infofill',
122+
'redpacket',
123+
'redpacket_fill',
124+
'roundadd',
125+
'roundaddfill',
126+
'friendadd',
127+
'friendaddfill',
128+
'cart',
129+
'cartfill',
130+
'more',
131+
'moreandroid',
132+
'back',
133+
'right',
134+
'shop',
135+
'shopfill',
136+
'question',
137+
'questionfill',
138+
'roundclose',
139+
'roundclosefill',
140+
'roundcheck',
141+
'roundcheckfill',
142+
'global',
143+
'mail',
144+
'punch',
145+
'exit',
146+
'upload',
147+
'read',
148+
'file',
149+
'link',
86150
'full',
87-
'text',
88151
'group',
89152
'friend',
90153
'profile',
91154
'addressbook',
92155
'calendar',
93-
'apps',
156+
'text',
94157
'copy',
95158
'share',
96159
'wifi',
97160
'vipcard',
98-
'goods',
99161
'weibo',
100-
'message',
101162
'remind',
102-
'qrcode',
103-
'cart',
104163
'refresh',
105-
'top',
106164
'filter',
107-
'pic',
108165
'settings',
109166
'scan',
167+
'qrcode',
110168
'cascades',
169+
'apps',
170+
'sort',
171+
'searchlist',
111172
'search',
112-
'emoji',
113173
'edit'
114-
115174
]
116175
}
117176
},
@@ -121,6 +180,9 @@
121180
returnitem.indexOf(this.keyword)!==-1;
122181
})
123182
}
183+
},
184+
created(){
185+
console.log(this.iconList.length);
124186
}
125187
}
126188
</script>

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp