blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

新增icon和修复toast样式问题 (#42)

Browse Source
This commit is contained in:
张敏 2017-06-19 16:59:25 +08:00 committed by GitHub
parent 82253f872a
commit 6eefa61808
6 changed files with 257 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
docs/examples-docs/cell-swipe.md
View File

@ -1,4 +1,3 @@
<style>
.swipe-delete-btn {
background-color: #FF4444;
@ -21,7 +20,7 @@
line-height: 44px;
}
</style>
## 滑动单元格
## CellSwipe 滑动单元格
### 使用指南

108
docs/examples-docs/icon.md
View File

@ -1,6 +1,10 @@
<style>
@component-namespace demo {
@b icon {
.examples {
max-height: none;
}
.van-col {
text-align: center;
height: 120px;
@ -121,10 +125,6 @@ export default {
<van-icon name="photo"></van-icon>
<span>photo</span>
</van-col>
<van-col span="8">
<van-icon name="logistics"></van-icon>
<span>logistics</span>
</van-col>
<van-col span="8">
<van-icon name="edit"></van-icon>
<span>edit</span>
@ -213,6 +213,106 @@ export default {
<van-icon name="other-pay"></van-icon>
<span>other-pay</span>
</van-col>
<van-col span="8">
<van-icon name="cart"></van-icon>
<span>cart</span>
</van-col>
<van-col span="8">
<van-icon name="browsing-history"></van-icon>
<span>browsing-history</span>
</van-col>
<van-col span="8">
<van-icon name="goods-collect"></van-icon>
<span>goods-collect</span>
</van-col>
<van-col span="8">
<van-icon name="shop-collect"></van-icon>
<span>shop-collect</span>
</van-col>
<van-col span="8">
<van-icon name="receive-gift"></van-icon>
<span>receive-gift</span>
</van-col>
<van-col span="8">
<van-icon name="send-gift"></van-icon>
<span>send-gift</span>
</van-col>
<van-col span="8">
<van-icon name="setting"></van-icon>
<span>setting</span>
</van-col>
<van-col span="8">
<van-icon name="points"></van-icon>
<span>points</span>
</van-col>
<van-col span="8">
<van-icon name="coupon"></van-icon>
<span>coupon</span>
</van-col>
<van-col span="8">
<van-icon name="free-postage"></van-icon>
<span>free-postage</span>
</van-col>
<van-col span="8">
<van-icon name="discount"></van-icon>
<span>discount</span>
</van-col>
<van-col span="8">
<van-icon name="birthday-privilege"></van-icon>
<span>birthday-privilege</span>
</van-col>
<van-col span="8">
<van-icon name="member-day-privilege"></van-icon>
<span>member-day-privilege</span>
</van-col>
<van-col span="8">
<van-icon name="balance-details"></van-icon>
<span>balance-details</span>
</van-col>
<van-col span="8">
<van-icon name="cash-back-record"></van-icon>
<span>cash-back-record</span>
</van-col>
<van-col span="8">
<van-icon name="points-mall"></van-icon>
<span>points-mall</span>
</van-col>
<van-col span="8">
<van-icon name="exchange-record"></van-icon>
<span>exchange-record</span>
</van-col>
<van-col span="8">
<van-icon name="pending-payment"></van-icon>
<span>pending-payment</span>
</van-col>
<van-col span="8">
<van-icon name="pending-orders"></van-icon>
<span>pending-orders</span>
</van-col>
<van-col span="8">
<van-icon name="pending-deliver"></van-icon>
<span>pending-deliver</span>
</van-col>
<van-col span="8">
<van-icon name="logistics"></van-icon>
<span>logistics</span>
</van-col>
<van-col span="8">
<van-icon name="pending-evaluate"></van-icon>
<span>pending-evaluate</span>
</van-col>
<van-col span="8">
<van-icon name="cash-on-deliver"></van-icon>
<span>cash-on-deliver</span>
</van-col>
<van-col span="8">
<van-icon name="gift-card-pay"></van-icon>
<span>gift-card-pay</span>
</van-col>
<van-col span="8">
<van-icon name="underway"></van-icon>
<span>underway</span>
</van-col>
</van-row>
```
:::

BIN
packages/vant-css/assets/icons.sketch
View File

Binary file not shown.

121
packages/vant-css/scripts/fount-config.js
View File

@ -212,6 +212,127 @@ module.exports = {
keywords: ['other', 'pay'],
src: '其他支付方式.svg',
css: 'other-pay'
},
{
keywords: ['cart'],
src: '购物车.svg',
css: '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
},
{
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'
}
]
};

36
packages/vant-css/src/icon.css
View File

@ -2,11 +2,11 @@
@font-face {
font-family: 'vant-icon';
src: url('https://b.yzcdn.cn/zanui/icon/vant-icon-8d0a704edb.eot');
src: url('https://b.yzcdn.cn/zanui/icon/vant-icon-8d0a704edb.eot?#iefix') format('embedded-opentype'),
url('https://b.yzcdn.cn/zanui/icon/vant-icon-8d0a704edb.woff2') format('woff2'),
url('https://b.yzcdn.cn/zanui/icon/vant-icon-8d0a704edb.woff') format('woff'),
url('https://b.yzcdn.cn/zanui/icon/vant-icon-8d0a704edb.ttf') format('truetype')
src: url('https://b.yzcdn.cn/zanui/icon/vant-icon-00a6bb93cd.eot');
src: url('https://b.yzcdn.cn/zanui/icon/vant-icon-00a6bb93cd.eot?#iefix') format('embedded-opentype'),
url('https://b.yzcdn.cn/zanui/icon/vant-icon-00a6bb93cd.woff2') format('woff2'),
url('https://b.yzcdn.cn/zanui/icon/vant-icon-00a6bb93cd.woff') format('woff'),
url('https://b.yzcdn.cn/zanui/icon/vant-icon-00a6bb93cd.ttf') format('truetype')
}
.van-icon {
@ -85,4 +85,28 @@
.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-other-pay:before { content: '\e826'; } /* '' */
.van-icon-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'; } /* '' */

1
packages/vant-css/src/toast.css
View File

@ -46,6 +46,7 @@
.van-toast__text {
padding: 15px 0 20px;
font-size: 14px;
line-height: 1.2;
}
}
}