[bugfix] Icon: remove wrong icons (#2166)

This commit is contained in:
neverland 2018-11-28 06:57:40 +08:00 committed by GitHub
parent 9e09e5305c
commit a8a3ce73e5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 38 additions and 73 deletions

Binary file not shown.

View File

@ -1,47 +1,40 @@
<template> <template>
<demo-section> <demo-section>
<demo-block :title="$t('basicUsage')"> <van-tabs
<van-col span="8"> v-model="tab"
<van-icon name="close" /> sticky
</van-col> >
<van-col span="8"> <van-tab title="基础图标">
<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-col <van-col
v-for="icon in list" v-for="icon in basic"
:key="icon" :key="icon"
span="8" span="8"
class="demo-col-with-text"
> >
<van-icon :name="icon" /> <van-icon :name="icon" />
<span>{{ icon }}</span> <span>{{ icon }}</span>
</van-col> </van-col>
</div> </van-tab>
</demo-block> <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> </demo-section>
</template> </template>
@ -63,16 +56,12 @@ export default {
}, },
data() { 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 { return {
tab: 0 tab: 0
}; };
},
computed: {
list() {
const key = ['basic', 'outline', 'filled'][this.tab];
return icons[key].map(icon => icon.css);
}
} }
}; };
</script> </script>
@ -90,21 +79,21 @@ export default {
.van-col { .van-col {
float: none; float: none;
text-align: center; text-align: center;
height: 50px; height: 100px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
.demo-col-with-text {
height: 100px;
}
.van-icon { .van-icon {
font-size: 32px; font-size: 32px;
margin: 15px 0; margin: 15px 0;
color: rgba(69, 90, 100, 0.8); color: rgba(69, 90, 100, 0.8);
} }
.van-tab__pane {
padding-top: 10px;
}
span { span {
display: block; display: block;
font-size: 14px; font-size: 14px;

View File

@ -4,7 +4,7 @@
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-family: 'vant-icon'; 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 { .van-icon {
@ -434,27 +434,3 @@
.van-icon-wechat::before { .van-icon-wechat::before {
content: "\F063"; 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";
}

View File

@ -2,5 +2,5 @@
font-style: normal; font-style: normal;
font-weight: normal; font-weight: normal;
font-family: 'vant-icon'; font-family: 'vant-icon';
src: url('./vant-icon-7a2fab.ttf') format('truetype'); src: url('./vant-icon-874007.ttf') format('truetype');
} }