[breaking change] rebuild style struct (#2021)
This commit is contained in:
neverland
@@ -3,7 +3,7 @@ module.exports = (fontName, ttf) => {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-family: '${fontName}';
|
||||
src: url('../icon/${ttf}') format('truetype');
|
||||
src: url('./${ttf}') format('truetype');
|
||||
}
|
||||
`;
|
||||
};
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
@import './common/var.css';
|
||||
@import '../style/var';
|
||||
|
||||
@font-face {
|
||||
font-style: normal;
|
||||
@@ -29,7 +29,7 @@ export default {
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="postcss">
|
||||
<style lang="less">
|
||||
.demo-icon {
|
||||
font-size: 0;
|
||||
|
||||
|
||||
@@ -20,7 +20,7 @@ View all usable icons on the right.
|
||||
Icon uses font file in `yzcdn.cn` by default，if you want to use the local font file，please import the following css file.
|
||||
|
||||
```js
|
||||
import 'vant/lib/vant-css/icon-local.css';
|
||||
import 'vant/lib/icon/local.css';
|
||||
```
|
||||
|
||||
#### Add custom iconfont
|
||||
|
||||
@@ -0,0 +1,404 @@
|
||||
@import '../style/var';
|
||||
|
||||
@font-face {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-family: 'vant-icon';
|
||||
src: url('https://img.yzcdn.cn/vant/vant-icon-872dd0.ttf') format('truetype');
|
||||
}
|
||||
|
||||
.van-icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 "vant-icon";
|
||||
font-size: inherit;
|
||||
text-rendering: auto;
|
||||
|
||||
&::before {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
.van-icon-add-o::before {
|
||||
content: "\F000";
|
||||
}
|
||||
|
||||
.van-icon-add::before {
|
||||
content: "\F001";
|
||||
}
|
||||
|
||||
.van-icon-add2::before {
|
||||
content: "\F002";
|
||||
}
|
||||
|
||||
.van-icon-after-sale::before {
|
||||
content: "\F003";
|
||||
}
|
||||
|
||||
.van-icon-aim::before {
|
||||
content: "\F004";
|
||||
}
|
||||
|
||||
.van-icon-alipay::before {
|
||||
content: "\F005";
|
||||
}
|
||||
|
||||
.van-icon-arrow-left::before {
|
||||
content: "\F006";
|
||||
}
|
||||
|
||||
.van-icon-arrow::before {
|
||||
content: "\F007";
|
||||
}
|
||||
|
||||
.van-icon-balance-pay::before {
|
||||
content: "\F008";
|
||||
}
|
||||
|
||||
.van-icon-browsing-history::before {
|
||||
content: "\F009";
|
||||
}
|
||||
|
||||
.van-icon-card::before {
|
||||
content: "\F00A";
|
||||
}
|
||||
|
||||
.van-icon-cart-o::before {
|
||||
content: "\F00B";
|
||||
}
|
||||
|
||||
.van-icon-cart::before {
|
||||
content: "\F00C";
|
||||
}
|
||||
|
||||
.van-icon-cash-back-record::before {
|
||||
content: "\F00D";
|
||||
}
|
||||
|
||||
.van-icon-cash-on-deliver::before {
|
||||
content: "\F00E";
|
||||
}
|
||||
|
||||
.van-icon-certificate::before {
|
||||
content: "\F00F";
|
||||
}
|
||||
|
||||
.van-icon-chat::before {
|
||||
content: "\F010";
|
||||
}
|
||||
|
||||
.van-icon-check::before {
|
||||
content: "\F011";
|
||||
}
|
||||
|
||||
.van-icon-checked::before {
|
||||
content: "\F012";
|
||||
}
|
||||
|
||||
.van-icon-clear::before {
|
||||
content: "\F013";
|
||||
}
|
||||
|
||||
.van-icon-clock::before {
|
||||
content: "\F014";
|
||||
}
|
||||
|
||||
.van-icon-close::before {
|
||||
content: "\F015";
|
||||
}
|
||||
|
||||
.van-icon-completed::before {
|
||||
content: "\F016";
|
||||
}
|
||||
|
||||
.van-icon-contact::before {
|
||||
content: "\F017";
|
||||
}
|
||||
|
||||
.van-icon-coupon::before {
|
||||
content: "\F018";
|
||||
}
|
||||
|
||||
.van-icon-credit-pay::before {
|
||||
content: "\F019";
|
||||
}
|
||||
|
||||
.van-icon-debit-pay::before {
|
||||
content: "\F01A";
|
||||
}
|
||||
|
||||
.van-icon-delete::before {
|
||||
content: "\F01B";
|
||||
}
|
||||
|
||||
.van-icon-description::before {
|
||||
content: "\F01C";
|
||||
}
|
||||
|
||||
.van-icon-discount::before {
|
||||
content: "\F01D";
|
||||
}
|
||||
|
||||
.van-icon-ecard-pay::before {
|
||||
content: "\F01E";
|
||||
}
|
||||
|
||||
.van-icon-edit-data::before {
|
||||
content: "\F01F";
|
||||
}
|
||||
|
||||
.van-icon-edit::before {
|
||||
content: "\F020";
|
||||
}
|
||||
|
||||
.van-icon-exchange-record::before {
|
||||
content: "\F021";
|
||||
}
|
||||
|
||||
.van-icon-exchange::before {
|
||||
content: "\F022";
|
||||
}
|
||||
|
||||
.van-icon-fail::before {
|
||||
content: "\F023";
|
||||
}
|
||||
|
||||
.van-icon-free-postage::before {
|
||||
content: "\F024";
|
||||
}
|
||||
|
||||
.van-icon-gift-card-pay::before {
|
||||
content: "\F025";
|
||||
}
|
||||
|
||||
.van-icon-gift-card::before {
|
||||
content: "\F026";
|
||||
}
|
||||
|
||||
.van-icon-gift::before {
|
||||
content: "\F027";
|
||||
}
|
||||
|
||||
.van-icon-gold-coin::before {
|
||||
content: "\F028";
|
||||
}
|
||||
|
||||
.van-icon-goods-collect::before {
|
||||
content: "\F029";
|
||||
}
|
||||
|
||||
.van-icon-home::before {
|
||||
content: "\F02A";
|
||||
}
|
||||
|
||||
.van-icon-hot-sale::before {
|
||||
content: "\F02B";
|
||||
}
|
||||
|
||||
.van-icon-hot::before {
|
||||
content: "\F02C";
|
||||
}
|
||||
|
||||
.van-icon-idcard::before {
|
||||
content: "\F02D";
|
||||
}
|
||||
|
||||
.van-icon-info-o::before {
|
||||
content: "\F02E";
|
||||
}
|
||||
|
||||
.van-icon-like-o::before {
|
||||
content: "\F02F";
|
||||
}
|
||||
|
||||
.van-icon-like::before {
|
||||
content: "\F030";
|
||||
}
|
||||
|
||||
.van-icon-location::before {
|
||||
content: "\F031";
|
||||
}
|
||||
|
||||
.van-icon-logistics::before {
|
||||
content: "\F032";
|
||||
}
|
||||
|
||||
.van-icon-more-o::before {
|
||||
content: "\F033";
|
||||
}
|
||||
|
||||
.van-icon-more::before {
|
||||
content: "\F034";
|
||||
}
|
||||
|
||||
.van-icon-new-arrival::before {
|
||||
content: "\F035";
|
||||
}
|
||||
|
||||
.van-icon-new::before {
|
||||
content: "\F036";
|
||||
}
|
||||
|
||||
.van-icon-other-pay::before {
|
||||
content: "\F037";
|
||||
}
|
||||
|
||||
.van-icon-passed::before {
|
||||
content: "\F038";
|
||||
}
|
||||
|
||||
.van-icon-password-not-view::before {
|
||||
content: "\F039";
|
||||
}
|
||||
|
||||
.van-icon-password-view::before {
|
||||
content: "\F03A";
|
||||
}
|
||||
|
||||
.van-icon-pause::before {
|
||||
content: "\F03B";
|
||||
}
|
||||
|
||||
.van-icon-peer-pay::before {
|
||||
content: "\F03C";
|
||||
}
|
||||
|
||||
.van-icon-pending-deliver::before {
|
||||
content: "\F03D";
|
||||
}
|
||||
|
||||
.van-icon-pending-evaluate::before {
|
||||
content: "\F03E";
|
||||
}
|
||||
|
||||
.van-icon-pending-orders::before {
|
||||
content: "\F03F";
|
||||
}
|
||||
|
||||
.van-icon-pending-payment::before {
|
||||
content: "\F040";
|
||||
}
|
||||
|
||||
.van-icon-phone::before {
|
||||
content: "\F041";
|
||||
}
|
||||
|
||||
.van-icon-photo::before {
|
||||
content: "\F042";
|
||||
}
|
||||
|
||||
.van-icon-photograph::before {
|
||||
content: "\F043";
|
||||
}
|
||||
|
||||
.van-icon-play::before {
|
||||
content: "\F044";
|
||||
}
|
||||
|
||||
.van-icon-point-gift::before {
|
||||
content: "\F045";
|
||||
}
|
||||
|
||||
.van-icon-points-mall::before {
|
||||
content: "\F046";
|
||||
}
|
||||
|
||||
.van-icon-points::before {
|
||||
content: "\F047";
|
||||
}
|
||||
|
||||
.van-icon-qr-invalid::before {
|
||||
content: "\F048";
|
||||
}
|
||||
|
||||
.van-icon-qr::before {
|
||||
content: "\F049";
|
||||
}
|
||||
|
||||
.van-icon-question::before {
|
||||
content: "\F04A";
|
||||
}
|
||||
|
||||
.van-icon-question2::before {
|
||||
content: "\F04B";
|
||||
}
|
||||
|
||||
.van-icon-receive-gift::before {
|
||||
content: "\F04C";
|
||||
}
|
||||
|
||||
.van-icon-records::before {
|
||||
content: "\F04D";
|
||||
}
|
||||
|
||||
.van-icon-search::before {
|
||||
content: "\F04E";
|
||||
}
|
||||
|
||||
.van-icon-send-gift::before {
|
||||
content: "\F04F";
|
||||
}
|
||||
|
||||
.van-icon-setting::before {
|
||||
content: "\F050";
|
||||
}
|
||||
|
||||
.van-icon-share::before {
|
||||
content: "\F051";
|
||||
}
|
||||
|
||||
.van-icon-shop-collect::before {
|
||||
content: "\F052";
|
||||
}
|
||||
|
||||
.van-icon-shop::before {
|
||||
content: "\F053";
|
||||
}
|
||||
|
||||
.van-icon-shopping-cart::before {
|
||||
content: "\F054";
|
||||
}
|
||||
|
||||
.van-icon-sign::before {
|
||||
content: "\F055";
|
||||
}
|
||||
|
||||
.van-icon-stop::before {
|
||||
content: "\F056";
|
||||
}
|
||||
|
||||
.van-icon-success::before {
|
||||
content: "\F057";
|
||||
}
|
||||
|
||||
.van-icon-tosend::before {
|
||||
content: "\F058";
|
||||
}
|
||||
|
||||
.van-icon-underway::before {
|
||||
content: "\F059";
|
||||
}
|
||||
|
||||
.van-icon-upgrade::before {
|
||||
content: "\F05A";
|
||||
}
|
||||
|
||||
.van-icon-value-card::before {
|
||||
content: "\F05B";
|
||||
}
|
||||
|
||||
.van-icon-wap-home::before {
|
||||
content: "\F05C";
|
||||
}
|
||||
|
||||
.van-icon-wap-nav::before {
|
||||
content: "\F05D";
|
||||
}
|
||||
|
||||
.van-icon-warn::before {
|
||||
content: "\F05E";
|
||||
}
|
||||
|
||||
.van-icon-wechat::before {
|
||||
content: "\F05F";
|
||||
}
|
||||
@@ -0,0 +1,6 @@
|
||||
@font-face {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-family: 'vant-icon';
|
||||
src: url('./vant-icon-872dd0.ttf') format('truetype');
|
||||
}
|
||||
Binary file not shown.
@@ -22,7 +22,7 @@ Vue.use(Icon);
|
||||
Icon 组件默认引用 `yzcdn.cn` 域名下的字体文件，如果想要使用本地字体文件，请引入下面的 css 文件
|
||||
|
||||
```js
|
||||
import 'vant/lib/vant-css/icon-local.css';
|
||||
import 'vant/lib/icon/local.css';
|
||||
```
|
||||
|
||||
#### 自定义图标
|
||||
|
||||
Reference in New Issue
Block a user