[Build] extract build iconfont (#1242)
This commit is contained in:
neverland
Binary file not shown.
@@ -0,0 +1,385 @@
|
||||
module.exports = {
|
||||
name: 'vant-icon',
|
||||
glyphs: [
|
||||
{
|
||||
src: '关闭.svg',
|
||||
css: 'close'
|
||||
},
|
||||
{
|
||||
src: '升级地址.svg',
|
||||
css: 'upgrade'
|
||||
},
|
||||
{
|
||||
src: '加购.svg',
|
||||
css: 'add-o'
|
||||
},
|
||||
{
|
||||
src: '认证通过.svg',
|
||||
css: 'passed'
|
||||
},
|
||||
{
|
||||
src: '客服.svg',
|
||||
css: 'chat'
|
||||
},
|
||||
{
|
||||
src: '答疑.svg',
|
||||
css: 'question'
|
||||
},
|
||||
{
|
||||
src: '时钟.svg',
|
||||
css: 'clock'
|
||||
},
|
||||
{
|
||||
src: '金币.svg',
|
||||
css: 'gold-coin'
|
||||
},
|
||||
{
|
||||
src: '播放.svg',
|
||||
css: 'play'
|
||||
},
|
||||
{
|
||||
src: '暂停.svg',
|
||||
css: 'pause'
|
||||
},
|
||||
{
|
||||
src: '停止.svg',
|
||||
css: 'stop'
|
||||
},
|
||||
{
|
||||
src: 'more-o.svg',
|
||||
css: 'more-o'
|
||||
},
|
||||
{
|
||||
src: 'info-o.svg',
|
||||
css: 'info-o'
|
||||
},
|
||||
{
|
||||
src: 'share.svg',
|
||||
css: 'share'
|
||||
},
|
||||
{
|
||||
src: '喜欢.svg',
|
||||
css: 'like-o'
|
||||
},
|
||||
{
|
||||
src: '物流.svg',
|
||||
css: 'logistics'
|
||||
},
|
||||
{
|
||||
src: '编辑地址.svg',
|
||||
css: 'edit'
|
||||
},
|
||||
{
|
||||
src: '兑换.svg',
|
||||
css: 'exchange'
|
||||
},
|
||||
{
|
||||
src: '其他分店.svg',
|
||||
css: 'location'
|
||||
},
|
||||
{
|
||||
src: '购物车2.svg',
|
||||
css: 'cart'
|
||||
},
|
||||
{
|
||||
src: '店铺.svg',
|
||||
css: 'shop'
|
||||
},
|
||||
{
|
||||
src: '送礼.svg',
|
||||
css: 'gift'
|
||||
},
|
||||
{
|
||||
src: '联系人.svg',
|
||||
css: 'contact'
|
||||
},
|
||||
{
|
||||
src: 'wap首页.svg',
|
||||
css: 'wap-home'
|
||||
},
|
||||
{
|
||||
src: '积分.svg',
|
||||
css: 'points'
|
||||
},
|
||||
{
|
||||
src: '折扣.svg',
|
||||
css: 'discount'
|
||||
},
|
||||
{
|
||||
src: '积分礼包.svg',
|
||||
css: 'point-gift'
|
||||
},
|
||||
{
|
||||
src: '售后.svg',
|
||||
css: 'after-sale'
|
||||
},
|
||||
{
|
||||
src: '编辑资料.svg',
|
||||
css: 'edit-data'
|
||||
},
|
||||
{
|
||||
src: '删除.svg',
|
||||
css: 'delete'
|
||||
},
|
||||
{
|
||||
src: '记录.svg',
|
||||
css: 'records'
|
||||
},
|
||||
{
|
||||
src: '已完成.svg',
|
||||
css: 'completed'
|
||||
},
|
||||
{
|
||||
src: '认证.svg',
|
||||
css: 'certificate'
|
||||
},
|
||||
{
|
||||
src: '待发货2.svg',
|
||||
css: 'tosend'
|
||||
},
|
||||
{
|
||||
src: '已完成2.svg',
|
||||
css: 'sign'
|
||||
},
|
||||
{
|
||||
src: '首页.svg',
|
||||
css: 'home'
|
||||
},
|
||||
{
|
||||
src: '包邮.svg',
|
||||
css: 'free-postage'
|
||||
},
|
||||
{
|
||||
src: '生日特权.svg',
|
||||
css: 'birthday-privilege'
|
||||
},
|
||||
{
|
||||
src: '会员日特权.svg',
|
||||
css: 'member-day-privilege'
|
||||
},
|
||||
{
|
||||
src: '余额明细.svg',
|
||||
css: 'balance-details'
|
||||
},
|
||||
{
|
||||
src: '返现记录.svg',
|
||||
css: 'cash-back-record'
|
||||
},
|
||||
{
|
||||
src: '积分商城.svg',
|
||||
css: 'points-mall'
|
||||
},
|
||||
{
|
||||
src: '兑换记录.svg',
|
||||
css: 'exchange-record'
|
||||
},
|
||||
{
|
||||
src: '待付款.svg',
|
||||
css: 'pending-payment'
|
||||
},
|
||||
{
|
||||
src: '待接单.svg',
|
||||
css: 'pending-orders'
|
||||
},
|
||||
{
|
||||
src: '待发货.svg',
|
||||
css: 'pending-deliver'
|
||||
},
|
||||
{
|
||||
src: '待评价.svg',
|
||||
css: 'pending-evaluate'
|
||||
},
|
||||
{
|
||||
src: '密码可见.svg',
|
||||
css: 'password-view'
|
||||
},
|
||||
{
|
||||
src: '密码不见.svg',
|
||||
css: 'password-not-view'
|
||||
},
|
||||
{
|
||||
src: '单选.svg',
|
||||
css: 'check'
|
||||
},
|
||||
{
|
||||
src: '进入箭头.svg',
|
||||
css: 'arrow'
|
||||
},
|
||||
{
|
||||
src: 'arrow-left.svg',
|
||||
css: 'arrow-left'
|
||||
},
|
||||
{
|
||||
src: '搜索.svg',
|
||||
css: 'search'
|
||||
},
|
||||
{
|
||||
src: '成功.svg',
|
||||
css: 'success'
|
||||
},
|
||||
{
|
||||
src: '失败.svg',
|
||||
css: 'fail'
|
||||
},
|
||||
{
|
||||
src: '新增地址.svg',
|
||||
css: 'add'
|
||||
},
|
||||
{
|
||||
src: 'checked.svg',
|
||||
css: 'checked'
|
||||
},
|
||||
{
|
||||
src: 'warn.svg',
|
||||
css: 'warn'
|
||||
},
|
||||
{
|
||||
src: '清除搜索.svg',
|
||||
css: 'clear'
|
||||
},
|
||||
{
|
||||
src: 'underway.svg',
|
||||
css: 'underway'
|
||||
},
|
||||
{
|
||||
src: 'more.svg',
|
||||
css: 'more'
|
||||
},
|
||||
{
|
||||
src: '喜欢2.svg',
|
||||
css: 'like'
|
||||
},
|
||||
{
|
||||
src: '拍照.svg',
|
||||
css: 'photograph'
|
||||
},
|
||||
{
|
||||
src: '二维码失效.svg',
|
||||
css: 'qr-invalid'
|
||||
},
|
||||
{
|
||||
src: '二维码.svg',
|
||||
css: 'qr'
|
||||
},
|
||||
{
|
||||
src: '添加.svg',
|
||||
css: 'add2'
|
||||
},
|
||||
{
|
||||
src: '照片.svg',
|
||||
css: 'photo'
|
||||
},
|
||||
{
|
||||
src: '微信支付.svg',
|
||||
css: 'wechat'
|
||||
},
|
||||
{
|
||||
src: '支付宝支付.svg',
|
||||
css: 'alipay'
|
||||
},
|
||||
{
|
||||
src: 'wap导航.svg',
|
||||
css: 'wap-nav'
|
||||
},
|
||||
{
|
||||
src: '有赞E卡.svg',
|
||||
css: 'ecard-pay'
|
||||
},
|
||||
{
|
||||
src: '余额支付.svg',
|
||||
css: 'balance-pay'
|
||||
},
|
||||
{
|
||||
src: '找人代付.svg',
|
||||
css: 'peer-pay'
|
||||
},
|
||||
{
|
||||
src: '信用卡支付.svg',
|
||||
css: 'credit-pay'
|
||||
},
|
||||
{
|
||||
src: '借记卡支付.svg',
|
||||
css: 'debit-pay'
|
||||
},
|
||||
{
|
||||
src: '其他支付方式.svg',
|
||||
css: 'other-pay'
|
||||
},
|
||||
{
|
||||
src: '购物车1.svg',
|
||||
css: 'shopping-cart'
|
||||
},
|
||||
{
|
||||
src: '浏览记录.svg',
|
||||
css: 'browsing-history'
|
||||
},
|
||||
{
|
||||
src: '商品收藏.svg',
|
||||
css: 'goods-collect'
|
||||
},
|
||||
{
|
||||
src: '店铺收藏.svg',
|
||||
css: 'shop-collect'
|
||||
},
|
||||
{
|
||||
src: '收礼物.svg',
|
||||
css: 'receive-gift'
|
||||
},
|
||||
{
|
||||
src: '送出赠品.svg',
|
||||
css: 'send-gift'
|
||||
},
|
||||
{
|
||||
src: '设置.svg',
|
||||
css: 'setting'
|
||||
},
|
||||
{
|
||||
src: '优惠券.svg',
|
||||
css: 'coupon'
|
||||
},
|
||||
{
|
||||
src: '礼品卡支付.svg',
|
||||
css: 'gift-card-pay'
|
||||
},
|
||||
{
|
||||
src: '货到付款.svg',
|
||||
css: 'cash-on-deliver'
|
||||
},
|
||||
{
|
||||
src: '电话.svg',
|
||||
css: 'phone'
|
||||
},
|
||||
{
|
||||
src: '描述.svg',
|
||||
css: 'description'
|
||||
},
|
||||
{
|
||||
src: '卡.svg',
|
||||
css: 'card'
|
||||
},
|
||||
{
|
||||
src: '会员余额.svg',
|
||||
css: 'value-card'
|
||||
},
|
||||
{
|
||||
src: '礼卡.svg',
|
||||
css: 'gift-card'
|
||||
},
|
||||
{
|
||||
src: 'HOT.svg',
|
||||
css: 'hot'
|
||||
},
|
||||
{
|
||||
src: 'NEW.svg',
|
||||
css: 'new'
|
||||
},
|
||||
{
|
||||
src: '新品.svg',
|
||||
css: 'new-arrival'
|
||||
},
|
||||
{
|
||||
src: '热卖.svg',
|
||||
css: 'hot-sale'
|
||||
}
|
||||
]
|
||||
};
|
||||
@@ -0,0 +1,8 @@
|
||||
module.exports = (fontName, ttf) => {
|
||||
return `@font-face {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-family: '${fontName}';
|
||||
src: url('../icon/${ttf}') format('truetype');
|
||||
}`;
|
||||
};
|
||||
@@ -0,0 +1,42 @@
|
||||
@import './common/var.css';
|
||||
|
||||
@font-face {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-family: '<%= fontName %>';
|
||||
src: url('https://img.yzcdn.cn/vant/<%= cssClass %>') format('truetype');
|
||||
}
|
||||
|
||||
.van-icon {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 "<%= fontName %>";
|
||||
font-size: inherit;
|
||||
text-rendering: auto;
|
||||
|
||||
&__info {
|
||||
color: #fff;
|
||||
left: 100%;
|
||||
top: -.5em;
|
||||
font-size: .5em;
|
||||
padding: 0 .3em;
|
||||
text-align: center;
|
||||
min-width: 1.2em;
|
||||
line-height: 1.2;
|
||||
position: absolute;
|
||||
border-radius: .6em;
|
||||
box-sizing: border-box;
|
||||
background-color: $red;
|
||||
transform: translateX(-50%);
|
||||
font-family: PingFang SC, Helvetica Neue, Arial, sans-serif;
|
||||
}
|
||||
|
||||
&:before {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
<% _.each(glyphs, function(glyph) { %>.van-icon-<%= glyph.fileName %>:before {
|
||||
content: "\<%= glyph.codePoint %>";
|
||||
}
|
||||
<% }); %>
|
||||
@@ -10,7 +10,7 @@
|
||||
</template>
|
||||
|
||||
<script>
|
||||
const icons = require('../../../packages/vant-css/scripts/icon-config');
|
||||
import icons from '../../../packages/icon/config';
|
||||
|
||||
export default {
|
||||
i18n: {
|
||||
|
||||
Binary file not shown.
Reference in New Issue
Block a user