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>
|
<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;
|
||||||
|
@ -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";
|
|
||||||
}
|
|
||||||
|
@ -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');
|
||||||
}
|
}
|
||||||
|
Binary file not shown.
Loading…
x
Reference in New Issue
Block a user