mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
[bugfix] Icon: remove wrong icons (#2166)
This commit is contained in:
parent
9e09e5305c
commit
a8a3ce73e5
Binary file not shown.
@ -1,47 +1,40 @@
|
||||
<template>
|
||||
<demo-section>
|
||||
<demo-block :title="$t('basicUsage')">
|
||||
<van-col span="8">
|
||||
<van-icon name="close" />
|
||||
</van-col>
|
||||
<van-col span="8">
|
||||
<van-icon name="//b.yzcdn.cn/vant/icon-demo-1126.png" />
|
||||
</van-col>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('info')">
|
||||
<van-col span="8">
|
||||
<van-icon
|
||||
name="chat"
|
||||
info="9"
|
||||
/>
|
||||
</van-col>
|
||||
<van-col span="8">
|
||||
<van-icon
|
||||
name="chat"
|
||||
info="99+"
|
||||
/>
|
||||
</van-col>
|
||||
</demo-block>
|
||||
|
||||
<demo-block :title="$t('title')">
|
||||
<van-tabs v-model="tab">
|
||||
<van-tab title="基础图标" />
|
||||
<van-tab title="线框风格" />
|
||||
<van-tab title="实底风格" />
|
||||
</van-tabs>
|
||||
<div class="demo-icon-list">
|
||||
<van-tabs
|
||||
v-model="tab"
|
||||
sticky
|
||||
>
|
||||
<van-tab title="基础图标">
|
||||
<van-col
|
||||
v-for="icon in list"
|
||||
v-for="icon in basic"
|
||||
:key="icon"
|
||||
span="8"
|
||||
class="demo-col-with-text"
|
||||
>
|
||||
<van-icon :name="icon" />
|
||||
<span>{{ icon }}</span>
|
||||
</van-col>
|
||||
</div>
|
||||
</demo-block>
|
||||
</van-tab>
|
||||
<van-tab title="线框风格">
|
||||
<van-col
|
||||
v-for="icon in outline"
|
||||
:key="icon"
|
||||
span="8"
|
||||
>
|
||||
<van-icon :name="icon" />
|
||||
<span>{{ icon }}</span>
|
||||
</van-col>
|
||||
</van-tab>
|
||||
<van-tab title="实底风格">
|
||||
<van-col
|
||||
v-for="icon in filled"
|
||||
:key="icon"
|
||||
span="8"
|
||||
>
|
||||
<van-icon :name="icon" />
|
||||
<span>{{ icon }}</span>
|
||||
</van-col>
|
||||
</van-tab>
|
||||
</van-tabs>
|
||||
</demo-section>
|
||||
</template>
|
||||
|
||||
@ -63,16 +56,12 @@ export default {
|
||||
},
|
||||
|
||||
data() {
|
||||
this.basic = icons.basic.map(icon => icon.css);
|
||||
this.outline = icons.outline.map(icon => icon.css);
|
||||
this.filled = icons.filled.map(icon => icon.css);
|
||||
return {
|
||||
tab: 0
|
||||
};
|
||||
},
|
||||
|
||||
computed: {
|
||||
list() {
|
||||
const key = ['basic', 'outline', 'filled'][this.tab];
|
||||
return icons[key].map(icon => icon.css);
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
@ -90,21 +79,21 @@ export default {
|
||||
.van-col {
|
||||
float: none;
|
||||
text-align: center;
|
||||
height: 50px;
|
||||
height: 100px;
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.demo-col-with-text {
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.van-icon {
|
||||
font-size: 32px;
|
||||
margin: 15px 0;
|
||||
color: rgba(69, 90, 100, 0.8);
|
||||
}
|
||||
|
||||
.van-tab__pane {
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
|
@ -4,7 +4,7 @@
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-family: 'vant-icon';
|
||||
src: url('https://img.yzcdn.cn/vant/vant-icon-7a2fab.ttf') format('truetype');
|
||||
src: url('https://img.yzcdn.cn/vant/vant-icon-874007.ttf') format('truetype');
|
||||
}
|
||||
|
||||
.van-icon {
|
||||
@ -434,27 +434,3 @@
|
||||
.van-icon-wechat::before {
|
||||
content: "\F063";
|
||||
}
|
||||
|
||||
.van-icon-圆角-上箭头::before {
|
||||
content: "\F064";
|
||||
}
|
||||
|
||||
.van-icon-圆角-下箭头::before {
|
||||
content: "\F065";
|
||||
}
|
||||
|
||||
.van-icon-圆角-右箭头::before {
|
||||
content: "\F066";
|
||||
}
|
||||
|
||||
.van-icon-圆角-左箭头::before {
|
||||
content: "\F067";
|
||||
}
|
||||
|
||||
.van-icon-失败::before {
|
||||
content: "\F068";
|
||||
}
|
||||
|
||||
.van-icon-成功::before {
|
||||
content: "\F069";
|
||||
}
|
||||
|
@ -2,5 +2,5 @@
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-family: 'vant-icon';
|
||||
src: url('./vant-icon-7a2fab.ttf') format('truetype');
|
||||
src: url('./vant-icon-874007.ttf') format('truetype');
|
||||
}
|
||||
|
Binary file not shown.
Loading…
x
Reference in New Issue
Block a user