mirror of
https://gitee.com/vant-contrib/vant.git
synced 2025-04-06 03:57:59 +08:00
[new feature] normalize size of all icons (#292)
* [bugfix] CouponList always show empty info * [bugfix] add click feedback of buttons in components * [Doc] add custom theme document * [new feature] Notice bar support more props * [bugfix] PullRefresh test cases * [bugfix] unused NoticeBar style * [bugfix] Swipe width calc error * [Doc] english document of all action components * [Doc] change document site path to /zanui/vant * [Doc] fix * [bugfix] uploader style error * [bugfix] tabs document demo * [new feature] Cell support vue-router target route * [bugfix] add cell test cases * update yarn.lock * [bugfix] Tabbar cann't display info when use icon slot * [Doc] update document title * [bugfix] Dialog should reset button text when showed * [new feature] CouponList add showCloseButton prop * [new feature] Swipe add 'initialSwipe' prop * [bugfix] NoticeBar text disappeared when page back * [new feature] ImagePreview support startPosition * fix: improve imagePreview test cases * [bugfix] Steps style error when has more than 4 items * [new feature] normalize size of all icons
This commit is contained in:
neverland
GitHub
parent
76863c7e06
commit
d6a4e43af3
@ -108,7 +108,6 @@ const icons = [
|
||||
'description',
|
||||
'card',
|
||||
'gift-card',
|
||||
'coupon',
|
||||
'completed',
|
||||
'value-card',
|
||||
'certificate',
|
||||
|
||||
Binary file not shown.
@ -1,12 +1,77 @@
|
||||
const gulp = require('gulp');
|
||||
const postcss = require('gulp-postcss');
|
||||
const cssmin = require('gulp-clean-css');
|
||||
const iconfont = require('gulp-iconfont');
|
||||
const iconfontCss = require('gulp-iconfont-css');
|
||||
const fs = require('fs-extra');
|
||||
const config = require('./scripts/icon-config');
|
||||
const path = require('path');
|
||||
const shelljs = require('shelljs');
|
||||
const md5File = require('md5-file');
|
||||
|
||||
function extractSvg() {
|
||||
shelljs.exec('./scripts/extract-icons.sh');
|
||||
fs.mkdirsSync(path.join(__dirname, './icons'));
|
||||
config.glyphs.forEach(icon => {
|
||||
const src = path.join(__dirname, './icons/', icon.src);
|
||||
if (fs.existsSync(src)) {
|
||||
fs.renameSync(src, path.join(__dirname, './icons', icon.css + '.svg'));
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function getCodePoints() {
|
||||
const codePoints = {};
|
||||
config.glyphs.forEach((icon, index) => {
|
||||
const svgPath = path.join(__dirname, './icons/', icon.css + '.svg');
|
||||
if (fs.existsSync(svgPath)) {
|
||||
codePoints[icon.css] = 0xe800 + index;
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
gulp.task('compile', () => {
|
||||
return gulp.src('./src/*.css')
|
||||
return gulp
|
||||
.src('./src/*.css')
|
||||
.pipe(postcss())
|
||||
.pipe(cssmin())
|
||||
.pipe(gulp.dest('./lib'));
|
||||
});
|
||||
|
||||
gulp.task('icon-font-ttf', () => {
|
||||
extractSvg();
|
||||
return gulp
|
||||
.src(['icons/*.svg'])
|
||||
.pipe(
|
||||
iconfontCss({
|
||||
fontName: config.name,
|
||||
path: 'scripts/icon-template.css',
|
||||
targetPath: './icon.css',
|
||||
normalize: true,
|
||||
firstGlyph: 0xe800,
|
||||
fixedCodepoints: getCodePoints()
|
||||
})
|
||||
)
|
||||
.pipe(
|
||||
iconfont({
|
||||
fontName: config.name,
|
||||
formats: ['ttf']
|
||||
})
|
||||
)
|
||||
.on('glyphs', (glyphs, options) => {})
|
||||
.pipe(gulp.dest('icons'));
|
||||
});
|
||||
|
||||
gulp.task('icon-font', ['icon-font-ttf'], () => {
|
||||
const fontPath = path.resolve(__dirname, './icons/vant-icon.ttf');
|
||||
const hash = md5File.sync(fontPath).slice(0, 8);
|
||||
fs.renameSync(fontPath, path.resolve(__dirname, `./icons/vant-icon-${hash}.ttf`));
|
||||
|
||||
let source = fs.readFileSync(path.resolve(__dirname, './icons/icon.css'), 'utf-8');
|
||||
source = source.replace('vant-icon.ttf', `vant-icon-${hash}.ttf`);
|
||||
|
||||
fs.writeFileSync(path.resolve(__dirname, './src/icon.css'), source);
|
||||
shelljs.exec(`superman cdn /zanui/icon ./icons/vant-icon-${hash}.ttf`);
|
||||
});
|
||||
|
||||
gulp.task('build', ['compile']);
|
||||
|
||||
@ -10,14 +10,17 @@
|
||||
],
|
||||
"scripts": {
|
||||
"build": "gulp build",
|
||||
"build:icons": "sh scripts/build.sh"
|
||||
"build:icons": "gulp icon-font"
|
||||
},
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"autoprefixer": "^7.1.4",
|
||||
"gulp": "^3.9.1",
|
||||
"gulp-clean-css": "^3.9.0",
|
||||
"gulp-iconfont": "^9.0.2",
|
||||
"gulp-iconfont-css": "^2.1.0",
|
||||
"gulp-postcss": "^7.0.0",
|
||||
"md5-file": "^3.2.3",
|
||||
"postcss-easy-import": "^3.0.0",
|
||||
"precss": "^2.0.0"
|
||||
}
|
||||
|
||||
@ -1,82 +0,0 @@
|
||||
#!/bin/bash
|
||||
|
||||
basepath=$(dirname $0)
|
||||
server_prefix=/zanui/icon
|
||||
|
||||
# convert relative path to absolute path
|
||||
function abspath() {
|
||||
pushd . > /dev/null; if [ -d "$1" ]; then cd "$1"; dirs -l +0; else cd "`dirname \"$1\"`"; cur_dir=`dirs -l +0`; if [ "$cur_dir" == "/" ]; then echo "$cur_dir`basename \"$1\"`"; else echo "$cur_dir/`basename \"$1\"`"; fi; fi; popd > /dev/null;
|
||||
}
|
||||
|
||||
command_exists () {
|
||||
type "$1" >/dev/null 2>&1
|
||||
}
|
||||
|
||||
fontname() {
|
||||
if command_exists superman ; then
|
||||
echo "https://b.yzcdn.cn$server_prefix/$(basename $basepath/../build/font/vant-icon-*.$1)"
|
||||
else
|
||||
echo "$(abspath $basepath/../build/font/vant-icon-*.$1)"
|
||||
fi
|
||||
}
|
||||
|
||||
# generate font files from sketch file
|
||||
$basepath/extract-icons.sh
|
||||
$basepath/generate-font.sh
|
||||
|
||||
if command_exists superman ; then
|
||||
# upload to cdn
|
||||
superman cdn $server_prefix $basepath/../build/font/vant-icon-*
|
||||
fi
|
||||
|
||||
# generate fontface style
|
||||
eot=$(fontname eot)
|
||||
cat > $basepath/../src/icon.css <<EOF
|
||||
/* DO NOT EDIT! Generated by fount */
|
||||
|
||||
@font-face {
|
||||
font-family: 'vant-icon';
|
||||
src: url('$eot');
|
||||
src: url('$eot?#iefix') format('embedded-opentype'),
|
||||
url('$(fontname woff2)') format('woff2'),
|
||||
url('$(fontname woff)') format('woff'),
|
||||
url('$(fontname ttf)') format('truetype')
|
||||
}
|
||||
|
||||
.van-icon {
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
}
|
||||
.van-icon::before {
|
||||
font-family: "vant-icon" !important;
|
||||
font-weight: normal;
|
||||
speak: none;
|
||||
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
text-align: center;
|
||||
|
||||
/* For safety - reset parent styles, that can break glyph codes*/
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
|
||||
/* fix buttons height, for twitter bootstrap */
|
||||
line-height: 1em;
|
||||
|
||||
/* Animation center compensation - margins should be symmetric */
|
||||
/* remove if not needed */
|
||||
/* margin-left: .2em; */
|
||||
|
||||
/* you can be more comfortable with increased icons size */
|
||||
/* font-size: 120%; */
|
||||
|
||||
/* Font smoothing. That was taken from TWBS */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
/* Uncomment for 3D effect */
|
||||
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
||||
}
|
||||
EOF
|
||||
|
||||
cat $basepath/../build/css/vant-icon-codes.css >> $basepath/../src/icon.css
|
||||
@ -1,5 +0,0 @@
|
||||
#!/bin/sh
|
||||
|
||||
basepath=$(dirname $0)
|
||||
|
||||
iconfount --config $basepath/fount-config.js
|
||||
@ -1,431 +1,327 @@
|
||||
module.exports = {
|
||||
name: 'vant-icon',
|
||||
output: '../build',
|
||||
meta: {
|
||||
author: 'houzi, zhangmin',
|
||||
license: 'MIT',
|
||||
license_url: 'https://opensource.org/licenses/MIT',
|
||||
homepage: 'http://github.com/youzan',
|
||||
css_prefix_text: 'van-icon-',
|
||||
filename_hash: true
|
||||
},
|
||||
hinting: true,
|
||||
glyphs_dir: '../icons',
|
||||
glyphs: [
|
||||
{
|
||||
keywords: ['qr', 'invalid'],
|
||||
src: '二维码失效.svg',
|
||||
css: 'qr-invalid'
|
||||
},
|
||||
{
|
||||
keywords: ['qr'],
|
||||
src: '二维码.svg',
|
||||
css: 'qr'
|
||||
},
|
||||
{
|
||||
keywords: ['exchange'],
|
||||
src: '兑换.svg',
|
||||
css: 'exchange',
|
||||
'correct_contour_direction': true
|
||||
css: 'exchange'
|
||||
},
|
||||
{
|
||||
keywords: ['close'],
|
||||
src: '关闭.svg',
|
||||
css: 'close'
|
||||
},
|
||||
{
|
||||
keywords: ['location'],
|
||||
src: '其他分店.svg',
|
||||
css: 'location',
|
||||
'correct_contour_direction': true
|
||||
css: 'location'
|
||||
},
|
||||
{
|
||||
keywords: ['upgrade'],
|
||||
src: '升级地址.svg',
|
||||
css: 'upgrade'
|
||||
},
|
||||
{
|
||||
keywords: ['check'],
|
||||
src: '单选.svg',
|
||||
css: 'check'
|
||||
},
|
||||
{
|
||||
keywords: ['checked'],
|
||||
src: '选中.svg',
|
||||
css: 'checked'
|
||||
},
|
||||
{
|
||||
keywords: ['like', 'outline'],
|
||||
src: '喜欢.svg',
|
||||
css: 'like-o'
|
||||
},
|
||||
{
|
||||
keywords: ['like', 'filled'],
|
||||
src: '喜欢2.svg',
|
||||
css: 'like'
|
||||
},
|
||||
{
|
||||
keywords: ['chat'],
|
||||
src: '客服.svg',
|
||||
css: 'chat',
|
||||
'correct_contour_direction': true
|
||||
css: 'chat'
|
||||
},
|
||||
{
|
||||
keywords: ['shop'],
|
||||
src: '店铺.svg',
|
||||
css: 'shop'
|
||||
},
|
||||
{
|
||||
keywords: ['photograph'],
|
||||
src: '拍照.svg',
|
||||
css: 'photograph'
|
||||
},
|
||||
{
|
||||
keywords: ['add'],
|
||||
src: '新增地址.svg',
|
||||
css: 'add'
|
||||
},
|
||||
{
|
||||
keywords: ['add2'],
|
||||
src: '添加.svg',
|
||||
css: 'add2'
|
||||
},
|
||||
{
|
||||
keywords: ['photo'],
|
||||
src: '照片.svg',
|
||||
css: 'photo'
|
||||
},
|
||||
{
|
||||
keywords: ['logistics'],
|
||||
src: '物流.svg',
|
||||
css: 'logistics',
|
||||
'correct_contour_direction': true
|
||||
css: 'logistics'
|
||||
},
|
||||
{
|
||||
keywords: ['edit'],
|
||||
src: '编辑地址.svg',
|
||||
css: 'edit'
|
||||
},
|
||||
{
|
||||
keywords: ['passed'],
|
||||
src: '认证通过.svg',
|
||||
css: 'passed'
|
||||
},
|
||||
{
|
||||
keywords: ['cart'],
|
||||
src: '购物车.svg',
|
||||
css: 'cart'
|
||||
},
|
||||
{
|
||||
keywords: ['arrow'],
|
||||
src: '进入箭头.svg',
|
||||
css: 'arrow'
|
||||
},
|
||||
{
|
||||
keywords: ['gift'],
|
||||
src: '送礼.svg',
|
||||
css: 'gift'
|
||||
},
|
||||
{
|
||||
keywords: ['search'],
|
||||
src: '搜索.svg',
|
||||
css: 'search'
|
||||
},
|
||||
{
|
||||
keywords: ['clear'],
|
||||
src: '清除搜索.svg',
|
||||
css: 'clear'
|
||||
},
|
||||
{
|
||||
keywords: ['success'],
|
||||
src: '成功.svg',
|
||||
css: 'success'
|
||||
},
|
||||
{
|
||||
keywords: ['fail'],
|
||||
src: '失败.svg',
|
||||
css: 'fail'
|
||||
},
|
||||
{
|
||||
keywords: ['contact'],
|
||||
src: '联系人.svg',
|
||||
css: 'contact',
|
||||
'correct_contour_direction': true
|
||||
css: 'contact'
|
||||
},
|
||||
{
|
||||
keywords: ['wechat'],
|
||||
src: '微信支付.svg',
|
||||
css: 'wechat'
|
||||
},
|
||||
{
|
||||
keywords: ['alipay'],
|
||||
src: '支付宝支付.svg',
|
||||
css: 'alipay'
|
||||
},
|
||||
{
|
||||
keywords: ['password', 'view'],
|
||||
src: '密码可见.svg',
|
||||
css: 'password-view'
|
||||
},
|
||||
{
|
||||
keywords: ['password', 'not', 'view'],
|
||||
src: '密码不见.svg',
|
||||
css: 'password-not-view'
|
||||
},
|
||||
{
|
||||
keywords: ['wap', 'nav'],
|
||||
src: 'wap导航.svg',
|
||||
css: 'wap-nav'
|
||||
},
|
||||
{
|
||||
keywords: ['wap', 'home'],
|
||||
src: 'wap首页.svg',
|
||||
css: 'wap-home'
|
||||
},
|
||||
{
|
||||
keywords: ['ecard', 'pay'],
|
||||
src: '有赞E卡.svg',
|
||||
css: 'ecard-pay',
|
||||
'correct_contour_direction': true
|
||||
css: 'ecard-pay'
|
||||
},
|
||||
{
|
||||
keywords: ['balance', 'pay'],
|
||||
src: '余额支付.svg',
|
||||
css: 'balance-pay'
|
||||
},
|
||||
{
|
||||
keywords: ['peer', 'pay'],
|
||||
src: '找人代付.svg',
|
||||
css: 'peer-pay'
|
||||
},
|
||||
{
|
||||
keywords: ['credit', 'pay'],
|
||||
src: '信用卡支付.svg',
|
||||
css: 'credit-pay'
|
||||
},
|
||||
{
|
||||
keywords: ['debit', 'pay'],
|
||||
src: '借记卡支付.svg',
|
||||
css: 'debit-pay'
|
||||
},
|
||||
{
|
||||
keywords: ['other', 'pay'],
|
||||
src: '其他支付方式.svg',
|
||||
css: 'other-pay'
|
||||
},
|
||||
{
|
||||
keywords: ['shopping-cart'],
|
||||
src: '购物车2.svg',
|
||||
css: 'shopping-cart'
|
||||
},
|
||||
{
|
||||
keywords: ['browsing', 'history'],
|
||||
src: '浏览记录.svg',
|
||||
css: 'browsing-history'
|
||||
},
|
||||
{
|
||||
keywords: ['goods', 'collect'],
|
||||
src: '商品收藏.svg',
|
||||
css: 'goods-collect'
|
||||
},
|
||||
{
|
||||
keywords: ['shop', 'collect'],
|
||||
src: '店铺收藏.svg',
|
||||
css: 'shop-collect'
|
||||
},
|
||||
{
|
||||
keywords: ['receive', 'gift'],
|
||||
src: '收礼物.svg',
|
||||
css: 'receive-gift',
|
||||
'correct_contour_direction': true
|
||||
css: 'receive-gift'
|
||||
},
|
||||
{
|
||||
keywords: ['send', 'gift'],
|
||||
src: '送出赠品.svg',
|
||||
css: 'send-gift'
|
||||
},
|
||||
{
|
||||
keywords: ['setting'],
|
||||
src: '设置.svg',
|
||||
css: 'setting'
|
||||
},
|
||||
{
|
||||
keywords: ['points'],
|
||||
src: '积分.svg',
|
||||
css: 'points'
|
||||
},
|
||||
{
|
||||
keywords: ['coupon'],
|
||||
src: '优惠券.svg',
|
||||
css: 'coupon'
|
||||
},
|
||||
{
|
||||
keywords: ['free', 'postage'],
|
||||
src: '包邮.svg',
|
||||
css: 'free-postage'
|
||||
},
|
||||
{
|
||||
keywords: ['discount'],
|
||||
src: '折扣.svg',
|
||||
css: 'discount'
|
||||
},
|
||||
{
|
||||
keywords: ['birthday', 'privilege'],
|
||||
src: '生日特权.svg',
|
||||
css: 'birthday-privilege'
|
||||
},
|
||||
{
|
||||
keywords: ['member', 'day', 'privilege'],
|
||||
src: '会员日特权.svg',
|
||||
css: 'member-day-privilege'
|
||||
},
|
||||
{
|
||||
keywords: ['balance', 'details'],
|
||||
src: '余额明细.svg',
|
||||
css: 'balance-details'
|
||||
},
|
||||
{
|
||||
keywords: ['cash', 'back', 'record'],
|
||||
src: '返现记录.svg',
|
||||
css: 'cash-back-record'
|
||||
},
|
||||
{
|
||||
keywords: ['points', 'mall'],
|
||||
src: '积分商城.svg',
|
||||
css: 'points-mall'
|
||||
},
|
||||
{
|
||||
keywords: ['exchange', 'record'],
|
||||
src: '兑换记录.svg',
|
||||
css: 'exchange-record'
|
||||
},
|
||||
{
|
||||
keywords: ['pending', 'payment'],
|
||||
src: '待付款.svg',
|
||||
css: 'pending-payment'
|
||||
},
|
||||
{
|
||||
keywords: ['pending', 'orders'],
|
||||
src: '待接单.svg',
|
||||
css: 'pending-orders'
|
||||
},
|
||||
{
|
||||
keywords: ['pending', 'deliver'],
|
||||
src: '待发货.svg',
|
||||
css: 'pending-deliver'
|
||||
},
|
||||
{
|
||||
keywords: ['pending', 'evaluate'],
|
||||
src: '待评价.svg',
|
||||
css: 'pending-evaluate'
|
||||
},
|
||||
{
|
||||
keywords: ['gift', 'card', 'pay'],
|
||||
src: '礼品卡支付.svg',
|
||||
css: 'gift-card-pay'
|
||||
},
|
||||
{
|
||||
keywords: ['cash', 'on', 'deliver'],
|
||||
src: '货到付款.svg',
|
||||
css: 'cash-on-deliver'
|
||||
},
|
||||
{
|
||||
keywords: ['underway'],
|
||||
src: '进行中.svg',
|
||||
css: 'underway'
|
||||
},
|
||||
{
|
||||
keywords: ['point', 'gift'],
|
||||
src: '积分礼包.svg',
|
||||
css: 'point-gift'
|
||||
},
|
||||
{
|
||||
keywords: ['after', 'sale'],
|
||||
src: '售后.svg',
|
||||
css: 'after-sale'
|
||||
},
|
||||
{
|
||||
keywords: ['edit', 'data'],
|
||||
src: '编辑资料.svg',
|
||||
css: 'edit-data'
|
||||
},
|
||||
{
|
||||
keywords: ['question'],
|
||||
src: '答疑.svg',
|
||||
css: 'question'
|
||||
},
|
||||
{
|
||||
keywords: ['delete'],
|
||||
src: '删除.svg',
|
||||
css: 'delete'
|
||||
},
|
||||
{
|
||||
keywords: ['records'],
|
||||
src: '记录.svg',
|
||||
css: 'records'
|
||||
},
|
||||
{
|
||||
keywords: ['description'],
|
||||
src: '描述.svg',
|
||||
css: 'description'
|
||||
},
|
||||
{
|
||||
keywords: ['card'],
|
||||
src: '卡.svg',
|
||||
css: 'card'
|
||||
},
|
||||
{
|
||||
keywords: ['gift', 'card'],
|
||||
src: '礼卡.svg',
|
||||
css: 'gift-card'
|
||||
},
|
||||
{
|
||||
keywords: ['coupon'],
|
||||
src: '优惠券卡.svg',
|
||||
css: 'coupon'
|
||||
},
|
||||
{
|
||||
keywords: ['clock'],
|
||||
src: '时钟.svg',
|
||||
css: 'clock'
|
||||
},
|
||||
{
|
||||
keywords: ['gold-coin'],
|
||||
src: '金币.svg',
|
||||
css: 'gold-coin'
|
||||
},
|
||||
{
|
||||
keywords: ['completed'],
|
||||
src: '已完成.svg',
|
||||
css: 'completed'
|
||||
},
|
||||
{
|
||||
keywords: ['value-card'],
|
||||
src: '会员余额.svg',
|
||||
css: 'value-card'
|
||||
},
|
||||
{
|
||||
keywords: ['certificate'],
|
||||
src: '认证.svg',
|
||||
css: 'certificate'
|
||||
},
|
||||
{
|
||||
keywords: ['tosend'],
|
||||
src: '待发货2.svg',
|
||||
css: 'tosend'
|
||||
},
|
||||
{
|
||||
keywords: ['sign'],
|
||||
src: '已完成2.svg',
|
||||
css: 'sign'
|
||||
},
|
||||
{
|
||||
keywords: ['home'],
|
||||
src: '首页.svg',
|
||||
css: 'home'
|
||||
},
|
||||
{
|
||||
keywords: ['phone'],
|
||||
src: '电话.svg',
|
||||
css: 'phone'
|
||||
}
|
||||
22
packages/vant-css/scripts/icon-template.css
Normal file
22
packages/vant-css/scripts/icon-template.css
Normal file
@ -0,0 +1,22 @@
|
||||
@font-face {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-family: '<%= fontName %>';
|
||||
src: url('https://b.yzcdn.cn/zanui/icon/<%= fontName %>.ttf') format('truetype');
|
||||
}
|
||||
|
||||
.van-icon {
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 "vant-icon";
|
||||
font-size: inherit;
|
||||
text-rendering: auto;
|
||||
|
||||
&:before {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
<% _.each(glyphs, function(glyph) { %>.van-<%= cssClass %>-<%= glyph.fileName %>:before {
|
||||
content: "\<%= glyph.codePoint %>";
|
||||
}
|
||||
<% }); %>
|
||||
@ -48,7 +48,7 @@
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
right: 4px;
|
||||
font-size: 24px;
|
||||
font-size: 20px;
|
||||
color: $gray-dark;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
|
||||
@ -9,7 +9,7 @@ $van-checkbox-size: 20px;
|
||||
color: $white;
|
||||
display: block;
|
||||
line-height: 1;
|
||||
font-size: 14px;
|
||||
font-size: 12px;
|
||||
text-align: center;
|
||||
pointer-events: none;
|
||||
border: 1px solid #aaa;
|
||||
|
||||
@ -1,130 +1,261 @@
|
||||
/* DO NOT EDIT! Generated by fount */
|
||||
|
||||
@font-face {
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
font-family: 'vant-icon';
|
||||
src: url('https://b.yzcdn.cn/zanui/icon/vant-icon-860d24a3c1.eot');
|
||||
src: url('https://b.yzcdn.cn/zanui/icon/vant-icon-860d24a3c1.eot?#iefix') format('embedded-opentype'),
|
||||
url('https://b.yzcdn.cn/zanui/icon/vant-icon-860d24a3c1.woff2') format('woff2'),
|
||||
url('https://b.yzcdn.cn/zanui/icon/vant-icon-860d24a3c1.woff') format('woff'),
|
||||
url('https://b.yzcdn.cn/zanui/icon/vant-icon-860d24a3c1.ttf') format('truetype')
|
||||
src: url('https://b.yzcdn.cn/zanui/icon/vant-icon-e115a13a.ttf') format('truetype');
|
||||
}
|
||||
|
||||
.van-icon {
|
||||
font-style: normal;
|
||||
display: inline-block;
|
||||
font: normal normal normal 14px/1 "vant-icon";
|
||||
font-size: inherit;
|
||||
text-rendering: auto;
|
||||
|
||||
&:before {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
.van-icon::before {
|
||||
font-family: "vant-icon" !important;
|
||||
font-weight: normal;
|
||||
speak: none;
|
||||
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
text-align: center;
|
||||
|
||||
/* For safety - reset parent styles, that can break glyph codes*/
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
|
||||
/* fix buttons height, for twitter bootstrap */
|
||||
line-height: 1em;
|
||||
|
||||
/* Animation center compensation - margins should be symmetric */
|
||||
/* remove if not needed */
|
||||
/* margin-left: .2em; */
|
||||
|
||||
/* you can be more comfortable with increased icons size */
|
||||
/* font-size: 120%; */
|
||||
|
||||
/* Font smoothing. That was taken from TWBS */
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
/* Uncomment for 3D effect */
|
||||
/* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
|
||||
.van-icon-add:before {
|
||||
content: "\E800";
|
||||
}
|
||||
.van-icon-add2:before {
|
||||
content: "\E801";
|
||||
}
|
||||
.van-icon-after-sale:before {
|
||||
content: "\E802";
|
||||
}
|
||||
.van-icon-alipay:before {
|
||||
content: "\E803";
|
||||
}
|
||||
.van-icon-arrow:before {
|
||||
content: "\E804";
|
||||
}
|
||||
.van-icon-balance-details:before {
|
||||
content: "\E805";
|
||||
}
|
||||
.van-icon-balance-pay:before {
|
||||
content: "\E806";
|
||||
}
|
||||
.van-icon-birthday-privilege:before {
|
||||
content: "\E807";
|
||||
}
|
||||
.van-icon-browsing-history:before {
|
||||
content: "\E808";
|
||||
}
|
||||
.van-icon-card:before {
|
||||
content: "\E809";
|
||||
}
|
||||
.van-icon-cart:before {
|
||||
content: "\E80A";
|
||||
}
|
||||
.van-icon-cash-back-record:before {
|
||||
content: "\E80B";
|
||||
}
|
||||
.van-icon-cash-on-deliver:before {
|
||||
content: "\E80C";
|
||||
}
|
||||
.van-icon-certificate:before {
|
||||
content: "\E80D";
|
||||
}
|
||||
.van-icon-chat:before {
|
||||
content: "\E80E";
|
||||
}
|
||||
.van-icon-check:before {
|
||||
content: "\E80F";
|
||||
}
|
||||
.van-icon-checked:before {
|
||||
content: "\E810";
|
||||
}
|
||||
.van-icon-clear:before {
|
||||
content: "\E811";
|
||||
}
|
||||
.van-icon-clock:before {
|
||||
content: "\E812";
|
||||
}
|
||||
.van-icon-close:before {
|
||||
content: "\E813";
|
||||
}
|
||||
.van-icon-completed:before {
|
||||
content: "\E814";
|
||||
}
|
||||
.van-icon-contact:before {
|
||||
content: "\E815";
|
||||
}
|
||||
.van-icon-coupon:before {
|
||||
content: "\E816";
|
||||
}
|
||||
.van-icon-credit-pay:before {
|
||||
content: "\E817";
|
||||
}
|
||||
.van-icon-debit-pay:before {
|
||||
content: "\E818";
|
||||
}
|
||||
.van-icon-delete:before {
|
||||
content: "\E819";
|
||||
}
|
||||
.van-icon-description:before {
|
||||
content: "\E81A";
|
||||
}
|
||||
.van-icon-discount:before {
|
||||
content: "\E81B";
|
||||
}
|
||||
.van-icon-ecard-pay:before {
|
||||
content: "\E81C";
|
||||
}
|
||||
.van-icon-edit-data:before {
|
||||
content: "\E81D";
|
||||
}
|
||||
.van-icon-edit:before {
|
||||
content: "\E81E";
|
||||
}
|
||||
.van-icon-exchange-record:before {
|
||||
content: "\E81F";
|
||||
}
|
||||
.van-icon-exchange:before {
|
||||
content: "\E820";
|
||||
}
|
||||
.van-icon-fail:before {
|
||||
content: "\E821";
|
||||
}
|
||||
.van-icon-free-postage:before {
|
||||
content: "\E822";
|
||||
}
|
||||
.van-icon-gift-card-pay:before {
|
||||
content: "\E823";
|
||||
}
|
||||
.van-icon-gift-card:before {
|
||||
content: "\E824";
|
||||
}
|
||||
.van-icon-gift:before {
|
||||
content: "\E825";
|
||||
}
|
||||
.van-icon-gold-coin:before {
|
||||
content: "\E826";
|
||||
}
|
||||
.van-icon-goods-collect:before {
|
||||
content: "\E827";
|
||||
}
|
||||
.van-icon-home:before {
|
||||
content: "\E828";
|
||||
}
|
||||
.van-icon-like-o:before {
|
||||
content: "\E829";
|
||||
}
|
||||
.van-icon-like:before {
|
||||
content: "\E82A";
|
||||
}
|
||||
.van-icon-location:before {
|
||||
content: "\E82B";
|
||||
}
|
||||
.van-icon-logistics:before {
|
||||
content: "\E82C";
|
||||
}
|
||||
.van-icon-member-day-privilege:before {
|
||||
content: "\E82D";
|
||||
}
|
||||
.van-icon-other-pay:before {
|
||||
content: "\E82E";
|
||||
}
|
||||
.van-icon-passed:before {
|
||||
content: "\E82F";
|
||||
}
|
||||
.van-icon-password-not-view:before {
|
||||
content: "\E830";
|
||||
}
|
||||
.van-icon-password-view:before {
|
||||
content: "\E831";
|
||||
}
|
||||
.van-icon-peer-pay:before {
|
||||
content: "\E832";
|
||||
}
|
||||
.van-icon-pending-deliver:before {
|
||||
content: "\E833";
|
||||
}
|
||||
.van-icon-pending-evaluate:before {
|
||||
content: "\E834";
|
||||
}
|
||||
.van-icon-pending-orders:before {
|
||||
content: "\E835";
|
||||
}
|
||||
.van-icon-pending-payment:before {
|
||||
content: "\E836";
|
||||
}
|
||||
.van-icon-phone:before {
|
||||
content: "\E837";
|
||||
}
|
||||
.van-icon-photo:before {
|
||||
content: "\E838";
|
||||
}
|
||||
.van-icon-photograph:before {
|
||||
content: "\E839";
|
||||
}
|
||||
.van-icon-point-gift:before {
|
||||
content: "\E83A";
|
||||
}
|
||||
.van-icon-points-mall:before {
|
||||
content: "\E83B";
|
||||
}
|
||||
.van-icon-points:before {
|
||||
content: "\E83C";
|
||||
}
|
||||
.van-icon-qr-invalid:before {
|
||||
content: "\E83D";
|
||||
}
|
||||
.van-icon-qr:before {
|
||||
content: "\E83E";
|
||||
}
|
||||
.van-icon-question:before {
|
||||
content: "\E83F";
|
||||
}
|
||||
.van-icon-receive-gift:before {
|
||||
content: "\E840";
|
||||
}
|
||||
.van-icon-records:before {
|
||||
content: "\E841";
|
||||
}
|
||||
.van-icon-search:before {
|
||||
content: "\E842";
|
||||
}
|
||||
.van-icon-send-gift:before {
|
||||
content: "\E843";
|
||||
}
|
||||
.van-icon-setting:before {
|
||||
content: "\E844";
|
||||
}
|
||||
.van-icon-shop-collect:before {
|
||||
content: "\E845";
|
||||
}
|
||||
.van-icon-shop:before {
|
||||
content: "\E846";
|
||||
}
|
||||
.van-icon-shopping-cart:before {
|
||||
content: "\E847";
|
||||
}
|
||||
.van-icon-sign:before {
|
||||
content: "\E848";
|
||||
}
|
||||
.van-icon-success:before {
|
||||
content: "\E849";
|
||||
}
|
||||
.van-icon-tosend:before {
|
||||
content: "\E84A";
|
||||
}
|
||||
.van-icon-underway:before {
|
||||
content: "\E84B";
|
||||
}
|
||||
.van-icon-upgrade:before {
|
||||
content: "\E84C";
|
||||
}
|
||||
.van-icon-value-card:before {
|
||||
content: "\E84D";
|
||||
}
|
||||
.van-icon-wap-home:before {
|
||||
content: "\E84E";
|
||||
}
|
||||
.van-icon-wap-nav:before {
|
||||
content: "\E84F";
|
||||
}
|
||||
.van-icon-wechat:before {
|
||||
content: "\E850";
|
||||
}
|
||||
/* DO NOT EDIT! Generated by iconfount */
|
||||
|
||||
|
||||
.van-icon-qr-invalid:before { content: '\e800'; } /* '' */
|
||||
.van-icon-qr:before { content: '\e801'; } /* '' */
|
||||
.van-icon-exchange:before { content: '\e802'; } /* '' */
|
||||
.van-icon-close:before { content: '\e803'; } /* '' */
|
||||
.van-icon-location:before { content: '\e804'; } /* '' */
|
||||
.van-icon-upgrade:before { content: '\e805'; } /* '' */
|
||||
.van-icon-check:before { content: '\e806'; } /* '' */
|
||||
.van-icon-checked:before { content: '\e807'; } /* '' */
|
||||
.van-icon-like-o:before { content: '\e808'; } /* '' */
|
||||
.van-icon-like:before { content: '\e809'; } /* '' */
|
||||
.van-icon-chat:before { content: '\e80a'; } /* '' */
|
||||
.van-icon-shop:before { content: '\e80b'; } /* '' */
|
||||
.van-icon-photograph:before { content: '\e80c'; } /* '' */
|
||||
.van-icon-add:before { content: '\e80d'; } /* '' */
|
||||
.van-icon-add2:before { content: '\e80e'; } /* '' */
|
||||
.van-icon-photo:before { content: '\e80f'; } /* '' */
|
||||
.van-icon-logistics:before { content: '\e810'; } /* '' */
|
||||
.van-icon-edit:before { content: '\e811'; } /* '' */
|
||||
.van-icon-passed:before { content: '\e812'; } /* '' */
|
||||
.van-icon-cart:before { content: '\e813'; } /* '' */
|
||||
.van-icon-arrow:before { content: '\e814'; } /* '' */
|
||||
.van-icon-gift:before { content: '\e815'; } /* '' */
|
||||
.van-icon-search:before { content: '\e816'; } /* '' */
|
||||
.van-icon-clear:before { content: '\e817'; } /* '' */
|
||||
.van-icon-success:before { content: '\e818'; } /* '' */
|
||||
.van-icon-fail:before { content: '\e819'; } /* '' */
|
||||
.van-icon-contact:before { content: '\e81a'; } /* '' */
|
||||
.van-icon-wechat:before { content: '\e81b'; } /* '' */
|
||||
.van-icon-alipay:before { content: '\e81c'; } /* '' */
|
||||
.van-icon-password-view:before { content: '\e81d'; } /* '' */
|
||||
.van-icon-password-not-view:before { content: '\e81e'; } /* '' */
|
||||
.van-icon-wap-nav:before { content: '\e81f'; } /* '' */
|
||||
.van-icon-wap-home:before { content: '\e820'; } /* '' */
|
||||
.van-icon-ecard-pay:before { content: '\e821'; } /* '' */
|
||||
.van-icon-balance-pay:before { content: '\e822'; } /* '' */
|
||||
.van-icon-peer-pay:before { content: '\e823'; } /* '' */
|
||||
.van-icon-credit-pay:before { content: '\e824'; } /* '' */
|
||||
.van-icon-debit-pay:before { content: '\e825'; } /* '' */
|
||||
.van-icon-other-pay:before { content: '\e826'; } /* '' */
|
||||
.van-icon-shopping-cart:before { content: '\e827'; } /* '' */
|
||||
.van-icon-browsing-history:before { content: '\e828'; } /* '' */
|
||||
.van-icon-goods-collect:before { content: '\e829'; } /* '' */
|
||||
.van-icon-shop-collect:before { content: '\e82a'; } /* '' */
|
||||
.van-icon-receive-gift:before { content: '\e82b'; } /* '' */
|
||||
.van-icon-send-gift:before { content: '\e82c'; } /* '' */
|
||||
.van-icon-setting:before { content: '\e82d'; } /* '' */
|
||||
.van-icon-points:before { content: '\e82e'; } /* '' */
|
||||
.van-icon-coupon:before { content: '\e82f'; } /* '' */
|
||||
.van-icon-free-postage:before { content: '\e830'; } /* '' */
|
||||
.van-icon-discount:before { content: '\e831'; } /* '' */
|
||||
.van-icon-birthday-privilege:before { content: '\e832'; } /* '' */
|
||||
.van-icon-member-day-privilege:before { content: '\e833'; } /* '' */
|
||||
.van-icon-balance-details:before { content: '\e834'; } /* '' */
|
||||
.van-icon-cash-back-record:before { content: '\e835'; } /* '' */
|
||||
.van-icon-points-mall:before { content: '\e836'; } /* '' */
|
||||
.van-icon-exchange-record:before { content: '\e837'; } /* '' */
|
||||
.van-icon-pending-payment:before { content: '\e838'; } /* '' */
|
||||
.van-icon-pending-orders:before { content: '\e839'; } /* '' */
|
||||
.van-icon-pending-deliver:before { content: '\e83a'; } /* '' */
|
||||
.van-icon-pending-evaluate:before { content: '\e83b'; } /* '' */
|
||||
.van-icon-gift-card-pay:before { content: '\e83c'; } /* '' */
|
||||
.van-icon-cash-on-deliver:before { content: '\e83d'; } /* '' */
|
||||
.van-icon-underway:before { content: '\e83e'; } /* '' */
|
||||
.van-icon-point-gift:before { content: '\e83f'; } /* '' */
|
||||
.van-icon-after-sale:before { content: '\e840'; } /* '' */
|
||||
.van-icon-edit-data:before { content: '\e841'; } /* '' */
|
||||
.van-icon-question:before { content: '\e842'; } /* '' */
|
||||
.van-icon-delete:before { content: '\e843'; } /* '' */
|
||||
.van-icon-records:before { content: '\e844'; } /* '' */
|
||||
.van-icon-description:before { content: '\e845'; } /* '' */
|
||||
.van-icon-card:before { content: '\e846'; } /* '' */
|
||||
.van-icon-gift-card:before { content: '\e847'; } /* '' */
|
||||
.van-icon-coupon:before { content: '\e848'; } /* '' */
|
||||
.van-icon-clock:before { content: '\e849'; } /* '' */
|
||||
.van-icon-gold-coin:before { content: '\e84a'; } /* '' */
|
||||
.van-icon-completed:before { content: '\e84b'; } /* '' */
|
||||
.van-icon-value-card:before { content: '\e84c'; } /* '' */
|
||||
.van-icon-certificate:before { content: '\e84d'; } /* '' */
|
||||
.van-icon-tosend:before { content: '\e84e'; } /* '' */
|
||||
.van-icon-sign:before { content: '\e84f'; } /* '' */
|
||||
.van-icon-home:before { content: '\e850'; } /* '' */
|
||||
.van-icon-phone:before { content: '\e851'; } /* '' */
|
||||
File diff suppressed because it is too large
Load Diff
Loading…
x
Reference in New Issue
Block a user