blackteay/vant-weapp
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant-weapp.git synced 2025-04-05 19:41:45 +08:00
Code Issues Projects Releases Wiki Activity

[breaking change] update component prefix

Browse Source
This commit is contained in:
陈嘉涵 2018-07-30 10:26:34 +08:00
parent 811bbe6140
commit 84538c888e
240 changed files with 1504 additions and 1504 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
README.md
View File

@ -59,14 +59,14 @@ npm run dev
```json
{
"usingComponents": {
"zan-button": "/path/to/vant-weapp/dist/btn/index"
"van-button": "/path/to/vant-weapp/dist/btn/index"
}
}
```
```html
<!-- example/btn/index.html -->
<zan-button>按钮</zan-button>
<van-button>按钮</van-button>
```
![](https://img.yzcdn.cn/public_files/2017/02/08/1b1e39ed3dc6b63519a68ba1e2650cfc.png)
@ -78,12 +78,12 @@ npm run dev
```json
{
"usingComponents": {
"zan-toast": "/path/to/vant-weapp/dist/toast/index"
"van-toast": "/path/to/vant-weapp/dist/toast/index"
}
}
```
```html
<zan-toast id="zan-toast-test"></zan-toast>
<van-toast id="van-toast-test"></van-toast>
```
将对应的 Toast 的函数引入页面，就可以直接调用来展示 Toast 了
@ -96,7 +96,7 @@ const Toast = require('/path/to/vant-weapp/dist/toast/toast');
Page({
showToast() {
Toast({
selector: '#zan-toast-test',
selector: '#van-toast-test',
message: 'toast内容'
});
}

2
changelog.md
View File

@ -246,7 +246,7 @@
**Improvements**
- 修复 zan-icon-new 展示 [\#66](https://github.com/youzan/vant-weapp/pull/66) ([pangxie1991](https://github.com/pangxie1991))
- 修复 van-icon-new 展示 [\#66](https://github.com/youzan/vant-weapp/pull/66) ([pangxie1991](https://github.com/pangxie1991))
## [v2.3.4](https://github.com/youzan/vant-weapp/tree/v2.3.4) (2017-11-24)
[Full Changelog](https://github.com/youzan/vant-weapp/compare/v2.3.3...v2.3.4)

2
dist/actionsheet/index.json vendored
View File

@ -1,6 +1,6 @@
{
"component": true,
"usingComponents": {
"zan-btn": "../btn/index"
"van-btn": "../btn/index"
}
}

26
dist/actionsheet/index.wxml vendored
View File

@ -1,39 +1,39 @@
<view class="zan-actionsheet {{ show ? 'zan-actionsheet--show' : '' }}">
<view class="van-actionsheet {{ show ? 'van-actionsheet--show' : '' }}">
<view
class="mask-class zan-actionsheet__mask"
class="mask-class van-actionsheet__mask"
bindtap="onMaskClick"
></view>
<view class="container-class zan-actionsheet__container">
<view class="container-class van-actionsheet__container">
<!-- 选项按钮 -->
<zan-btn
<van-btn
wx:for="{{ actions }}"
wx:key="{{ index }}-{{ item.name }}"
bind:btnclick="handleBtnClick"
data-index="{{ index }}"
open-type="{{ item.openType }}"
custom-class="zan-actionsheet__btn"
custom-class="van-actionsheet__btn"
loading="{{ item.loading }}"
>
<!-- 自定义组件控制 slot 样式有问题，故在 slot 容器上传入 loading 信息 -->
<view class="zan-actionsheet__btn-content {{ item.loading ? 'zan-actionsheet__btn--loading' : '' }}">
<view class="zan-actionsheet__name">{{ item.name }}</view>
<view class="van-actionsheet__btn-content {{ item.loading ? 'van-actionsheet__btn--loading' : '' }}">
<view class="van-actionsheet__name">{{ item.name }}</view>
<view
wx:if="{{ item.subname }}"
class="zan-actionsheet__subname">
class="van-actionsheet__subname">
{{ item.subname }}
</view>
</view>
</zan-btn>
</van-btn>
<!-- 关闭按钮 -->
<view
wx:if="{{ cancelText }}"
class="zan-actionsheet__footer"
class="van-actionsheet__footer"
>
<zan-btn
custom-class="zan-actionsheet__btn"
<van-btn
custom-class="van-actionsheet__btn"
catchtap="cancelClick"
>{{ cancelText }}</zan-btn>
>{{ cancelText }}</van-btn>
</view>
</view>
</view>

2
dist/actionsheet/index.wxss vendored
View File

@ -1 +1 @@
.zan-actionsheet{background-color:#f8f8f8}.zan-actionsheet__mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(0,0,0,.7);display:none}.zan-actionsheet__container{position:fixed;left:0;right:0;bottom:0;background:#f8f8f8;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:11;opacity:0;visibility:hidden}.zan-actionsheet__btn{margin-bottom:0!important}.zan-actionsheet__footer .zan-actionsheet__btn{background:#fff}.zan-actionsheet__btn-content{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:center;justify-content:center}.zan-actionsheet__subname{color:#999}.zan-actionsheet__name,.zan-actionsheet__subname{height:45px;line-height:45px}.zan-actionsheet__btn.zan-btn:last-child::after{border-bottom-width:0}.zan-actionsheet__subname{margin-left:2px;font-size:12px}.zan-actionsheet__footer{margin-top:10px}.zan-actionsheet__btn--loading .zan-actionsheet__subname{color:transparent}.zan-actionsheet--show .zan-actionsheet__container{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}.zan-actionsheet--show .zan-actionsheet__mask{display:block}
.van-actionsheet{background-color:#f8f8f8}.van-actionsheet__mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(0,0,0,.7);display:none}.van-actionsheet__container{position:fixed;left:0;right:0;bottom:0;background:#f8f8f8;-webkit-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0);-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all .2s ease;transition:all .2s ease;z-index:11;opacity:0;visibility:hidden}.van-actionsheet__btn{margin-bottom:0!important}.van-actionsheet__footer .van-actionsheet__btn{background:#fff}.van-actionsheet__btn-content{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:center;justify-content:center}.van-actionsheet__subname{color:#999}.van-actionsheet__name,.van-actionsheet__subname{height:45px;line-height:45px}.van-actionsheet__btn.van-btn:last-child::after{border-bottom-width:0}.van-actionsheet__subname{margin-left:2px;font-size:12px}.van-actionsheet__footer{margin-top:10px}.van-actionsheet__btn--loading .van-actionsheet__subname{color:transparent}.van-actionsheet--show .van-actionsheet__container{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:visible}.van-actionsheet--show .van-actionsheet__mask{display:block}

4
dist/badge/index.wxml vendored
View File

@ -1,6 +1,6 @@
<view class="zan-badge">
<view class="van-badge">
<view
class="zan-badge__text"
class="van-badge__text"
style="color: {{ color }}; background-color: {{ backgroundColor }};font-size: {{ fontSize * 2 }}px; box-shadow: {{ boxShadow }};"
>
<slot></slot>

2
dist/badge/index.wxss vendored
View File

@ -1 +1 @@
.zan-badge{position:relative}.zan-badge__text{position:absolute;top:-.8em;right:0;height:1.6em;min-width:1.6em;line-height:1.6;padding:0 .4em;font-size:20px;border-radius:.8em;background:#f44;color:#fff;text-align:center;white-space:nowrap;-webkit-transform:translateX(50%) scale(.5);transform:translateX(50%) scale(.5);-webkit-transform-origin:center;transform-origin:center;z-index:10;box-shadow:0 0 0 2px #fff;box-sizing:border-box}
.van-badge{position:relative}.van-badge__text{position:absolute;top:-.8em;right:0;height:1.6em;min-width:1.6em;line-height:1.6;padding:0 .4em;font-size:20px;border-radius:.8em;background:#f44;color:#fff;text-align:center;white-space:nowrap;-webkit-transform:translateX(50%) scale(.5);transform:translateX(50%) scale(.5);-webkit-transform-origin:center;transform-origin:center;z-index:10;box-shadow:0 0 0 2px #fff;box-sizing:border-box}

2
dist/btn/index.wxml vendored
View File

@ -1,5 +1,5 @@
<button
class="custom-class theme-class zan-btn {{ inGroup ? 'zan-btn--group' : '' }} {{ isLast ? 'zan-btn--last' : '' }} {{size ? 'zan-btn--'+size : ''}} {{size === 'mini' ? 'zan-btn--plain' : ''}} {{plain ? 'zan-btn--plain' : ''}} {{type ? 'zan-btn--'+type : ''}} {{loading ? 'zan-btn--loading' : ''}} {{disabled ? 'zan-btn--disabled' : ''}}"
class="custom-class theme-class van-btn {{ inGroup ? 'van-btn--group' : '' }} {{ isLast ? 'van-btn--last' : '' }} {{size ? 'van-btn--'+size : ''}} {{size === 'mini' ? 'van-btn--plain' : ''}} {{plain ? 'van-btn--plain' : ''}} {{type ? 'van-btn--'+type : ''}} {{loading ? 'van-btn--loading' : ''}} {{disabled ? 'van-btn--disabled' : ''}}"
disabled="{{ disabled }}"
hover-class="button-hover"
open-type="{{ openType }}"

2
dist/btn/index.wxss vendored
View File

@ -1 +1 @@
.zan-btn{position:relative;color:#333;background-color:#fff;padding-left:15px;padding-right:15px;border-radius:2px;font-size:16px;line-height:45px;height:45px;box-sizing:border-box;text-decoration:none;text-align:center;vertical-align:middle;overflow:visible}.zan-btn--group{margin-bottom:10px}.zan-btn::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-width:1px;border-radius:4px}.zan-btn--primary{color:#fff;background-color:#4b0}.zan-btn--primary::after{border-color:#0a0}.zan-btn--warn{color:#fff;background-color:#f85}.zan-btn--warn::after{border-color:#f85}.zan-btn--danger{color:#fff;background-color:#f44}.zan-btn--danger::after{border-color:#e33}.zan-btn--small{display:inline-block;height:30px;line-height:30px;font-size:12px}.zan-btn--small.zan-btn--group{margin-bottom:0;margin-right:5px}.zan-btn--mini{display:inline-block;line-height:21px;height:22px;font-size:10px;padding-left:5px;padding-right:5px}.zan-btn--mini.zan-btn--group{margin-bottom:0;margin-right:5px}.zan-btn--large{border-radius:0;border:none;line-height:50px;height:50px}.zan-btn--large.zan-btn--group{margin-bottom:0}.zan-btn--plain.zan-btn{background-color:transparent}.zan-btn--plain.zan-btn--primary{color:#06bf04}.zan-btn--plain.zan-btn--warn{color:#f60}.zan-btn--plain.zan-btn--danger{color:#f44}.button-hover{opacity:.9}.zan-btn--loading{color:transparent;opacity:1}.zan-btn--loading::before{position:absolute;left:50%;top:50%;content:' ';width:16px;height:16px;margin-left:-8px;margin-top:-8px;border:3px solid #e5e5e5;border-color:#666 #e5e5e5 #e5e5e5 #e5e5e5;border-radius:8px;box-sizing:border-box;-webkit-animation:btn-spin .6s linear;animation:btn-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.zan-btn--danger.zan-btn--loading::before,.zan-btn--primary.zan-btn--loading::before,.zan-btn--warn.zan-btn--loading::before{border-color:#fff rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1)}@-webkit-keyframes btn-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes btn-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.zan-btn.zan-btn--disabled{color:#999!important;background:#f8f8f8!important;border-color:#e5e5e5!important;cursor:not-allowed!important;opacity:1!important}.zan-btn.zan-btn--disabled::after{border-color:#e5e5e5!important}.zan-btn--group.zan-btn--last{margin-bottom:0;margin-right:0}
.van-btn{position:relative;color:#333;background-color:#fff;padding-left:15px;padding-right:15px;border-radius:2px;font-size:16px;line-height:45px;height:45px;box-sizing:border-box;text-decoration:none;text-align:center;vertical-align:middle;overflow:visible}.van-btn--group{margin-bottom:10px}.van-btn::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-width:1px;border-radius:4px}.van-btn--primary{color:#fff;background-color:#4b0}.van-btn--primary::after{border-color:#0a0}.van-btn--warn{color:#fff;background-color:#f85}.van-btn--warn::after{border-color:#f85}.van-btn--danger{color:#fff;background-color:#f44}.van-btn--danger::after{border-color:#e33}.van-btn--small{display:inline-block;height:30px;line-height:30px;font-size:12px}.van-btn--small.van-btn--group{margin-bottom:0;margin-right:5px}.van-btn--mini{display:inline-block;line-height:21px;height:22px;font-size:10px;padding-left:5px;padding-right:5px}.van-btn--mini.van-btn--group{margin-bottom:0;margin-right:5px}.van-btn--large{border-radius:0;border:none;line-height:50px;height:50px}.van-btn--large.van-btn--group{margin-bottom:0}.van-btn--plain.van-btn{background-color:transparent}.van-btn--plain.van-btn--primary{color:#06bf04}.van-btn--plain.van-btn--warn{color:#f60}.van-btn--plain.van-btn--danger{color:#f44}.button-hover{opacity:.9}.van-btn--loading{color:transparent;opacity:1}.van-btn--loading::before{position:absolute;left:50%;top:50%;content:' ';width:16px;height:16px;margin-left:-8px;margin-top:-8px;border:3px solid #e5e5e5;border-color:#666 #e5e5e5 #e5e5e5 #e5e5e5;border-radius:8px;box-sizing:border-box;-webkit-animation:btn-spin .6s linear;animation:btn-spin .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.van-btn--danger.van-btn--loading::before,.van-btn--primary.van-btn--loading::before,.van-btn--warn.van-btn--loading::before{border-color:#fff rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.1)}@-webkit-keyframes btn-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes btn-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.van-btn.van-btn--disabled{color:#999!important;background:#f8f8f8!important;border-color:#e5e5e5!important;cursor:not-allowed!important;opacity:1!important}.van-btn.van-btn--disabled::after{border-color:#e5e5e5!important}.van-btn--group.van-btn--last{margin-bottom:0;margin-right:0}

10
dist/capsule/index.wxml vendored
View File

@ -1,17 +1,17 @@
<view class="custom-class zan-capsule zan-capsule--{{type}}">
<view class="custom-class van-capsule van-capsule--{{type}}">
<block wx:if="{{color}}">
<view
class="zan-capsule__left"
class="van-capsule__left"
style="background: {{ color }}; border-color: {{ color }}"
>{{ leftText }}</view>
<view
class="zan-capsule__right"
class="van-capsule__right"
style="color: {{ color }}; border-color: {{ color }}"
>{{ rightText }}</view>
</block>
<block wx:else>
<view class="zan-capsule__left">{{ leftText }}</view>
<view class="zan-capsule__right">{{ rightText }}</view>
<view class="van-capsule__left">{{ leftText }}</view>
<view class="van-capsule__right">{{ rightText }}</view>
</block>
</view>

2
dist/capsule/index.wxss vendored
View File

@ -1 +1 @@
.zan-capsule{display:inline-block;font-size:12px;vertical-align:middle;line-height:19px;-webkit-transform:scale(.83);transform:scale(.83)}.zan-capsule__left,.zan-capsule__right{display:inline-block;line-height:17px;height:19px;vertical-align:middle;box-sizing:border-box}.zan-capsule__left{padding:0 2px;color:#fff;background:#999;border-radius:2px 0 0 2px;border:1rpx solid #999}.zan-capsule__right{padding:0 5px;color:#999;border-radius:0 2px 2px 0;border:1rpx solid #999}.zan-capsule--danger .zan-capsule__left{color:#fff;background:#f24544;border-color:#f24544}.zan-capsule--danger .zan-capsule__right{color:#f24544;border-color:#f24544}
.van-capsule{display:inline-block;font-size:12px;vertical-align:middle;line-height:19px;-webkit-transform:scale(.83);transform:scale(.83)}.van-capsule__left,.van-capsule__right{display:inline-block;line-height:17px;height:19px;vertical-align:middle;box-sizing:border-box}.van-capsule__left{padding:0 2px;color:#fff;background:#999;border-radius:2px 0 0 2px;border:1rpx solid #999}.van-capsule__right{padding:0 5px;color:#999;border-radius:0 2px 2px 0;border:1rpx solid #999}.van-capsule--danger .van-capsule__left{color:#fff;background:#f24544;border-color:#f24544}.van-capsule--danger .van-capsule__right{color:#f24544;border-color:#f24544}

24
dist/card/index.wxml vendored
View File

@ -1,32 +1,32 @@
<view class="card-class zan-card">
<view class="card-class van-card">
<!-- 左侧图片 -->
<view class="thumb-class zan-card__thumb">
<image class="zan-card__img"
<view class="thumb-class van-card__thumb">
<image class="van-card__img"
src="{{ thumb }}"
mode="aspectFit"
></image>
</view>
<!-- 右侧详情 -->
<view class="zan-card__detail">
<view class="van-card__detail">
<slot wx:if="{{ useDetailSlot }}" name="detail-slot"></slot>
<block wx:else>
<view class="zan-card__detail-row">
<view class="zan-card__right-col">¥ {{ price }}</view>
<view class="zan-card__left-col zan-ellipsis--l2">
<view class="van-card__detail-row">
<view class="van-card__right-col">¥ {{ price }}</view>
<view class="van-card__left-col van-ellipsis--l2">
{{ title }}
</view>
</view>
<view class="zan-card__detail-row zan-c-gray-darker">
<view wx:if="{{ num }}" class="zan-card__right-col">x {{ num }}</view>
<view wx:if="{{ desc }}" class="zan-card__left-col">
<view class="van-card__detail-row van-c-gray-darker">
<view wx:if="{{ num }}" class="van-card__right-col">x {{ num }}</view>
<view wx:if="{{ desc }}" class="van-card__left-col">
{{ desc }}
</view>
</view>
<view wx:if="{{ status }}" class="zan-card__detail-row">
<view class="zan-card__left-col zan-c-red">{{ status }}</view>
<view wx:if="{{ status }}" class="van-card__detail-row">
<view class="van-card__left-col van-c-red">{{ status }}</view>
</view>
</block>
</view>

2
dist/card/index.wxss vendored
View File

@ -1 +1 @@
.zan-c-red{color:#f44!important}.zan-c-gray{color:#c9c9c9!important}.zan-c-gray-dark{color:#999!important}.zan-c-gray-darker{color:#666!important}.zan-c-black{color:#333!important}.zan-c-blue{color:#38f!important}.zan-c-green{color:#06bf04!important}.zan-pull-left{float:left}.zan-pull-right{float:right}.zan-center{text-align:center}.zan-right{text-align:right}.zan-text-deleted{text-decoration:line-through}.zan-font-8{font-size:8px}.zan-font-10{font-size:10px}.zan-font-12{font-size:12px}.zan-font-14{font-size:14px}.zan-font-16{font-size:16px}.zan-font-18{font-size:18px}.zan-font-20{font-size:20px}.zan-font-22{font-size:22px}.zan-font-24{font-size:24px}.zan-font-26{font-size:26px}.zan-font-30{font-size:30px}.zan-font-bold{font-weight:700}.zan-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.zan-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zan-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zan-clearfix{zoom:1}.zan-clearfix::after{content:'';display:table;clear:both}.zan-c-red{color:#f44}.zan-c-black{color:#000}.zan-c-green{color:#06bf04}.zan-c-blue{color:#38f}.zan-c-gray{color:#c9c9c9}.zan-c-gray-dark{color:#999}.zan-c-gray-darker{color:#666}.zan-hairline,.zan-hairline--bottom,.zan-hairline--left,.zan-hairline--right,.zan-hairline--surround,.zan-hairline--top,.zan-hairline--top-bottom{position:relative}.zan-hairline--bottom::after,.zan-hairline--left::after,.zan-hairline--right::after,.zan-hairline--surround::after,.zan-hairline--top-bottom::after,.zan-hairline--top::after,.zan-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.zan-hairline--top::after{border-top-width:1px}.zan-hairline--left::after{border-left-width:1px}.zan-hairline--right::after{border-right-width:1px}.zan-hairline--bottom::after{border-bottom-width:1px}.zan-hairline--top-bottom::after{border-width:1px 0}.zan-hairline--surround::after{border-width:1px}.zan-card{display:-webkit-box;display:flex;margin-left:0;padding:5px 15px;overflow:hidden;position:relative;font-size:14px}.zan-card__thumb{width:90px;height:90px;position:relative;margin-left:auto;margin-right:auto;overflow:hidden;background-size:cover}.zan-card__img{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;max-width:100%;max-height:100%}.zan-card__detail{-webkit-box-flex:1;flex:1;margin-left:10px;position:relative}.zan-card__detail-row{overflow:hidden;line-height:20px;min-height:20px;margin-bottom:3px}.zan-card__right-col{float:right}.zan-card__left-col{margin-right:80px}
.van-c-red{color:#f44!important}.van-c-gray{color:#c9c9c9!important}.van-c-gray-dark{color:#999!important}.van-c-gray-darker{color:#666!important}.van-c-black{color:#333!important}.van-c-blue{color:#38f!important}.van-c-green{color:#06bf04!important}.van-pull-left{float:left}.van-pull-right{float:right}.van-center{text-align:center}.van-right{text-align:right}.van-text-deleted{text-decoration:line-through}.van-font-8{font-size:8px}.van-font-10{font-size:10px}.van-font-12{font-size:12px}.van-font-14{font-size:14px}.van-font-16{font-size:16px}.van-font-18{font-size:18px}.van-font-20{font-size:20px}.van-font-22{font-size:22px}.van-font-24{font-size:24px}.van-font-26{font-size:26px}.van-font-30{font-size:30px}.van-font-bold{font-weight:700}.van-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.van-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-clearfix{zoom:1}.van-clearfix::after{content:'';display:table;clear:both}.van-c-red{color:#f44}.van-c-black{color:#000}.van-c-green{color:#06bf04}.van-c-blue{color:#38f}.van-c-gray{color:#c9c9c9}.van-c-gray-dark{color:#999}.van-c-gray-darker{color:#666}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}.van-card{display:-webkit-box;display:flex;margin-left:0;padding:5px 15px;overflow:hidden;position:relative;font-size:14px}.van-card__thumb{width:90px;height:90px;position:relative;margin-left:auto;margin-right:auto;overflow:hidden;background-size:cover}.van-card__img{position:absolute;top:0;left:0;right:0;bottom:0;width:auto;height:auto;max-width:100%;max-height:100%}.van-card__detail{-webkit-box-flex:1;flex:1;margin-left:10px;position:relative}.van-card__detail-row{overflow:hidden;line-height:20px;min-height:20px;margin-bottom:3px}.van-card__right-col{float:right}.van-card__left-col{margin-right:80px}

14
dist/cell/index.wxml vendored
View File

@ -1,22 +1,22 @@
<view
catchtap="cellTap"
class="cell-class zan-cell {{ isLastCell ? 'last-cell' : '' }} {{ isLink ? 'zan-cell--access' : '' }} {{ noBorder ? 'no-border' : ''}}"
class="cell-class van-cell {{ isLastCell ? 'last-cell' : '' }} {{ isLink ? 'van-cell--access' : '' }} {{ noBorder ? 'no-border' : ''}}"
>
<view class="zan-cell__icon">
<view class="van-cell__icon">
<slot name="icon"></slot>
</view>
<view class="title-class zan-cell__title" style="width: {{ titleWidth }}">
<view wx:if="{{ title }}" class="zan-cell__text">{{ title }}</view>
<view wx:if="{{ label }}" class="zan-cell__desc">{{ label }}</view>
<view class="title-class van-cell__title" style="width: {{ titleWidth }}">
<view wx:if="{{ title }}" class="van-cell__text">{{ title }}</view>
<view wx:if="{{ label }}" class="van-cell__desc">{{ label }}</view>
</view>
<view class="zan-cell__bd">
<view class="van-cell__bd">
<slot></slot>
</view>
<view bindtap="footerTap" class="zan-cell__ft">
<view bindtap="footerTap" class="van-cell__ft">
<block wx:if="{{value}}">{{ value }}</block>
<block wx:else>
<slot name="footer"></slot>

2
dist/cell/index.wxss vendored
View File

@ -1 +1 @@
.zan-cell{position:relative;padding:12px 15px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;line-height:1.4;background-color:#fff;font-size:14px}.zan-cell::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px;left:15px;right:0}.zan-cell__icon{margin-right:5px}.zan-cell__icon:empty{display:none}.zan-cell__title{padding-right:10px}.zan-cell__title:empty{display:none}.zan-cell__bd{-webkit-box-flex:1;flex:1}.zan-cell__text{line-height:24px;font-size:14px}.zan-cell__desc{line-height:1.2;font-size:12px;color:#666}.zan-cell__ft{position:relative;text-align:right;color:#666}.zan-cell__no-pading{padding:0}.zan-cell__no-pading .zan-cell__bd_padding{padding:12px 0 12px 15px}.zan-cell__no-pading .zan-cell__bd_padding .zan-form__input{height:26px}.zan-cell__no-pading .zan-cell__ft_padding{padding:12px 15px 12px 0}.zan-cell.last-cell::after,.zan-cell.no-border::after{display:none}.zan-cell--access .zan-cell__ft{padding-right:13px}.zan-cell--access .zan-cell__ft::after{position:absolute;top:50%;right:2px;content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-cell--switch{padding-top:6px;padding-bottom:6px}
.van-cell{position:relative;padding:12px 15px;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;line-height:1.4;background-color:#fff;font-size:14px}.van-cell::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px;left:15px;right:0}.van-cell__icon{margin-right:5px}.van-cell__icon:empty{display:none}.van-cell__title{padding-right:10px}.van-cell__title:empty{display:none}.van-cell__bd{-webkit-box-flex:1;flex:1}.van-cell__text{line-height:24px;font-size:14px}.van-cell__desc{line-height:1.2;font-size:12px;color:#666}.van-cell__ft{position:relative;text-align:right;color:#666}.van-cell__no-pading{padding:0}.van-cell__no-pading .van-cell__bd_padding{padding:12px 0 12px 15px}.van-cell__no-pading .van-cell__bd_padding .van-form__input{height:26px}.van-cell__no-pading .van-cell__ft_padding{padding:12px 15px 12px 0}.van-cell.last-cell::after,.van-cell.no-border::after{display:none}.van-cell--access .van-cell__ft{padding-right:13px}.van-cell--access .van-cell__ft::after{position:absolute;top:50%;right:2px;content:" ";display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.van-cell--switch{padding-top:6px;padding-bottom:6px}

2
dist/checkbox-group/index.wxss vendored
View File

@ -1 +1 @@
.checkbox-group{padding-bottom:10px;background-color:#fff}.checkbox-group .zan-checkbox{margin-top:10px}
.checkbox-group{padding-bottom:10px;background-color:#fff}.checkbox-group .van-checkbox{margin-top:10px}

2
dist/checkbox/index.json vendored
View File

@ -1,6 +1,6 @@
{
"component": true,
"usingComponents": {
"zan-icon": "../icon/index"
"van-icon": "../icon/index"
}
}

10
dist/checkbox/index.wxml vendored
View File

@ -1,13 +1,13 @@
<view
class="checkbox-class zan-checkbox {{ isInGroup ? 'zan-checkbox__item' : ''}} {{ type === 'list' ? 'zan-checkbox__list-item' : ''}}"
class="checkbox-class van-checkbox {{ isInGroup ? 'van-checkbox__item' : ''}} {{ type === 'list' ? 'van-checkbox__list-item' : ''}}"
bindtap="{{ labelDisabled ? '' : 'handleClick' }}"
>
<zan-icon
<van-icon
type="{{ checked ? 'checked' : 'check'}}"
class="zan-checkbox__icon {{ disabled ? 'zan-checkbox--disabled' : '' }} {{ checked ? 'zan-checkbox--checked' : '' }}"
class="van-checkbox__icon {{ disabled ? 'van-checkbox--disabled' : '' }} {{ checked ? 'van-checkbox--checked' : '' }}"
bindtap="{{ labelDisabled ? 'handleClick': '' }}"
></zan-icon>
<text class="zan-checkbox__label">
></van-icon>
<text class="van-checkbox__label">
<slot></slot>
</text>
</view>

2
dist/checkbox/index.wxss vendored
View File

@ -1 +1 @@
.zan-checkbox{display:inline-block;padding:0 10px;font-size:14px}.zan-checkbox__item{display:block;margin-top:10px}.zan-checkbox__list-item{display:block;padding:10px 10px 10px 0;margin-left:10px;border-bottom:1px solid #e5e5e5}.zan-checkbox__list-item .zan-checkbox__icon{float:right}.zan-checkbox__icon{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;color:#aaa}.zan-checkbox__icon.zan-checkbox--checked{color:#06bf04}.zan-checkbox__icon.zan-checkbox--disabled{color:#e5e5e5}.zan-checkbox__label{display:inline-block;margin-left:10px}
.van-checkbox{display:inline-block;padding:0 10px;font-size:14px}.van-checkbox__item{display:block;margin-top:10px}.van-checkbox__list-item{display:block;padding:10px 10px 10px 0;margin-left:10px;border-bottom:1px solid #e5e5e5}.van-checkbox__list-item .van-checkbox__icon{float:right}.van-checkbox__icon{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;color:#aaa}.van-checkbox__icon.van-checkbox--checked{color:#06bf04}.van-checkbox__icon.van-checkbox--disabled{color:#e5e5e5}.van-checkbox__label{display:inline-block;margin-left:10px}

2
dist/col/index.wxml vendored
View File

@ -1 +1 @@
<view class="col-class zan-col {{ col ? 'zan-col-' + col : '' }} {{ offset ? 'zan-col-offset-' + offset : '' }}"><slot></slot></view>
<view class="col-class van-col {{ col ? 'van-col-' + col : '' }} {{ offset ? 'van-col-offset-' + offset : '' }}"><slot></slot></view>

2
dist/col/index.wxss vendored
View File

@ -1 +1 @@
.zan-col{float:left;box-sizing:border-box;width:0}.zan-col-1{width:4.16667%}.zan-col-offset-1{margin-left:4.16667%}.zan-col-2{width:8.33333%}.zan-col-offset-2{margin-left:8.33333%}.zan-col-3{width:12.5%}.zan-col-offset-3{margin-left:12.5%}.zan-col-4{width:16.66667%}.zan-col-offset-4{margin-left:16.66667%}.zan-col-5{width:20.83333%}.zan-col-offset-5{margin-left:20.83333%}.zan-col-6{width:25%}.zan-col-offset-6{margin-left:25%}.zan-col-7{width:29.16667%}.zan-col-offset-7{margin-left:29.16667%}.zan-col-8{width:33.33333%}.zan-col-offset-8{margin-left:33.33333%}.zan-col-9{width:37.5%}.zan-col-offset-9{margin-left:37.5%}.zan-col-10{width:41.66667%}.zan-col-offset-10{margin-left:41.66667%}.zan-col-11{width:45.83333%}.zan-col-offset-11{margin-left:45.83333%}.zan-col-12{width:50%}.zan-col-offset-12{margin-left:50%}.zan-col-13{width:54.16667%}.zan-col-offset-13{margin-left:54.16667%}.zan-col-14{width:58.33333%}.zan-col-offset-14{margin-left:58.33333%}.zan-col-15{width:62.5%}.zan-col-offset-15{margin-left:62.5%}.zan-col-16{width:66.66667%}.zan-col-offset-16{margin-left:66.66667%}.zan-col-17{width:70.83333%}.zan-col-offset-17{margin-left:70.83333%}.zan-col-18{width:75%}.zan-col-offset-18{margin-left:75%}.zan-col-19{width:79.16667%}.zan-col-offset-19{margin-left:79.16667%}.zan-col-20{width:83.33333%}.zan-col-offset-20{margin-left:83.33333%}.zan-col-21{width:87.5%}.zan-col-offset-21{margin-left:87.5%}.zan-col-22{width:91.66667%}.zan-col-offset-22{margin-left:91.66667%}.zan-col-23{width:95.83333%}.zan-col-offset-23{margin-left:95.83333%}.zan-col-24{width:100%}.zan-col-offset-24{margin-left:100%}
.van-col{float:left;box-sizing:border-box;width:0}.van-col-1{width:4.16667%}.van-col-offset-1{margin-left:4.16667%}.van-col-2{width:8.33333%}.van-col-offset-2{margin-left:8.33333%}.van-col-3{width:12.5%}.van-col-offset-3{margin-left:12.5%}.van-col-4{width:16.66667%}.van-col-offset-4{margin-left:16.66667%}.van-col-5{width:20.83333%}.van-col-offset-5{margin-left:20.83333%}.van-col-6{width:25%}.van-col-offset-6{margin-left:25%}.van-col-7{width:29.16667%}.van-col-offset-7{margin-left:29.16667%}.van-col-8{width:33.33333%}.van-col-offset-8{margin-left:33.33333%}.van-col-9{width:37.5%}.van-col-offset-9{margin-left:37.5%}.van-col-10{width:41.66667%}.van-col-offset-10{margin-left:41.66667%}.van-col-11{width:45.83333%}.van-col-offset-11{margin-left:45.83333%}.van-col-12{width:50%}.van-col-offset-12{margin-left:50%}.van-col-13{width:54.16667%}.van-col-offset-13{margin-left:54.16667%}.van-col-14{width:58.33333%}.van-col-offset-14{margin-left:58.33333%}.van-col-15{width:62.5%}.van-col-offset-15{margin-left:62.5%}.van-col-16{width:66.66667%}.van-col-offset-16{margin-left:66.66667%}.van-col-17{width:70.83333%}.van-col-offset-17{margin-left:70.83333%}.van-col-18{width:75%}.van-col-offset-18{margin-left:75%}.van-col-19{width:79.16667%}.van-col-offset-19{margin-left:79.16667%}.van-col-20{width:83.33333%}.van-col-offset-20{margin-left:83.33333%}.van-col-21{width:87.5%}.van-col-offset-21{margin-left:87.5%}.van-col-22{width:91.66667%}.van-col-offset-22{margin-left:91.66667%}.van-col-23{width:95.83333%}.van-col-offset-23{margin-left:95.83333%}.van-col-24{width:100%}.van-col-offset-24{margin-left:100%}

2
dist/color/index.wxss vendored
View File

@ -1 +1 @@
.zan-c-red{color:#f44!important}.zan-c-gray{color:#c9c9c9!important}.zan-c-gray-dark{color:#999!important}.zan-c-gray-darker{color:#666!important}.zan-c-black{color:#333!important}.zan-c-blue{color:#38f!important}.zan-c-green{color:#06bf04!important}
.van-c-red{color:#f44!important}.van-c-gray{color:#c9c9c9!important}.van-c-gray-dark{color:#999!important}.van-c-gray-darker{color:#666!important}.van-c-black{color:#333!important}.van-c-blue{color:#38f!important}.van-c-green{color:#06bf04!important}

2
dist/dialog/data.js vendored
View File

@ -6,7 +6,7 @@ module.exports = {
// 内容
message: ' ',
// 选择节点
selector: '#zan-dialog',
selector: '#van-dialog',
// 按钮是否展示为纵向
buttonsShowVertical: false,
// 是否展示确定

2
dist/dialog/index.js vendored
View File

@ -15,7 +15,7 @@ Component({
// 内容
message: ' ',
// 选择节点
selector: '#zan-dialog',
selector: '#van-dialog',
// 按钮是否展示为纵向
buttonsShowVertical: false,
// 是否展示确定

2
dist/dialog/index.json vendored
View File

@ -2,6 +2,6 @@
"component": true,
"usingComponents": {
"pop-manager": "../common/pop-manager/index",
"zan-button": "../btn/index"
"van-button": "../btn/index"
}
}

16
dist/dialog/index.wxml vendored
View File

@ -2,26 +2,26 @@
show="{{ show }}"
type="center"
>
<view class="zan-dialog--container">
<view class="van-dialog--container">
<view
wx:if="{{ title }}"
class="zan-dialog__header"
class="van-dialog__header"
>{{ title }}</view>
<view
class="zan-dialog__content {{ title ? 'zan-dialog__content--title' : '' }}"
class="van-dialog__content {{ title ? 'van-dialog__content--title' : '' }}"
>
<text>{{ message }}</text>
</view>
<view
class="zan-dialog__footer {{ buttonsShowVertical ? 'zan-dialog__footer--vertical' : 'zan-dialog__footer--horizon' }}"
class="van-dialog__footer {{ buttonsShowVertical ? 'van-dialog__footer--vertical' : 'van-dialog__footer--horizon' }}"
>
<block
wx:for="{{ buttons }}"
wx:key="{{ item.text }}-{{ item.type }}"
>
<zan-button
class="zan-dialog__button"
custom-class="{{ index === 0 ? 'zan-dialog__button-inside--first' : 'zan-dialog__button-inside' }}"
<van-button
class="van-dialog__button"
custom-class="{{ index === 0 ? 'van-dialog__button-inside--first' : 'van-dialog__button-inside' }}"
data-type="{{ item.type }}"
data-open-type="{{ item.openType }}"
open-type="{{ item.openType }}"
@ -33,7 +33,7 @@
<view
style="color: {{ item.color || '#333' }}"
>{{ item.text }}</view>
</zan-button>
</van-button>
</block>
</view>
</view>

2
dist/dialog/index.wxss vendored
View File

@ -1 +1 @@
.zan-dialog--container{width:80vw;font-size:16px;overflow:hidden;border-radius:4px;background-color:#fff;color:#333}.zan-dialog__header{padding:15px 0 0;text-align:center}.zan-dialog__content{position:relative;padding:15px 20px;line-height:1.5;min-height:40px}.zan-dialog__content::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px}.zan-dialog__content--title{color:#999;font-size:14px}.zan-dialog__footer{overflow:hidden}.zan-dialog__button{-webkit-box-flex:1;flex:1}.zan-dialog__button-inside,.zan-dialog__button-inside--first{margin-bottom:0;line-height:50px;height:50px}.zan-dialog__button-inside--first::after,.zan-dialog__button-inside::after{border-width:0;border-radius:0}.zan-dialog__footer--horizon{display:-webkit-box;display:flex}.zan-dialog__footer--horizon .zan-dialog__button-inside::after{border-left-width:1px}.zan-dialog__footer--vertical .zan-dialog__button-inside::after{border-top-width:1px}
.van-dialog--container{width:80vw;font-size:16px;overflow:hidden;border-radius:4px;background-color:#fff;color:#333}.van-dialog__header{padding:15px 0 0;text-align:center}.van-dialog__content{position:relative;padding:15px 20px;line-height:1.5;min-height:40px}.van-dialog__content::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px}.van-dialog__content--title{color:#999;font-size:14px}.van-dialog__footer{overflow:hidden}.van-dialog__button{-webkit-box-flex:1;flex:1}.van-dialog__button-inside,.van-dialog__button-inside--first{margin-bottom:0;line-height:50px;height:50px}.van-dialog__button-inside--first::after,.van-dialog__button-inside::after{border-width:0;border-radius:0}.van-dialog__footer--horizon{display:-webkit-box;display:flex}.van-dialog__footer--horizon .van-dialog__button-inside::after{border-left-width:1px}.van-dialog__footer--vertical .van-dialog__button-inside::after{border-top-width:1px}

2
dist/field/index.json vendored
View File

@ -1,6 +1,6 @@
{
"component": true,
"usingComponents": {
"zan-cell": "../cell/index"
"van-cell": "../cell/index"
}
}

18
dist/field/index.wxml vendored
View File

@ -1,11 +1,11 @@
<zan-cell
class="field-class zan-field {{ error ? 'zan-field--error' : '' }} {{ mode === 'wrapped' ? 'zan-field--wrapped' : '' }} {{ !showBorder ? 'zan-field--no-border' : '' }}"
cell-class="zan-cell--field"
<van-cell
class="field-class van-field {{ error ? 'van-field--error' : '' }} {{ mode === 'wrapped' ? 'van-field--wrapped' : '' }} {{ !showBorder ? 'van-field--no-border' : '' }}"
cell-class="van-cell--field"
>
<view
slot="icon"
wx:if="{{ title }}"
class="zan-cell__hd zan-field__title">
class="van-cell__hd van-field__title">
{{ title }}
</view>
<textarea
@ -16,8 +16,8 @@
value="{{ value }}"
placeholder="{{ placeholder }}"
maxlength="{{ maxlength }}"
class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
placeholder-class="zan-field__placeholder"
class="van-field__input van-cell__bd {{ right ? 'van-field__input--right' : '' }}"
placeholder-class="van-field__placeholder"
bindinput="handleFieldChange"
bindfocus="handleFieldFocus"
bindblur="handleFieldBlur"
@ -30,10 +30,10 @@
value="{{ value }}"
placeholder="{{ placeholder }}"
maxlength="{{ maxlength }}"
class="zan-field__input zan-cell__bd {{ right ? 'zan-field__input--right' : '' }}"
placeholder-class="zan-field__placeholder"
class="van-field__input van-cell__bd {{ right ? 'van-field__input--right' : '' }}"
placeholder-class="van-field__placeholder"
bindinput="handleFieldChange"
bindfocus="handleFieldFocus"
bindblur="handleFieldBlur"
/>
</zan-cell>
</van-cell>

2
dist/field/index.wxss vendored
View File

@ -1 +1 @@
.zan-field{display:block;position:relative;color:#333}.zan-field::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px;left:15px;right:0}.zan-field--no-border::after{border-bottom-width:0}.zan-cell--field{padding:7px 15px}.zan-field--wrapped{margin:10px 15px;background-color:#fff}.zan-field--wrapped::after{left:0;border-width:1px;border-radius:4px}.zan-field--wrapped::after{display:block}.zan-field--error{color:#f40}.zan-field--wrapped.zan-field--error::after{border-color:#f40}.zan-field__title{color:#333;min-width:65px;padding-right:10px}.zan-field__input{-webkit-box-flex:1;flex:1;line-height:1.6;padding:4px 0;min-height:22px;height:auto;font-size:14px}.zan-field__placeholder{font-size:14px}.zan-field__input--right{text-align:right}
.van-field{display:block;position:relative;color:#333}.van-field::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px;left:15px;right:0}.van-field--no-border::after{border-bottom-width:0}.van-cell--field{padding:7px 15px}.van-field--wrapped{margin:10px 15px;background-color:#fff}.van-field--wrapped::after{left:0;border-width:1px;border-radius:4px}.van-field--wrapped::after{display:block}.van-field--error{color:#f40}.van-field--wrapped.van-field--error::after{border-color:#f40}.van-field__title{color:#333;min-width:65px;padding-right:10px}.van-field__input{-webkit-box-flex:1;flex:1;line-height:1.6;padding:4px 0;min-height:22px;height:auto;font-size:14px}.van-field__placeholder{font-size:14px}.van-field__input--right{text-align:right}

2
dist/helper/index.wxss vendored
View File

@ -1 +1 @@
.zan-pull-left{float:left}.zan-pull-right{float:right}.zan-center{text-align:center}.zan-right{text-align:right}.zan-text-deleted{text-decoration:line-through}.zan-font-8{font-size:8px}.zan-font-10{font-size:10px}.zan-font-12{font-size:12px}.zan-font-14{font-size:14px}.zan-font-16{font-size:16px}.zan-font-18{font-size:18px}.zan-font-20{font-size:20px}.zan-font-22{font-size:22px}.zan-font-24{font-size:24px}.zan-font-26{font-size:26px}.zan-font-30{font-size:30px}.zan-font-bold{font-weight:700}.zan-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.zan-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zan-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zan-clearfix{zoom:1}.zan-clearfix::after{content:'';display:table;clear:both}.zan-c-red{color:#f44}.zan-c-black{color:#000}.zan-c-green{color:#06bf04}.zan-c-blue{color:#38f}.zan-c-gray{color:#c9c9c9}.zan-c-gray-dark{color:#999}.zan-c-gray-darker{color:#666}.zan-hairline,.zan-hairline--bottom,.zan-hairline--left,.zan-hairline--right,.zan-hairline--surround,.zan-hairline--top,.zan-hairline--top-bottom{position:relative}.zan-hairline--bottom::after,.zan-hairline--left::after,.zan-hairline--right::after,.zan-hairline--surround::after,.zan-hairline--top-bottom::after,.zan-hairline--top::after,.zan-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.zan-hairline--top::after{border-top-width:1px}.zan-hairline--left::after{border-left-width:1px}.zan-hairline--right::after{border-right-width:1px}.zan-hairline--bottom::after{border-bottom-width:1px}.zan-hairline--top-bottom::after{border-width:1px 0}.zan-hairline--surround::after{border-width:1px}
.van-pull-left{float:left}.van-pull-right{float:right}.van-center{text-align:center}.van-right{text-align:right}.van-text-deleted{text-decoration:line-through}.van-font-8{font-size:8px}.van-font-10{font-size:10px}.van-font-12{font-size:12px}.van-font-14{font-size:14px}.van-font-16{font-size:16px}.van-font-18{font-size:18px}.van-font-20{font-size:20px}.van-font-22{font-size:22px}.van-font-24{font-size:24px}.van-font-26{font-size:26px}.van-font-30{font-size:30px}.van-font-bold{font-weight:700}.van-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.van-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-clearfix{zoom:1}.van-clearfix::after{content:'';display:table;clear:both}.van-c-red{color:#f44}.van-c-black{color:#000}.van-c-green{color:#06bf04}.van-c-blue{color:#38f}.van-c-gray{color:#c9c9c9}.van-c-gray-dark{color:#999}.van-c-gray-darker{color:#666}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}

2
dist/icon/index.wxml vendored
View File

@ -1 +1 @@
<view class="zan-icon zan-icon-{{ type }}"></view>
<view class="van-icon van-icon-{{ type }}"></view>

2
dist/icon/index.wxss vendored
View File

@ -1 +1 @@
@font-face{font-family:zanui-weapp-icon;src:url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.eot);src:url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.eot?#iefix) format('embedded-opentype'),url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.woff2) format('woff2'),url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.woff) format('woff'),url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.ttf) format('truetype')}.zan-icon{display:inline-block}.zan-icon::before{font-family:zanui-weapp-icon!important;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased}.zan-icon-qr-invalid:before{content:'\e800'}.zan-icon-qr:before{content:'\e801'}.zan-icon-exchange:before{content:'\e802'}.zan-icon-close:before{content:'\e803'}.zan-icon-location:before{content:'\e804'}.zan-icon-upgrade:before{content:'\e805'}.zan-icon-check:before{content:'\e806'}.zan-icon-checked:before{content:'\e807'}.zan-icon-like-o:before{content:'\e808'}.zan-icon-like:before{content:'\e809'}.zan-icon-chat:before{content:'\e80a'}.zan-icon-shop:before{content:'\e80b'}.zan-icon-photograph:before{content:'\e80c'}.zan-icon-add:before{content:'\e80d'}.zan-icon-minus:before{content:'\e80e'}.zan-icon-add2:before{content:'\e80f'}.zan-icon-photo:before{content:'\e810'}.zan-icon-logistics:before{content:'\e811'}.zan-icon-edit:before{content:'\e812'}.zan-icon-passed:before{content:'\e813'}.zan-icon-cart:before{content:'\e814'}.zan-icon-shopping-cart:before{content:'\e815'}.zan-icon-arrow:before{content:'\e816'}.zan-icon-gift:before{content:'\e817'}.zan-icon-search:before{content:'\e818'}.zan-icon-clear:before{content:'\e819'}.zan-icon-success:before{content:'\e81a'}.zan-icon-fail:before{content:'\e81b'}.zan-icon-contact:before{content:'\e81c'}.zan-icon-wechat:before{content:'\e81d'}.zan-icon-alipay:before{content:'\e81e'}.zan-icon-password-view:before{content:'\e81f'}.zan-icon-password-not-view:before{content:'\e820'}.zan-icon-wap-nav:before{content:'\e821'}.zan-icon-wap-home:before{content:'\e822'}.zan-icon-ecard-pay:before{content:'\e823'}.zan-icon-balance-pay:before{content:'\e824'}.zan-icon-peer-pay:before{content:'\e825'}.zan-icon-credit-pay:before{content:'\e826'}.zan-icon-debit-pay:before{content:'\e827'}.zan-icon-other-pay:before{content:'\e828'}.zan-icon-browsing-history:before{content:'\e829'}.zan-icon-goods-collect:before{content:'\e82a'}.zan-icon-shop-collect:before{content:'\e82b'}.zan-icon-receive-gift:before{content:'\e82c'}.zan-icon-send-gift:before{content:'\e82d'}.zan-icon-setting:before{content:'\e82e'}.zan-icon-points:before{content:'\e82f'}.zan-icon-coupon:before{content:'\e830'}.zan-icon-free-postage:before{content:'\e831'}.zan-icon-discount:before{content:'\e832'}.zan-icon-birthday-privilege:before{content:'\e833'}.zan-icon-member-day-privilege:before{content:'\e834'}.zan-icon-balance-details:before{content:'\e835'}.zan-icon-cash-back-record:before{content:'\e836'}.zan-icon-points-mall:before{content:'\e837'}.zan-icon-exchange-record:before{content:'\e838'}.zan-icon-pending-payment:before{content:'\e839'}.zan-icon-pending-orders:before{content:'\e83a'}.zan-icon-pending-deliver:before{content:'\e83b'}.zan-icon-pending-evaluate:before{content:'\e83c'}.zan-icon-gift-card-pay:before{content:'\e83d'}.zan-icon-cash-on-deliver:before{content:'\e83e'}.zan-icon-underway:before{content:'\e83f'}.zan-icon-point-gift:before{content:'\e840'}.zan-icon-after-sale:before{content:'\e841'}.zan-icon-edit-data:before{content:'\e842'}.zan-icon-question:before{content:'\e843'}.zan-icon-delete:before{content:'\e844'}.zan-icon-records:before{content:'\e845'}.zan-icon-description:before{content:'\e846'}.zan-icon-card:before{content:'\e847'}.zan-icon-gift-card:before{content:'\e848'}.zan-icon-clock:before{content:'\e849'}.zan-icon-gold-coin:before{content:'\e84a'}.zan-icon-completed:before{content:'\e84b'}.zan-icon-value-card:before{content:'\e84c'}.zan-icon-certificate:before{content:'\e84d'}.zan-icon-tosend:before{content:'\e84e'}.zan-icon-sign:before{content:'\e84f'}.zan-icon-home:before{content:'\e850'}.zan-icon-phone:before{content:'\e851'}.zan-icon-add-o:before{content:'\e852'}.zan-icon-minus-o:before{content:'\e853'}.zan-icon-play:before{content:'\e854'}.zan-icon-pause:before{content:'\e855'}.zan-icon-stop:before{content:'\e856'}.zan-icon-hot:before{content:'\e857'}.zan-icon-new:before{content:'\e858'}.zan-icon-new-arrival:before{content:'\e859'}.zan-icon-hot-sale:before{content:'\e85a'}
@font-face{font-family:zanui-weapp-icon;src:url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.eot);src:url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.eot?#iefix) format('embedded-opentype'),url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.woff2) format('woff2'),url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.woff) format('woff'),url(https://b.yzcdn.cn/vant-weapp/zanui-weapp-icon-eeb0d3c52a.ttf) format('truetype')}.van-icon{display:inline-block}.van-icon::before{font-family:zanui-weapp-icon!important;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;-webkit-font-smoothing:antialiased}.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-minus:before{content:'\e80e'}.van-icon-add2:before{content:'\e80f'}.van-icon-photo:before{content:'\e810'}.van-icon-logistics:before{content:'\e811'}.van-icon-edit:before{content:'\e812'}.van-icon-passed:before{content:'\e813'}.van-icon-cart:before{content:'\e814'}.van-icon-shopping-cart:before{content:'\e815'}.van-icon-arrow:before{content:'\e816'}.van-icon-gift:before{content:'\e817'}.van-icon-search:before{content:'\e818'}.van-icon-clear:before{content:'\e819'}.van-icon-success:before{content:'\e81a'}.van-icon-fail:before{content:'\e81b'}.van-icon-contact:before{content:'\e81c'}.van-icon-wechat:before{content:'\e81d'}.van-icon-alipay:before{content:'\e81e'}.van-icon-password-view:before{content:'\e81f'}.van-icon-password-not-view:before{content:'\e820'}.van-icon-wap-nav:before{content:'\e821'}.van-icon-wap-home:before{content:'\e822'}.van-icon-ecard-pay:before{content:'\e823'}.van-icon-balance-pay:before{content:'\e824'}.van-icon-peer-pay:before{content:'\e825'}.van-icon-credit-pay:before{content:'\e826'}.van-icon-debit-pay:before{content:'\e827'}.van-icon-other-pay:before{content:'\e828'}.van-icon-browsing-history:before{content:'\e829'}.van-icon-goods-collect:before{content:'\e82a'}.van-icon-shop-collect:before{content:'\e82b'}.van-icon-receive-gift:before{content:'\e82c'}.van-icon-send-gift:before{content:'\e82d'}.van-icon-setting:before{content:'\e82e'}.van-icon-points:before{content:'\e82f'}.van-icon-coupon:before{content:'\e830'}.van-icon-free-postage:before{content:'\e831'}.van-icon-discount:before{content:'\e832'}.van-icon-birthday-privilege:before{content:'\e833'}.van-icon-member-day-privilege:before{content:'\e834'}.van-icon-balance-details:before{content:'\e835'}.van-icon-cash-back-record:before{content:'\e836'}.van-icon-points-mall:before{content:'\e837'}.van-icon-exchange-record:before{content:'\e838'}.van-icon-pending-payment:before{content:'\e839'}.van-icon-pending-orders:before{content:'\e83a'}.van-icon-pending-deliver:before{content:'\e83b'}.van-icon-pending-evaluate:before{content:'\e83c'}.van-icon-gift-card-pay:before{content:'\e83d'}.van-icon-cash-on-deliver:before{content:'\e83e'}.van-icon-underway:before{content:'\e83f'}.van-icon-point-gift:before{content:'\e840'}.van-icon-after-sale:before{content:'\e841'}.van-icon-edit-data:before{content:'\e842'}.van-icon-question:before{content:'\e843'}.van-icon-delete:before{content:'\e844'}.van-icon-records:before{content:'\e845'}.van-icon-description:before{content:'\e846'}.van-icon-card:before{content:'\e847'}.van-icon-gift-card: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'}.van-icon-add-o:before{content:'\e852'}.van-icon-minus-o:before{content:'\e853'}.van-icon-play:before{content:'\e854'}.van-icon-pause:before{content:'\e855'}.van-icon-stop:before{content:'\e856'}.van-icon-hot:before{content:'\e857'}.van-icon-new:before{content:'\e858'}.van-icon-new-arrival:before{content:'\e859'}.van-icon-hot-sale:before{content:'\e85a'}

2
dist/index.wxss vendored
View File

@ -1 +1 @@
.zan-pull-left{float:left}.zan-pull-right{float:right}.zan-center{text-align:center}.zan-right{text-align:right}.zan-text-deleted{text-decoration:line-through}.zan-font-8{font-size:8px}.zan-font-10{font-size:10px}.zan-font-12{font-size:12px}.zan-font-14{font-size:14px}.zan-font-16{font-size:16px}.zan-font-18{font-size:18px}.zan-font-20{font-size:20px}.zan-font-22{font-size:22px}.zan-font-24{font-size:24px}.zan-font-26{font-size:26px}.zan-font-30{font-size:30px}.zan-font-bold{font-weight:700}.zan-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.zan-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zan-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zan-clearfix{zoom:1}.zan-clearfix::after{content:'';display:table;clear:both}.zan-c-red{color:#f44}.zan-c-black{color:#000}.zan-c-green{color:#06bf04}.zan-c-blue{color:#38f}.zan-c-gray{color:#c9c9c9}.zan-c-gray-dark{color:#999}.zan-c-gray-darker{color:#666}.zan-hairline,.zan-hairline--bottom,.zan-hairline--left,.zan-hairline--right,.zan-hairline--surround,.zan-hairline--top,.zan-hairline--top-bottom{position:relative}.zan-hairline--bottom::after,.zan-hairline--left::after,.zan-hairline--right::after,.zan-hairline--surround::after,.zan-hairline--top-bottom::after,.zan-hairline--top::after,.zan-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.zan-hairline--top::after{border-top-width:1px}.zan-hairline--left::after{border-left-width:1px}.zan-hairline--right::after{border-right-width:1px}.zan-hairline--bottom::after{border-bottom-width:1px}.zan-hairline--top-bottom::after{border-width:1px 0}.zan-hairline--surround::after{border-width:1px}
.van-pull-left{float:left}.van-pull-right{float:right}.van-center{text-align:center}.van-right{text-align:right}.van-text-deleted{text-decoration:line-through}.van-font-8{font-size:8px}.van-font-10{font-size:10px}.van-font-12{font-size:12px}.van-font-14{font-size:14px}.van-font-16{font-size:16px}.van-font-18{font-size:18px}.van-font-20{font-size:20px}.van-font-22{font-size:22px}.van-font-24{font-size:24px}.van-font-26{font-size:26px}.van-font-30{font-size:30px}.van-font-bold{font-weight:700}.van-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.van-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-clearfix{zoom:1}.van-clearfix::after{content:'';display:table;clear:both}.van-c-red{color:#f44}.van-c-black{color:#000}.van-c-green{color:#06bf04}.van-c-blue{color:#38f}.van-c-gray{color:#c9c9c9}.van-c-gray-dark{color:#999}.van-c-gray-darker{color:#666}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}

14
dist/loadmore/index.wxml vendored
View File

@ -1,12 +1,12 @@
<view class="zan-loadmore">
<view class="van-loadmore">
<block wx:if="{{ type === 'loading' }}">
<view class="zan-loading"></view>
<view class="zan-loadmore__tips">加载中...</view>
<view class="van-loading"></view>
<view class="van-loadmore__tips">加载中...</view>
</block>
<block wx:elif="{{ type === 'text' }}">
<view class="zan-loadmore__line"></view>
<text wx:if="{{ text }}" class="zan-loadmore__text">{{ text }}</text>
<view wx:else class="zan-loadmore__dot"></view>
<view class="zan-loadmore__line"></view>
<view class="van-loadmore__line"></view>
<text wx:if="{{ text }}" class="van-loadmore__text">{{ text }}</text>
<view wx:else class="van-loadmore__dot"></view>
<view class="van-loadmore__line"></view>
</block>
</view>

2
dist/loadmore/index.wxss vendored
View File

@ -1 +1 @@
.zan-loadmore{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;min-height:24px;line-height:24px;font-size:12px}.zan-loadmore__line{-webkit-box-flex:1;flex:1;height:1px;position:relative}.zan-loadmore__line::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px}.zan-loadmore__dot,.zan-loadmore__text{margin:0 5px}.zan-loadmore__dot{content:"";width:4px;height:4px;border-radius:50%;background-color:#e5e5e5;display:inline-block;vertical-align:middle}.zan-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;-webkit-animation:weuiLoading 1s steps(12,end) infinite;animation:weuiLoading 1s steps(12,end) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;background-size:100%}.zan-loadmore__tips{display:inline-block;vertical-align:middle;height:24px;line-height:24px}
.van-loadmore{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;min-height:24px;line-height:24px;font-size:12px}.van-loadmore__line{-webkit-box-flex:1;flex:1;height:1px;position:relative}.van-loadmore__line::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-bottom-width:1px}.van-loadmore__dot,.van-loadmore__text{margin:0 5px}.van-loadmore__dot{content:"";width:4px;height:4px;border-radius:50%;background-color:#e5e5e5;display:inline-block;vertical-align:middle}.van-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;-webkit-animation:weuiLoading 1s steps(12,end) infinite;animation:weuiLoading 1s steps(12,end) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;background-size:100%}.van-loadmore__tips{display:inline-block;vertical-align:middle;height:24px;line-height:24px}

4
dist/noticebar/index.js vendored
View File

@ -89,7 +89,7 @@ Component({
_init: function _init() {
var _this = this;
wx.createSelectorQuery().in(this).select('.zan-noticebar__content').boundingClientRect(function (rect) {
wx.createSelectorQuery().in(this).select('.van-noticebar__content').boundingClientRect(function (rect) {
if (!rect || !rect.width) {
return;
}
@ -97,7 +97,7 @@ Component({
width: rect.width
});
wx.createSelectorQuery().in(_this).select('.zan-noticebar__content-wrap').boundingClientRect(function (rect) {
wx.createSelectorQuery().in(_this).select('.van-noticebar__content-wrap').boundingClientRect(function (rect) {
if (!rect || !rect.width) {
return;
}

2
dist/noticebar/index.json vendored
View File

@ -1,6 +1,6 @@
{
"component": true,
"usingComponents": {
"zan-icon": "../icon/index"
"van-icon": "../icon/index"
}
}

14
dist/noticebar/index.wxml vendored
View File

@ -1,21 +1,21 @@
<view
wx:if="{{ show }}"
class="zan-noticebar {{ hasRightIcon ? 'zan-noticebar--within-icon' : '' }}"
class="van-noticebar {{ hasRightIcon ? 'van-noticebar--within-icon' : '' }}"
style="color: {{ color }};background-color: {{ backgroundColor }}"
>
<view wx:if="{{ leftIcon }}" class="zan-noticebar__left-icon">
<view wx:if="{{ leftIcon }}" class="van-noticebar__left-icon">
<image src="{{ leftIcon }}" />
</view>
<view class="zan-noticebar__content-wrap">
<view class="zan-noticebar__content" animation="{{ animationData }}">
<view class="van-noticebar__content-wrap">
<view class="van-noticebar__content" animation="{{ animationData }}">
{{ text }}
</view>
</view>
<block wx:if="{{ mode }}">
<zan-icon
<van-icon
wx:if="{{ mode === 'closeable' }}"
class="zan-noticebar__right-icon"
class="van-noticebar__right-icon"
type="close"
bindtap="_handleButtonClick"
/>
@ -24,7 +24,7 @@
url="{{ url }}"
open-type="{{ openType }}"
>
<zan-icon class="zan-noticebar__right-icon" type="arrow" />
<van-icon class="van-noticebar__right-icon" type="arrow" />
</navigator>
</block>

2
dist/noticebar/index.wxss vendored
View File

@ -1 +1 @@
.zan-noticebar{display:-webkit-box;display:flex;padding:9px 10px;font-size:12px;line-height:1.5}.zan-noticebar--within-icon{position:relative;padding-right:30px}.zan-noticebar__left-icon{height:18px;min-width:20px;padding-top:1px;box-sizing:border-box}.zan-noticebar__left-icon>image{width:16px;height:16px}.zan-noticebar__right-icon{position:absolute;top:10px;right:10px;font-size:15px;line-height:1}.zan-noticebar__content-wrap{position:relative;-webkit-box-flex:1;flex:1;height:18px;overflow:hidden}.zan-noticebar__content{position:absolute;white-space:nowrap}
.van-noticebar{display:-webkit-box;display:flex;padding:9px 10px;font-size:12px;line-height:1.5}.van-noticebar--within-icon{position:relative;padding-right:30px}.van-noticebar__left-icon{height:18px;min-width:20px;padding-top:1px;box-sizing:border-box}.van-noticebar__left-icon>image{width:16px;height:16px}.van-noticebar__right-icon{position:absolute;top:10px;right:10px;font-size:15px;line-height:1}.van-noticebar__content-wrap{position:relative;-webkit-box-flex:1;flex:1;height:18px;overflow:hidden}.van-noticebar__content{position:absolute;white-space:nowrap}

6
dist/panel/index.wxml vendored
View File

@ -1,9 +1,9 @@
<view class="zan-panel">
<view class="van-panel">
<view
wx:if="{{ title }}"
class="zan-panel__title">{{ title }}</view>
class="van-panel__title">{{ title }}</view>
<view
class="zan-panel__content {{ hideBorder ? 'zan-panel--without-border' : '' }}"
class="van-panel__content {{ hideBorder ? 'van-panel--without-border' : '' }}"
>
<slot></slot>
</view>

2
dist/panel/index.wxss vendored
View File

@ -1 +1 @@
.zan-panel{position:relative;overflow:hidden}.zan-panel__title{font-size:14px;line-height:1;color:#999;padding:20px 15px 10px 15px}.zan-panel__content{position:relative;background:#fff;overflow:hidden}.zan-panel__content::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-top-width:1px;border-bottom-width:1px}.zan-panel--without-border::after{border:0 none}
.van-panel{position:relative;overflow:hidden}.van-panel__title{font-size:14px;line-height:1;color:#999;padding:20px 15px 10px 15px}.van-panel__content{position:relative;background:#fff;overflow:hidden}.van-panel__content::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-top-width:1px;border-bottom-width:1px}.van-panel--without-border::after{border:0 none}

2
dist/radio/index.json vendored
View File

@ -1,6 +1,6 @@
{
"component": true,
"usingComponents": {
"zan-icon": "../icon/index"
"van-icon": "../icon/index"
}
}

14
dist/radio/index.wxml vendored
View File

@ -1,27 +1,27 @@
<radio-group
class="zan-radio radio-class"
class="van-radio radio-class"
bindchange="radioChange"
wx:if="{{ items && items.length }}"
>
<label
class="zan-radio__label {{ type === 'list' ? 'zan-radio__list-item' : 'zan-radio__item'}}"
class="van-radio__label {{ type === 'list' ? 'van-radio__list-item' : 'van-radio__item'}}"
wx:for="{{ items }}"
wx:key="{{ item.value }}"
wx:for-item="item"
wx:for-index="index"
>
<view class="zan-radio__icon-wrap">
<view class="zan-radio__icon {{ item.disabled ? 'zan-radio--disabled' : '' }} {{ item.checked ? 'zan-radio--checked radio-color' : '' }}">
<view class="zan-radio__icon-inside"></view>
<view class="van-radio__icon-wrap">
<view class="van-radio__icon {{ item.disabled ? 'van-radio--disabled' : '' }} {{ item.checked ? 'van-radio--checked radio-color' : '' }}">
<view class="van-radio__icon-inside"></view>
</view>
<radio
class="zan-radio__origin"
class="van-radio__origin"
value="{{ item.name }}"
checked="{{ item.checked }}"
disabled="{{ item.disabled }}"
/>
</view>
<view class="zan-radio__name">
<view class="van-radio__name">
{{item.value}}
</view>
</label>

2
dist/radio/index.wxss vendored
View File

@ -1 +1 @@
.zan-radio{display:block;padding:0 10px;font-size:14px}.zan-radio__item{display:block;margin-top:10px;height:20px}.zan-radio__item:last-child{margin-bottom:10px}.zan-radio__list-item{display:block;padding:10px 10px 10px 0;border-bottom:1px solid #e5e5e5}.zan-radio__list-item .zan-radio__icon-wrap{float:right;margin-top:3px}.zan-radio__icon-wrap{position:relative;width:14px;height:15px;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;color:#aaa}.zan-radio__icon-wrap .zan-radio__origin{opacity:0;width:14px;height:20px}.zan-radio__icon-wrap .zan-radio__icon{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid #dcdfe6;border-radius:100%;width:14px;height:14px;background-color:#fff;cursor:pointer;box-sizing:border-box}.zan-radio__icon-wrap .zan-radio__icon .zan-radio__icon-inside{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%}.zan-radio__icon-wrap .zan-radio__icon.zan-radio--checked{border-color:#06bf04;background:#06bf04}.zan-radio__icon-wrap .zan-radio__icon.zan-radio--checked .zan-radio__icon-inside{background-color:#fff}.zan-radio__icon-wrap .zan-radio__icon.zan-radio--disabled{opacity:.6}.zan-radio__name{display:inline-block;margin-left:10px}
.van-radio{display:block;padding:0 10px;font-size:14px}.van-radio__item{display:block;margin-top:10px;height:20px}.van-radio__item:last-child{margin-bottom:10px}.van-radio__list-item{display:block;padding:10px 10px 10px 0;border-bottom:1px solid #e5e5e5}.van-radio__list-item .van-radio__icon-wrap{float:right;margin-top:3px}.van-radio__icon-wrap{position:relative;width:14px;height:15px;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;color:#aaa}.van-radio__icon-wrap .van-radio__origin{opacity:0;width:14px;height:20px}.van-radio__icon-wrap .van-radio__icon{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid #dcdfe6;border-radius:100%;width:14px;height:14px;background-color:#fff;cursor:pointer;box-sizing:border-box}.van-radio__icon-wrap .van-radio__icon .van-radio__icon-inside{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:4px;height:4px;border-radius:50%}.van-radio__icon-wrap .van-radio__icon.van-radio--checked{border-color:#06bf04;background:#06bf04}.van-radio__icon-wrap .van-radio__icon.van-radio--checked .van-radio__icon-inside{background-color:#fff}.van-radio__icon-wrap .van-radio__icon.van-radio--disabled{opacity:.6}.van-radio__name{display:inline-block;margin-left:10px}

2
dist/row/index.wxml vendored
View File

@ -1 +1 @@
<view class="row-class zan-row"><slot></slot></view>
<view class="row-class van-row"><slot></slot></view>

2
dist/row/index.wxss vendored
View File

@ -1 +1 @@
.zan-row:after{content:"";display:table;clear:both}
.van-row:after{content:"";display:table;clear:both}

12
dist/search/index.wxml vendored
View File

@ -1,16 +1,16 @@
<view
class="zan-search {{ searchClass }}"
class="van-search {{ searchClass }}"
style="{{ searchStyle }}"
>
<view
class="zan-search__form {{ useCancel ? 'zan-search__form--cancel' : '' }} input-class"
class="van-search__form {{ useCancel ? 'van-search__form--cancel' : '' }} input-class"
style="{{ inputStyle }}"
>
<icon type="search" size="15" color="#a9a9a9" />
<input
class="zan-search__input"
class="van-search__input"
placeholder="{{ placeholder }}"
placeholder-class="zan-search__placeholder"
placeholder-class="van-search__placeholder"
confirm-type="search"
bindfocus="focus"
bindblur="blur"
@ -22,7 +22,7 @@
/>
<icon
wx:if="{{keyword}}"
class="zan-search__clear"
class="van-search__clear"
type="clear"
size="14"
color="#bbb"
@ -30,7 +30,7 @@
/>
</view>
<view
class="zan-search__cancel cancel-class"
class="van-search__cancel cancel-class"
wx:if="{{ useCancel }}"
bindtap="cancelSearch"
style="{{ cancelStyle }}"

2
dist/search/index.wxss vendored
View File

@ -1 +1 @@
.zan-search{box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;background:0 0;padding:5px 10px}.zan-search.center-placeholder{background:#fff}.zan-search.center-placeholder .zan-search__form{margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:none}.zan-search.zan-cell::after{display:none}.zan-search__form{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;background:#fff;border-radius:4rpx;height:64rpx;line-height:56rpx;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}.zan-search picker{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:100%;padding-right:20rpx}.zan-search__form .picker{position:relative;width:110rpx;height:100%;color:#666;font-size:28rpx;margin-left:20rpx}.zan-search__form .picker::after{content:'';width:0;height:0;position:absolute;right:0;top:50%;margin-top:-6rpx;border-top:12rpx solid #333;border-right:8rpx solid transparent;border-left:8rpx solid transparent}.zan-search__form input{height:100%;-webkit-box-flex:1;flex:1;padding:0 20rpx;font-size:28rpx;color:#333}.zan-search__form icon{margin-left:20rpx;line-height:1}.zan-search__clear{padding:12rpx 20rpx}.zan-search__placeholder{font-size:28rpx;color:#cacaca}.zan-search__cancel{align-self:stretch;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;padding-left:30rpx;font-size:28rpx;color:#38f}
.van-search{box-sizing:border-box;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center;background:0 0;padding:5px 10px}.van-search.center-placeholder{background:#fff}.van-search.center-placeholder .van-search__form{margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:none}.van-search.van-cell::after{display:none}.van-search__form{display:-webkit-box;display:flex;-webkit-box-flex:1;flex:1;background:#fff;border-radius:4rpx;height:64rpx;line-height:56rpx;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}.van-search picker{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:100%;padding-right:20rpx}.van-search__form .picker{position:relative;width:110rpx;height:100%;color:#666;font-size:28rpx;margin-left:20rpx}.van-search__form .picker::after{content:'';width:0;height:0;position:absolute;right:0;top:50%;margin-top:-6rpx;border-top:12rpx solid #333;border-right:8rpx solid transparent;border-left:8rpx solid transparent}.van-search__form input{height:100%;-webkit-box-flex:1;flex:1;padding:0 20rpx;font-size:28rpx;color:#333}.van-search__form icon{margin-left:20rpx;line-height:1}.van-search__clear{padding:12rpx 20rpx}.van-search__placeholder{font-size:28rpx;color:#cacaca}.van-search__cancel{align-self:stretch;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;padding-left:30rpx;font-size:28rpx;color:#38f}

4
dist/select/index.json vendored
View File

@ -1,7 +1,7 @@
{
"component": true,
"usingComponents": {
"zan-icon": "../icon/index",
"zan-cell": "../cell/index"
"van-icon": "../icon/index",
"van-cell": "../cell/index"
}
}

10
dist/select/index.wxml vendored
View File

@ -1,18 +1,18 @@
<radio-group
class="zan-select__list"
class="van-select__list"
bindchange="handleSelectChange"
>
<label wx:for="{{ items }}" wx:key="value">
<zan-cell>
<radio class="zan-select__radio" value="{{ item.value }}" checked="{{ item.value === checkedValue }}"/>
<van-cell>
<radio class="van-select__radio" value="{{ item.value }}" checked="{{ item.value === checkedValue }}"/>
<span style="{{ parse.getItemStyle(item, checkedValue, activeColor) }}">{{ item.name }}</span>
<zan-icon
<van-icon
wx:if="{{ item.value === checkedValue }}"
slot="footer"
type="success"
style="color: {{ parse.getColor(activeColor) }};font-size: 14px;"
/>
</zan-cell>
</van-cell>
</label>
</radio-group>

2
dist/select/index.wxss vendored
View File

@ -1 +1 @@
.zan-select__list .zan-select__radio{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0}
.van-select__list .van-select__radio{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0}

8
dist/stepper/index.wxml vendored
View File

@ -1,20 +1,20 @@
<view class="zan-stepper zan-stepper--{{ size }}">
<view class="van-stepper van-stepper--{{ size }}">
<view
class="zan-stepper__minus {{ stepper <= min ? 'zan-stepper--disabled' : '' }}"
class="van-stepper__minus {{ stepper <= min ? 'van-stepper--disabled' : '' }}"
data-disabled="{{ stepper <= min }}"
bindtap="handleZanStepperMinus"
>
-
</view>
<input
class="zan-stepper__text {{ min >= max ? 'zan-stepper--disabled' : '' }}"
class="van-stepper__text {{ min >= max ? 'van-stepper--disabled' : '' }}"
type="number"
value="{{ stepper }}"
disabled="{{ min >= max }}"
bindblur="handleZanStepperBlur"
/>
<view
class="zan-stepper__plus {{ stepper >= max ? 'zan-stepper--disabled' : '' }}"
class="van-stepper__plus {{ stepper >= max ? 'van-stepper--disabled' : '' }}"
data-disabled="{{ stepper >= max }}"
bindtap="handleZanStepperPlus"
>

2
dist/stepper/index.wxss vendored
View File

@ -1 +1 @@
.zan-stepper{color:#666}.zan-stepper view{display:inline-block;padding:5px 0;text-align:center;box-sizing:border-box;vertical-align:middle;font-size:12px;border:1rpx solid #999}.zan-stepper .zan-stepper__minus{border-right:none;border-radius:2px 0 0 2px}.zan-stepper .zan-stepper__text{border:1rpx solid #999;display:inline-block;text-align:center;vertical-align:middle;min-height:auto;font-size:12px}.zan-stepper .zan-stepper__plus{border-left:none;border-radius:0 2px 2px 0}.zan-stepper .zan-stepper--disabled{background:#f8f8f8;color:#bbb;border-color:#e8e8e8}.zan-stepper--small view{min-width:36px;line-height:18px}.zan-stepper--small .zan-stepper__text{width:36px;line-height:28px;height:28px}.zan-stepper--middle view{min-width:40px;line-height:20px}.zan-stepper--middle .zan-stepper__text{width:40px;line-height:30px;height:30px}.zan-stepper--large view{min-width:44px;line-height:22px}.zan-stepper--large .zan-stepper__text{width:44px;line-height:32px;height:32px}
.van-stepper{color:#666}.van-stepper view{display:inline-block;padding:5px 0;text-align:center;box-sizing:border-box;vertical-align:middle;font-size:12px;border:1rpx solid #999}.van-stepper .van-stepper__minus{border-right:none;border-radius:2px 0 0 2px}.van-stepper .van-stepper__text{border:1rpx solid #999;display:inline-block;text-align:center;vertical-align:middle;min-height:auto;font-size:12px}.van-stepper .van-stepper__plus{border-left:none;border-radius:0 2px 2px 0}.van-stepper .van-stepper--disabled{background:#f8f8f8;color:#bbb;border-color:#e8e8e8}.van-stepper--small view{min-width:36px;line-height:18px}.van-stepper--small .van-stepper__text{width:36px;line-height:28px;height:28px}.van-stepper--middle view{min-width:40px;line-height:20px}.van-stepper--middle .van-stepper__text{width:40px;line-height:30px;height:30px}.van-stepper--large view{min-width:44px;line-height:22px}.van-stepper--large .van-stepper__text{width:44px;line-height:32px;height:32px}

14
dist/steps/index.wxml vendored
View File

@ -1,13 +1,13 @@
<view class="steps-class zan-steps zan-steps--{{ type == 'vertical' ? 'vsteps' : 'steps' }} zan-steps--{{ steps.length }} {{ className }}">
<view class="steps-class van-steps van-steps--{{ type == 'vertical' ? 'vsteps' : 'steps' }} van-steps--{{ steps.length }} {{ className }}">
<view
wx:for="{{ steps }}" wx:for-item="step" wx:key="unique" wx:for-index="index"
class="zan-steps__step {{ hasDesc ? 'zan-steps__step--db-title' : '' }} {{ index == 0 ? 'zan-steps__step--first-child' : '' }} {{ index == steps.length - 1 ? 'zan-steps__step--last-child' : '' }} {{ step.done ? 'zan-steps__step--done' : '' }} {{ step.current ? 'zan-steps__step--cur' : '' }}"
class="van-steps__step {{ hasDesc ? 'van-steps__step--db-title' : '' }} {{ index == 0 ? 'van-steps__step--first-child' : '' }} {{ index == steps.length - 1 ? 'van-steps__step--last-child' : '' }} {{ step.done ? 'van-steps__step--done' : '' }} {{ step.current ? 'van-steps__step--cur' : '' }}"
>
<view class="zan-steps__title title-class">{{ step.text }}</view>
<view wx:if="{{ hasDesc && step.desc }}" class="zan-steps__title zan-steps__title--desc desc-class">{{ step.desc }}</view>
<view class="zan-steps__icons icon-class">
<view class="zan-steps__circle"></view>
<view class="van-steps__title title-class">{{ step.text }}</view>
<view wx:if="{{ hasDesc && step.desc }}" class="van-steps__title van-steps__title--desc desc-class">{{ step.desc }}</view>
<view class="van-steps__icons icon-class">
<view class="van-steps__circle"></view>
</view>
<view class="zan-steps__line"></view>
<view class="van-steps__line"></view>
</view>
</view>

2
dist/steps/index.wxss vendored
View File

@ -1 +1 @@
.zan-steps--steps.zan-steps--5 .zan-steps__step{width:25%}.zan-steps--steps.zan-steps--4 .zan-steps__step{width:33%}.zan-steps--steps.zan-steps--3 .zan-steps__step{width:50%}.zan-steps--steps .zan-steps__step{position:relative;float:left;padding-bottom:25px;color:#b1b1b1;width:100%}.zan-steps--steps .zan-steps__title{-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:10px;text-align:center}.zan-steps--steps .zan-steps__icons{position:absolute;top:30px;left:-10px;padding:0 8px;background-color:#fff;z-index:10}.zan-steps--steps .zan-steps__circle{display:block;position:relative;width:5px;height:5px;background-color:#e5e5e5;border-radius:50%}.zan-steps--steps .zan-steps__line{position:absolute;left:0;top:32px;width:100%;height:1px;background-color:#e5e5e5}.zan-steps--steps .zan-steps__step--done{color:#333}.zan-steps--steps .zan-steps__step--done .zan-steps__line{background-color:#06bf04}.zan-steps--steps .zan-steps__step--done .zan-steps__circle{width:5px;height:5px;background-color:#09bb07}.zan-steps--steps .zan-steps__step--cur .zan-steps__icons{top:25px;left:-14px}.zan-steps--steps .zan-steps__step--cur .zan-steps__circle{width:13px;height:13px;background-image:url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px}.zan-steps--steps .zan-steps__step--cur .zan-steps__line{background-color:#e5e5e5}.zan-steps--steps .zan-steps__step--first-child .zan-steps__title{margin-left:0;-webkit-transform:none;transform:none;text-align:left}.zan-steps--steps .zan-steps__step--first-child .zan-steps__icons{left:-7px}.zan-steps--steps .zan-steps__step--last-child{position:absolute;right:0;top:0;text-align:right}.zan-steps--steps .zan-steps__step--last-child .zan-steps__title{-webkit-transform:none;transform:none;text-align:right}.zan-steps--steps .zan-steps__step--last-child .zan-steps__icons{left:auto;right:-6px}.zan-steps--steps .zan-steps__step--last-child .zan-steps__line{display:none}.zan-steps--steps .zan-steps__step--db-title{min-height:29px}.zan-steps--steps .zan-steps__step--db-title .zan-steps__line{top:45px}.zan-steps--steps .zan-steps__step--db-title .zan-steps__icons{top:43px}.zan-steps--steps .zan-steps__step--db-title.zan-steps__step--cur .zan-steps__icons{top:39px}.zan-steps--vsteps{color:#999;font-size:14px}.zan-steps--vsteps .zan-steps__step{position:relative;padding:15px 0}.zan-steps--vsteps .zan-steps__step--done{color:#4b0}.zan-steps--vsteps .zan-steps__line{position:absolute;top:0;bottom:0;left:7px;width:1px;background-color:#e5e5e5}.zan-steps--vsteps .zan-steps__title{display:inline-block;line-height:20px;padding-left:27px}.zan-steps--vsteps .zan-steps__title--desc{padding-left:3px}.zan-steps--vsteps .zan-steps__icons{position:absolute;left:7px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;padding:3px 0;background-color:#fff}.zan-steps--vsteps .zan-steps__circle{width:5px;height:5px;background-color:#e5e5e5;border-radius:10px}.zan-steps--vsteps .zan-steps__step--done .zan-steps__circle{width:5px;height:5px;background-color:#09bb07}.zan-steps--vsteps .zan-steps__step--cur .zan-steps__circle{width:13px;height:13px;background:transparent url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px;border-radius:0}.zan-steps--vsteps .zan-steps__icon--active{width:13px;height:13px}.zan-steps--vsteps .zan-steps__step--first-child .zan-steps__title::before{content:'';position:absolute;top:0;bottom:50%;left:7px;width:1px;background-color:#fff;z-index:1}.zan-steps--vsteps .zan-steps__step--last-child .zan-steps__title::after{content:'';position:absolute;top:50%;bottom:0;left:7px;width:1px;background-color:#fff;z-index:1}.zan-steps{position:relative}
.van-steps--steps.van-steps--5 .van-steps__step{width:25%}.van-steps--steps.van-steps--4 .van-steps__step{width:33%}.van-steps--steps.van-steps--3 .van-steps__step{width:50%}.van-steps--steps .van-steps__step{position:relative;float:left;padding-bottom:25px;color:#b1b1b1;width:100%}.van-steps--steps .van-steps__title{-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:10px;text-align:center}.van-steps--steps .van-steps__icons{position:absolute;top:30px;left:-10px;padding:0 8px;background-color:#fff;z-index:10}.van-steps--steps .van-steps__circle{display:block;position:relative;width:5px;height:5px;background-color:#e5e5e5;border-radius:50%}.van-steps--steps .van-steps__line{position:absolute;left:0;top:32px;width:100%;height:1px;background-color:#e5e5e5}.van-steps--steps .van-steps__step--done{color:#333}.van-steps--steps .van-steps__step--done .van-steps__line{background-color:#06bf04}.van-steps--steps .van-steps__step--done .van-steps__circle{width:5px;height:5px;background-color:#09bb07}.van-steps--steps .van-steps__step--cur .van-steps__icons{top:25px;left:-14px}.van-steps--steps .van-steps__step--cur .van-steps__circle{width:13px;height:13px;background-image:url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px}.van-steps--steps .van-steps__step--cur .van-steps__line{background-color:#e5e5e5}.van-steps--steps .van-steps__step--first-child .van-steps__title{margin-left:0;-webkit-transform:none;transform:none;text-align:left}.van-steps--steps .van-steps__step--first-child .van-steps__icons{left:-7px}.van-steps--steps .van-steps__step--last-child{position:absolute;right:0;top:0;text-align:right}.van-steps--steps .van-steps__step--last-child .van-steps__title{-webkit-transform:none;transform:none;text-align:right}.van-steps--steps .van-steps__step--last-child .van-steps__icons{left:auto;right:-6px}.van-steps--steps .van-steps__step--last-child .van-steps__line{display:none}.van-steps--steps .van-steps__step--db-title{min-height:29px}.van-steps--steps .van-steps__step--db-title .van-steps__line{top:45px}.van-steps--steps .van-steps__step--db-title .van-steps__icons{top:43px}.van-steps--steps .van-steps__step--db-title.van-steps__step--cur .van-steps__icons{top:39px}.van-steps--vsteps{color:#999;font-size:14px}.van-steps--vsteps .van-steps__step{position:relative;padding:15px 0}.van-steps--vsteps .van-steps__step--done{color:#4b0}.van-steps--vsteps .van-steps__line{position:absolute;top:0;bottom:0;left:7px;width:1px;background-color:#e5e5e5}.van-steps--vsteps .van-steps__title{display:inline-block;line-height:20px;padding-left:27px}.van-steps--vsteps .van-steps__title--desc{padding-left:3px}.van-steps--vsteps .van-steps__icons{position:absolute;left:7px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;padding:3px 0;background-color:#fff}.van-steps--vsteps .van-steps__circle{width:5px;height:5px;background-color:#e5e5e5;border-radius:10px}.van-steps--vsteps .van-steps__step--done .van-steps__circle{width:5px;height:5px;background-color:#09bb07}.van-steps--vsteps .van-steps__step--cur .van-steps__circle{width:13px;height:13px;background:transparent url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px;border-radius:0}.van-steps--vsteps .van-steps__icon--active{width:13px;height:13px}.van-steps--vsteps .van-steps__step--first-child .van-steps__title::before{content:'';position:absolute;top:0;bottom:50%;left:7px;width:1px;background-color:#fff;z-index:1}.van-steps--vsteps .van-steps__step--last-child .van-steps__title::after{content:'';position:absolute;top:50%;bottom:0;left:7px;width:1px;background-color:#fff;z-index:1}.van-steps{position:relative}

2
dist/steps/wxss/step.wxss vendored
View File

@ -1 +1 @@
.zan-steps--steps.zan-steps--5 .zan-steps__step{width:25%}.zan-steps--steps.zan-steps--4 .zan-steps__step{width:33%}.zan-steps--steps.zan-steps--3 .zan-steps__step{width:50%}.zan-steps--steps .zan-steps__step{position:relative;float:left;padding-bottom:25px;color:#b1b1b1;width:100%}.zan-steps--steps .zan-steps__title{-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:10px;text-align:center}.zan-steps--steps .zan-steps__icons{position:absolute;top:30px;left:-10px;padding:0 8px;background-color:#fff;z-index:10}.zan-steps--steps .zan-steps__circle{display:block;position:relative;width:5px;height:5px;background-color:#e5e5e5;border-radius:50%}.zan-steps--steps .zan-steps__line{position:absolute;left:0;top:32px;width:100%;height:1px;background-color:#e5e5e5}.zan-steps--steps .zan-steps__step--done{color:#333}.zan-steps--steps .zan-steps__step--done .zan-steps__line{background-color:#06bf04}.zan-steps--steps .zan-steps__step--done .zan-steps__circle{width:5px;height:5px;background-color:#09bb07}.zan-steps--steps .zan-steps__step--cur .zan-steps__icons{top:25px;left:-14px}.zan-steps--steps .zan-steps__step--cur .zan-steps__circle{width:13px;height:13px;background-image:url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px}.zan-steps--steps .zan-steps__step--cur .zan-steps__line{background-color:#e5e5e5}.zan-steps--steps .zan-steps__step--first-child .zan-steps__title{margin-left:0;-webkit-transform:none;transform:none;text-align:left}.zan-steps--steps .zan-steps__step--first-child .zan-steps__icons{left:-7px}.zan-steps--steps .zan-steps__step--last-child{position:absolute;right:0;top:0;text-align:right}.zan-steps--steps .zan-steps__step--last-child .zan-steps__title{-webkit-transform:none;transform:none;text-align:right}.zan-steps--steps .zan-steps__step--last-child .zan-steps__icons{left:auto;right:-6px}.zan-steps--steps .zan-steps__step--last-child .zan-steps__line{display:none}.zan-steps--steps .zan-steps__step--db-title{min-height:29px}.zan-steps--steps .zan-steps__step--db-title .zan-steps__line{top:45px}.zan-steps--steps .zan-steps__step--db-title .zan-steps__icons{top:43px}.zan-steps--steps .zan-steps__step--db-title.zan-steps__step--cur .zan-steps__icons{top:39px}
.van-steps--steps.van-steps--5 .van-steps__step{width:25%}.van-steps--steps.van-steps--4 .van-steps__step{width:33%}.van-steps--steps.van-steps--3 .van-steps__step{width:50%}.van-steps--steps .van-steps__step{position:relative;float:left;padding-bottom:25px;color:#b1b1b1;width:100%}.van-steps--steps .van-steps__title{-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:10px;text-align:center}.van-steps--steps .van-steps__icons{position:absolute;top:30px;left:-10px;padding:0 8px;background-color:#fff;z-index:10}.van-steps--steps .van-steps__circle{display:block;position:relative;width:5px;height:5px;background-color:#e5e5e5;border-radius:50%}.van-steps--steps .van-steps__line{position:absolute;left:0;top:32px;width:100%;height:1px;background-color:#e5e5e5}.van-steps--steps .van-steps__step--done{color:#333}.van-steps--steps .van-steps__step--done .van-steps__line{background-color:#06bf04}.van-steps--steps .van-steps__step--done .van-steps__circle{width:5px;height:5px;background-color:#09bb07}.van-steps--steps .van-steps__step--cur .van-steps__icons{top:25px;left:-14px}.van-steps--steps .van-steps__step--cur .van-steps__circle{width:13px;height:13px;background-image:url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px}.van-steps--steps .van-steps__step--cur .van-steps__line{background-color:#e5e5e5}.van-steps--steps .van-steps__step--first-child .van-steps__title{margin-left:0;-webkit-transform:none;transform:none;text-align:left}.van-steps--steps .van-steps__step--first-child .van-steps__icons{left:-7px}.van-steps--steps .van-steps__step--last-child{position:absolute;right:0;top:0;text-align:right}.van-steps--steps .van-steps__step--last-child .van-steps__title{-webkit-transform:none;transform:none;text-align:right}.van-steps--steps .van-steps__step--last-child .van-steps__icons{left:auto;right:-6px}.van-steps--steps .van-steps__step--last-child .van-steps__line{display:none}.van-steps--steps .van-steps__step--db-title{min-height:29px}.van-steps--steps .van-steps__step--db-title .van-steps__line{top:45px}.van-steps--steps .van-steps__step--db-title .van-steps__icons{top:43px}.van-steps--steps .van-steps__step--db-title.van-steps__step--cur .van-steps__icons{top:39px}

2
dist/steps/wxss/vstep.wxss vendored
View File

@ -1 +1 @@
.zan-steps--vsteps{color:#999;font-size:14px}.zan-steps--vsteps .zan-steps__step{position:relative;padding:15px 0}.zan-steps--vsteps .zan-steps__step--done{color:#4b0}.zan-steps--vsteps .zan-steps__line{position:absolute;top:0;bottom:0;left:7px;width:1px;background-color:#e5e5e5}.zan-steps--vsteps .zan-steps__title{display:inline-block;line-height:20px;padding-left:27px}.zan-steps--vsteps .zan-steps__title--desc{padding-left:3px}.zan-steps--vsteps .zan-steps__icons{position:absolute;left:7px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;padding:3px 0;background-color:#fff}.zan-steps--vsteps .zan-steps__circle{width:5px;height:5px;background-color:#e5e5e5;border-radius:10px}.zan-steps--vsteps .zan-steps__step--done .zan-steps__circle{width:5px;height:5px;background-color:#09bb07}.zan-steps--vsteps .zan-steps__step--cur .zan-steps__circle{width:13px;height:13px;background:transparent url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px;border-radius:0}.zan-steps--vsteps .zan-steps__icon--active{width:13px;height:13px}.zan-steps--vsteps .zan-steps__step--first-child .zan-steps__title::before{content:'';position:absolute;top:0;bottom:50%;left:7px;width:1px;background-color:#fff;z-index:1}.zan-steps--vsteps .zan-steps__step--last-child .zan-steps__title::after{content:'';position:absolute;top:50%;bottom:0;left:7px;width:1px;background-color:#fff;z-index:1}
.van-steps--vsteps{color:#999;font-size:14px}.van-steps--vsteps .van-steps__step{position:relative;padding:15px 0}.van-steps--vsteps .van-steps__step--done{color:#4b0}.van-steps--vsteps .van-steps__line{position:absolute;top:0;bottom:0;left:7px;width:1px;background-color:#e5e5e5}.van-steps--vsteps .van-steps__title{display:inline-block;line-height:20px;padding-left:27px}.van-steps--vsteps .van-steps__title--desc{padding-left:3px}.van-steps--vsteps .van-steps__icons{position:absolute;left:7px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;padding:3px 0;background-color:#fff}.van-steps--vsteps .van-steps__circle{width:5px;height:5px;background-color:#e5e5e5;border-radius:10px}.van-steps--vsteps .van-steps__step--done .van-steps__circle{width:5px;height:5px;background-color:#09bb07}.van-steps--vsteps .van-steps__step--cur .van-steps__circle{width:13px;height:13px;background:transparent url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:13px 13px;border-radius:0}.van-steps--vsteps .van-steps__icon--active{width:13px;height:13px}.van-steps--vsteps .van-steps__step--first-child .van-steps__title::before{content:'';position:absolute;top:0;bottom:50%;left:7px;width:1px;background-color:#fff;z-index:1}.van-steps--vsteps .van-steps__step--last-child .van-steps__title::after{content:'';position:absolute;top:50%;bottom:0;left:7px;width:1px;background-color:#fff;z-index:1}

8
dist/switch/index.wxml vendored
View File

@ -1,12 +1,12 @@
<view
class="custom-class theme-class zan-switch zan-switch--{{ checked ? 'on' : 'off' }} {{ disabled ? 'zan-swtich--disabled' : '' }}"
class="custom-class theme-class van-switch van-switch--{{ checked ? 'on' : 'off' }} {{ disabled ? 'van-swtich--disabled' : '' }}"
checked="{{ checked }}"
loading="{{ loading }}"
disabled="{{ disabled }}"
bindtap="handleZanSwitchChange"
>
<view class="zan-switch__circle">
<view hidden="{{ !loading }}" class="zan-switch__loading"></view>
<view class="van-switch__circle">
<view hidden="{{ !loading }}" class="van-switch__loading"></view>
</view>
<view class="zan-switch__bg"></view>
<view class="van-switch__bg"></view>
</view>

2
dist/switch/index.wxss vendored
View File

@ -1 +1 @@
.zan-switch{position:relative;display:inline-block;width:52px;height:32px;vertical-align:middle;box-sizing:border-box;border-radius:16px;background:#44db5e;border:1px solid #44db5e}.zan-switch__circle{position:absolute;top:0;left:0;width:30px;height:30px;display:inline-block;background:#fff;border-radius:15px;box-sizing:border-box;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);-webkit-transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1),-webkit-transform .35s cubic-bezier(.45,1,.4,1);z-index:2}.zan-switch__bg{position:absolute;top:-1px;left:-1px;width:52px;height:32px;background:#fff;border-radius:26px;display:inline-block;border:1px solid #e5e5e5;box-sizing:border-box;-webkit-transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1),-webkit-transform .35s cubic-bezier(.45,1,.4,1);-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:36px 16px;transform-origin:36px 16px}.zan-switch--on .zan-switch__circle{-webkit-transform:translateX(20px);transform:translateX(20px)}.zan-switch--off .zan-switch__bg{-webkit-transform:scale(1);transform:scale(1)}.zan-swtich--disabled{opacity:.4}.zan-switch__loading{position:absolute;left:7px;top:7px;width:16px;height:16px;background:url(https://img.yzcdn.cn/public_files/2017/02/24/9acec77d91106cd15b8107c4633d9155.png) no-repeat;background-size:16px 16px;-webkit-animation:zan-switch-loading .8s infinite linear;animation:zan-switch-loading .8s infinite linear}@-webkit-keyframes zan-switch-loading{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes zan-switch-loading{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
.van-switch{position:relative;display:inline-block;width:52px;height:32px;vertical-align:middle;box-sizing:border-box;border-radius:16px;background:#44db5e;border:1px solid #44db5e}.van-switch__circle{position:absolute;top:0;left:0;width:30px;height:30px;display:inline-block;background:#fff;border-radius:15px;box-sizing:border-box;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 3px 1px 0 rgba(0,0,0,.05),0 2px 2px 0 rgba(0,0,0,.1),0 3px 3px 0 rgba(0,0,0,.05);-webkit-transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1),-webkit-transform .35s cubic-bezier(.45,1,.4,1);z-index:2}.van-switch__bg{position:absolute;top:-1px;left:-1px;width:52px;height:32px;background:#fff;border-radius:26px;display:inline-block;border:1px solid #e5e5e5;box-sizing:border-box;-webkit-transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:-webkit-transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1);transition:transform .35s cubic-bezier(.45,1,.4,1),-webkit-transform .35s cubic-bezier(.45,1,.4,1);-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:36px 16px;transform-origin:36px 16px}.van-switch--on .van-switch__circle{-webkit-transform:translateX(20px);transform:translateX(20px)}.van-switch--off .van-switch__bg{-webkit-transform:scale(1);transform:scale(1)}.van-swtich--disabled{opacity:.4}.van-switch__loading{position:absolute;left:7px;top:7px;width:16px;height:16px;background:url(https://img.yzcdn.cn/public_files/2017/02/24/9acec77d91106cd15b8107c4633d9155.png) no-repeat;background-size:16px 16px;-webkit-animation:van-switch-loading .8s infinite linear;animation:van-switch-loading .8s infinite linear}@-webkit-keyframes van-switch-loading{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes van-switch-loading{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

16
dist/tab/index.wxml vendored
View File

@ -1,29 +1,29 @@
<view
class="zan-tab"
class="van-tab"
style="{{ height ? 'height:' + height + 'px' : '' }}"
>
<block wx:if="{{ scroll }}">
<scroll-view
id="scroll-view"
class="zan-tab__bd zan-tab__bd--scroll {{ fixed ? 'zan-tab__bd--fixed' : '' }}"
class="van-tab__bd van-tab__bd--scroll {{ fixed ? 'van-tab__bd--fixed' : '' }}"
scroll-x
scroll-with-animation
scroll-left="{{ scrollLeft }}"
style="height: {{ height ? height + 'px' : 'auto' }}"
>
<template
is="zan-tab-list"
is="van-tab-list"
data="{{ list, selectedId, height }}"
/>
</scroll-view>
</block>
<block wx:else>
<view
class="zan-tab__bd {{ fixed ? 'zan-tab__bd--fixed' : '' }}"
class="van-tab__bd {{ fixed ? 'van-tab__bd--fixed' : '' }}"
style="height: {{ height ? height + 'px' : 'auto' }}"
>
<template
is="zan-tab-list"
is="van-tab-list"
data="{{ list, selectedId, height }}"
/>
</view>
@ -32,17 +32,17 @@
<!-- 插入内容 -->
<slot></slot>
<template name="zan-tab-list">
<template name="van-tab-list">
<view
wx:for="{{ list }}"
wx:key="id"
class="zan-tab__item {{ selectedId == item.id ? 'zan-tab__item--selected' : '' }}"
class="van-tab__item {{ selectedId == item.id ? 'van-tab__item--selected' : '' }}"
id="item-{{ item.id }}"
data-item-id="{{ item.id }}"
bindtap="_handleZanTabChange"
>
<view
class="zan-tab__title"
class="van-tab__title"
style="{{ height ? 'height:' + height + 'px;line-height:' + height + 'px' : '' }}"
>
{{ item.title }}

2
dist/tab/index.wxss vendored
View File

@ -1 +1 @@
.zan-tab{height:45px}.zan-tab__bd{width:100%;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-bottom:1rpx solid #e5e5e5;background:#fff}.zan-tab__bd--fixed{position:fixed;top:0;z-index:2}.zan-tab__item{-webkit-box-flex:1;flex:1;display:inline-block;padding:0 5px;line-height:0;box-sizing:border-box;overflow:hidden;text-align:center}.zan-tab__title{display:inline-block;max-width:100%;height:44px;line-height:44px;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;word-break:keep-all;font-size:14px;color:#666}.zan-tab__item--selected .zan-tab__title{color:#f44;border-bottom:2px solid #f44}.zan-tab__bd--scroll{display:block;white-space:nowrap}.zan-tab__bd--scroll .zan-tab__item{min-width:80px}
.van-tab{height:45px}.van-tab__bd{width:100%;display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-bottom:1rpx solid #e5e5e5;background:#fff}.van-tab__bd--fixed{position:fixed;top:0;z-index:2}.van-tab__item{-webkit-box-flex:1;flex:1;display:inline-block;padding:0 5px;line-height:0;box-sizing:border-box;overflow:hidden;text-align:center}.van-tab__title{display:inline-block;max-width:100%;height:44px;line-height:44px;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;word-break:keep-all;font-size:14px;color:#666}.van-tab__item--selected .van-tab__title{color:#f44;border-bottom:2px solid #f44}.van-tab__bd--scroll{display:block;white-space:nowrap}.van-tab__bd--scroll .van-tab__item{min-width:80px}

2
dist/tag/index.wxml vendored
View File

@ -1,6 +1,6 @@
<view
class="custom-class theme-class zan-tag {{type ? 'zan-tag--'+type : ''}} {{disabled ? 'zan-tag--disabled' : ''}} {{plain ? 'zan-tag--plain' : ''}}"
class="custom-class theme-class van-tag {{type ? 'van-tag--'+type : ''}} {{disabled ? 'van-tag--disabled' : ''}} {{plain ? 'van-tag--plain' : ''}}"
>
<slot></slot>
</view>

2
dist/tag/index.wxss vendored
View File

@ -1 +1 @@
.zan-tag{display:inline-block;position:relative;box-sizing:border-box;line-height:16px;padding:0 5px;border-radius:2px;font-size:11px;background:#c9c9c9;text-align:center;color:#fff}.zan-tag::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-width:1px;border-radius:4px}.zan-tag--plain{color:#c9c9c9;background:#fff}.zan-tag--primary{color:#fff;background-color:#4b0}.zan-tag--primary::after{border-color:#4b0}.zan-tag--primary.zan-tag--plain{color:#4b0;background:#fff}.zan-tag--danger{color:#fff;background:#f44}.zan-tag--danger::after{border-color:#f44}.zan-tag--danger.zan-tag--plain{color:#f44;background:#fff}.zan-tag--warn{color:#fff;background:#f85}.zan-tag--warn::after{border-color:#f85}.zan-tag--warn.zan-tag--plain{color:#f85;background:#fff}.zan-tag--disabled{color:#999!important;background:#e5e5e5}.zan-tag--disabled::after{border-color:#ccc}
.van-tag{display:inline-block;position:relative;box-sizing:border-box;line-height:16px;padding:0 5px;border-radius:2px;font-size:11px;background:#c9c9c9;text-align:center;color:#fff}.van-tag::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5;border-width:1px;border-radius:4px}.van-tag--plain{color:#c9c9c9;background:#fff}.van-tag--primary{color:#fff;background-color:#4b0}.van-tag--primary::after{border-color:#4b0}.van-tag--primary.van-tag--plain{color:#4b0;background:#fff}.van-tag--danger{color:#fff;background:#f44}.van-tag--danger::after{border-color:#f44}.van-tag--danger.van-tag--plain{color:#f44;background:#fff}.van-tag--warn{color:#fff;background:#f85}.van-tag--warn::after{border-color:#f85}.van-tag--warn.van-tag--plain{color:#f85;background:#fff}.van-tag--disabled{color:#999!important;background:#e5e5e5}.van-tag--disabled::after{border-color:#ccc}

2
dist/toast/index.json vendored
View File

@ -1,6 +1,6 @@
{
"component": true,
"usingComponents": {
"zan-icon": "../icon/index"
"van-icon": "../icon/index"
}
}

14
dist/toast/index.wxml vendored
View File

@ -1,5 +1,5 @@
<view
class="zan-toast {{ !message ? 'zan-toast--notitle' : '' }}"
class="van-toast {{ !message ? 'van-toast--notitle' : '' }}"
wx:if="{{ show }}"
bindtap="clearZanToast"
>
@ -9,20 +9,20 @@
>
<view
wx:if="{{ image }}"
class="zan-toast__icon zan-toast__icon-image"
class="van-toast__icon van-toast__icon-image"
style="background-image: url({{ image }});"
></view>
<view
wx:elif="{{ icon === 'loading' }}"
class="zan-toast__icon zan-toast__icon-loading"
class="van-toast__icon van-toast__icon-loading"
>
<view class="zan-loading"></view>
<view class="van-loading"></view>
</view>
<zan-icon
<van-icon
wx:else
type="{{ icon }}"
class="zan-toast__icon"
></zan-icon>
class="van-toast__icon"
></van-icon>
</block>
<!-- 文案展示 -->

2
dist/toast/index.wxss vendored
View File

@ -1 +1 @@
.zan-toast{position:fixed;top:35%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background:rgba(0,0,0,.7);color:#fff;font-size:14px;line-height:1.5em;margin:0 auto;box-sizing:border-box;padding:10px 18px;text-align:center;border-radius:4px;z-index:100}.zan-toast--notitle{padding:18px}.zan-toast__icon{display:block;width:40px;height:40px;line-height:40px;margin:0 auto;padding:12px 15px;font-size:38px;text-align:center}.zan-toast__icon-loading{line-height:0}.zan-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;-webkit-animation:weuiLoading 1s steps(12,end) infinite;animation:weuiLoading 1s steps(12,end) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;background-size:100%}.zan-toast__icon-loading .zan-loading{width:40px;height:40px}.zan-toast__icon-image{background-size:40px;background-position:center;background-repeat:no-repeat}
.van-toast{position:fixed;top:35%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background:rgba(0,0,0,.7);color:#fff;font-size:14px;line-height:1.5em;margin:0 auto;box-sizing:border-box;padding:10px 18px;text-align:center;border-radius:4px;z-index:100}.van-toast--notitle{padding:18px}.van-toast__icon{display:block;width:40px;height:40px;line-height:40px;margin:0 auto;padding:12px 15px;font-size:38px;text-align:center}.van-toast__icon-loading{line-height:0}.van-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;-webkit-animation:weuiLoading 1s steps(12,end) infinite;animation:weuiLoading 1s steps(12,end) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;background-size:100%}.van-toast__icon-loading .van-loading{width:40px;height:40px}.van-toast__icon-image{background-size:40px;background-position:center;background-repeat:no-repeat}

2
dist/toptips/index.wxml vendored
View File

@ -1 +1 @@
<view class="zan-toptips {{ isShow ? 'zan-toptips--show' : '' }}" style="background-color:{{ backgroundColor }}">{{ content }}</view>
<view class="van-toptips {{ isShow ? 'van-toptips--show' : '' }}" style="background-color:{{ backgroundColor }}">{{ content }}</view>

2
dist/toptips/index.wxss vendored
View File

@ -1 +1 @@
.zan-toptips{display:block;position:fixed;-webkit-transform:translateZ(0) translateY(-100%);width:100%;min-height:32px;top:0;line-height:2.3;font-size:14px;text-align:center;color:#fff;background-color:#e64340;z-index:110;opacity:0;-webkit-transition:all .4s ease;transition:all .4s ease}.zan-toptips--show{-webkit-transform:translateZ(0) translateY(0);opacity:1}
.van-toptips{display:block;position:fixed;-webkit-transform:translateZ(0) translateY(-100%);width:100%;min-height:32px;top:0;line-height:2.3;font-size:14px;text-align:center;color:#fff;background-color:#e64340;z-index:110;opacity:0;-webkit-transition:all .4s ease;transition:all .4s ease}.van-toptips--show{-webkit-transform:translateZ(0) translateY(0);opacity:1}

2
dist/toptips/toptips.js vendored
View File

@ -6,7 +6,7 @@ function Toptips() {
var pages = getCurrentPages();
var ctx = pages[pages.length - 1];
var defaultOptions = {
selector: '#zan-toptips',
selector: '#van-toptips',
duration: 3000
};

2
dist/tree-select/index.json vendored
View File

@ -1,6 +1,6 @@
{
"component": true,
"usingComponents": {
"zan-icon": "../icon/index"
"van-icon": "../icon/index"
}
}

8
dist/tree-select/index.wxml vendored
View File

@ -5,7 +5,7 @@
<view class="tree-select__nav">
<view
wx:for="{{ items }}"
class="tree-select__nitem zan-ellipsis {{ mainActiveIndex === index ? 'tree-select__nitem--active' : '' }}"
class="tree-select__nitem van-ellipsis {{ mainActiveIndex === index ? 'tree-select__nitem--active' : '' }}"
data-index="{{ index }}"
bindtap="handleNavClick"
>
@ -19,16 +19,16 @@
<view
wx:for="{{ subItems }}"
wx:key="id"
class="tree-select__item zan-ellipsis {{ activeId === item.id ? 'tree-select__item--active' : '' }}"
class="tree-select__item van-ellipsis {{ activeId === item.id ? 'tree-select__item--active' : '' }}"
data-item="{{ item }}"
bindtap="onItemSelect"
>
{{ item.text }}
<zan-icon
<van-icon
wx:if="{{ activeId === item.id }}"
type="success"
class="tree-select__selected"
></zan-icon>
></van-icon>
</view>
</view>
</view>

2
dist/tree-select/index.wxss vendored
View File

@ -1 +1 @@
.zan-pull-left{float:left}.zan-pull-right{float:right}.zan-center{text-align:center}.zan-right{text-align:right}.zan-text-deleted{text-decoration:line-through}.zan-font-8{font-size:8px}.zan-font-10{font-size:10px}.zan-font-12{font-size:12px}.zan-font-14{font-size:14px}.zan-font-16{font-size:16px}.zan-font-18{font-size:18px}.zan-font-20{font-size:20px}.zan-font-22{font-size:22px}.zan-font-24{font-size:24px}.zan-font-26{font-size:26px}.zan-font-30{font-size:30px}.zan-font-bold{font-weight:700}.zan-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.zan-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.zan-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.zan-clearfix{zoom:1}.zan-clearfix::after{content:'';display:table;clear:both}.zan-c-red{color:#f44}.zan-c-black{color:#000}.zan-c-green{color:#06bf04}.zan-c-blue{color:#38f}.zan-c-gray{color:#c9c9c9}.zan-c-gray-dark{color:#999}.zan-c-gray-darker{color:#666}.zan-hairline,.zan-hairline--bottom,.zan-hairline--left,.zan-hairline--right,.zan-hairline--surround,.zan-hairline--top,.zan-hairline--top-bottom{position:relative}.zan-hairline--bottom::after,.zan-hairline--left::after,.zan-hairline--right::after,.zan-hairline--surround::after,.zan-hairline--top-bottom::after,.zan-hairline--top::after,.zan-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.zan-hairline--top::after{border-top-width:1px}.zan-hairline--left::after{border-left-width:1px}.zan-hairline--right::after{border-right-width:1px}.zan-hairline--bottom::after{border-bottom-width:1px}.zan-hairline--top-bottom::after{border-width:1px 0}.zan-hairline--surround::after{border-width:1px}.tree-select{-webkit-user-select:none;user-select:none;position:relative;font-size:16px}.tree-select__nav{width:143px;position:absolute;left:0;top:0;bottom:0;overflow:scroll;background-color:#fff;-webkit-overflow-scrolling:touch}.tree-select__nitem{line-height:44px;padding:0 15px;background-color:#fff}.tree-select__nitem--active{background-color:#f8f8f8}.tree-select__content{padding:0 15px;margin-left:143px;overflow:scroll;-webkit-overflow-scrolling:touch}.tree-select__item{position:relative;line-height:44px;padding-left:5px;padding-right:18px}.tree-select__item--active{color:#f44}.tree-select__selected{float:right;position:absolute;right:0;top:0;bottom:0;line-height:inherit}
.van-pull-left{float:left}.van-pull-right{float:right}.van-center{text-align:center}.van-right{text-align:right}.van-text-deleted{text-decoration:line-through}.van-font-8{font-size:8px}.van-font-10{font-size:10px}.van-font-12{font-size:12px}.van-font-14{font-size:14px}.van-font-16{font-size:16px}.van-font-18{font-size:18px}.van-font-20{font-size:20px}.van-font-22{font-size:22px}.van-font-24{font-size:24px}.van-font-26{font-size:26px}.van-font-30{font-size:30px}.van-font-bold{font-weight:700}.van-arrow{position:absolute;right:15px;top:50%;display:inline-block;height:6px;width:6px;border-width:2px 2px 0 0;border-color:#c8c8c8;border-style:solid;-webkit-transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0);transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.van-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal}.van-ellipsis--l2{max-height:40px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.van-ellipsis--l3{max-height:60px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.van-clearfix{zoom:1}.van-clearfix::after{content:'';display:table;clear:both}.van-c-red{color:#f44}.van-c-black{color:#000}.van-c-green{color:#06bf04}.van-c-blue{color:#38f}.van-c-gray{color:#c9c9c9}.van-c-gray-dark{color:#999}.van-c-gray-darker{color:#666}.van-hairline,.van-hairline--bottom,.van-hairline--left,.van-hairline--right,.van-hairline--surround,.van-hairline--top,.van-hairline--top-bottom{position:relative}.van-hairline--bottom::after,.van-hairline--left::after,.van-hairline--right::after,.van-hairline--surround::after,.van-hairline--top-bottom::after,.van-hairline--top::after,.van-hairline::after{content:'';position:absolute;top:0;left:0;width:200%;height:200%;-webkit-transform:scale(.5);transform:scale(.5);-webkit-transform-origin:0 0;transform-origin:0 0;pointer-events:none;box-sizing:border-box;border:0 solid #e5e5e5}.van-hairline--top::after{border-top-width:1px}.van-hairline--left::after{border-left-width:1px}.van-hairline--right::after{border-right-width:1px}.van-hairline--bottom::after{border-bottom-width:1px}.van-hairline--top-bottom::after{border-width:1px 0}.van-hairline--surround::after{border-width:1px}.tree-select{-webkit-user-select:none;user-select:none;position:relative;font-size:16px}.tree-select__nav{width:143px;position:absolute;left:0;top:0;bottom:0;overflow:scroll;background-color:#fff;-webkit-overflow-scrolling:touch}.tree-select__nitem{line-height:44px;padding:0 15px;background-color:#fff}.tree-select__nitem--active{background-color:#f8f8f8}.tree-select__content{padding:0 15px;margin-left:143px;overflow:scroll;-webkit-overflow-scrolling:touch}.tree-select__item{position:relative;line-height:44px;padding-left:5px;padding-right:18px}.tree-select__item--active{color:#f44}.tree-select__selected{float:right;position:absolute;right:0;top:0;bottom:0;line-height:inherit}

4
example/pages/actionsheet/index.json
View File

@ -1,8 +1,8 @@
{
"navigationBarTitleText": "Actionsheet 上拉菜单",
"usingComponents": {
"zan-actionsheet": "../../dist/actionsheet/index",
"zan-button": "../../dist/btn/index",
"van-actionsheet": "../../dist/actionsheet/index",
"van-button": "../../dist/btn/index",
"doc-page": "../../components/doc-page/index"
}
}

8
example/pages/actionsheet/index.wxml
View File

@ -1,12 +1,12 @@
<doc-page title="ACTIONSHEET">
<view class="zan-btns" style="margin-top: 30vh;">
<zan-button bind:btnclick="openActionsheet">
<view class="van-btns" style="margin-top: 30vh;">
<van-button bind:btnclick="openActionsheet">
Actionsheet
</zan-button>
</van-button>
</view>
<zan-actionsheet
<van-actionsheet
show="{{ show }}"
actions="{{ actions }}"
cancel-text="{{ cancelText }}"

2
example/pages/badge/index.json
View File

@ -1,6 +1,6 @@
{
"navigationBarTitleText": "Badge 徽章",
"usingComponents": {
"zan-badge": "../../dist/badge/index"
"van-badge": "../../dist/badge/index"
}
}

10
example/pages/badge/index.wxml
View File

@ -1,25 +1,25 @@
<view class="container">
<view class="doc-title zan-hairline--bottom zan-hairline--bottom">BADGE</view>
<view class="doc-title van-hairline--bottom van-hairline--bottom">BADGE</view>
<view class="demo">
<view class="demo__item">
<view class="demo__icon">
<zan-badge>9</zan-badge>
<van-badge>9</van-badge>
</view>
</view>
<view class="demo__item">
<view class="demo__icon">
<zan-badge>19</zan-badge>
<van-badge>19</van-badge>
</view>
</view>
<view class="demo__item">
<view class="demo__icon">
<zan-badge
<van-badge
background-color="#4b0"
box-shadow="none"
font-size="{{ 12 }}"
>99+</zan-badge>
>99+</van-badge>
</view>
</view>
</view>

6
example/pages/btn/index.json
View File

@ -1,9 +1,9 @@
{
"navigationBarTitleText": "Button 按钮",
"usingComponents": {
"zan-button": "../../dist/btn/index",
"zan-button-group": "../../dist/btn-group/index",
"zan-panel": "../../dist/panel/index",
"van-button": "../../dist/btn/index",
"van-button-group": "../../dist/btn-group/index",
"van-panel": "../../dist/panel/index",
"doc-page": "../../components/doc-page/index"
}
}

88
example/pages/btn/index.wxml
View File

@ -1,55 +1,55 @@
<doc-page title="BUTTON" without-padding>
<zan-panel title="普通按钮">
<zan-button-group>
<zan-button
<van-panel title="普通按钮">
<van-button-group>
<van-button
open-type="getPhoneNumber"
bind:getphonenumber="getPhoneNumber"
>获取电话</zan-button>
<zan-button type="primary">确认付款</zan-button>
<zan-button type="danger">确认付款</zan-button>
<zan-button type="warn">确认付款</zan-button>
</zan-button-group>
</zan-panel>
>获取电话</van-button>
<van-button type="primary">确认付款</van-button>
<van-button type="danger">确认付款</van-button>
<van-button type="warn">确认付款</van-button>
</van-button-group>
</van-panel>
<zan-panel title="大号按钮，没有边框线及圆角">
<zan-button size="large" type="primary">确认付款</zan-button>
<zan-button size="large" type="warn">立即购买</zan-button>
<zan-button size="large" type="danger">立即购买</zan-button>
</zan-panel>
<van-panel title="大号按钮，没有边框线及圆角">
<van-button size="large" type="primary">确认付款</van-button>
<van-button size="large" type="warn">立即购买</van-button>
<van-button size="large" type="danger">立即购买</van-button>
</van-panel>
<zan-panel title="小号按钮">
<zan-button-group>
<zan-button size="small">取消订单</zan-button>
<zan-button size="small" type="primary">确认付款</zan-button>
</zan-button-group>
</zan-panel>
<van-panel title="小号按钮">
<van-button-group>
<van-button size="small">取消订单</van-button>
<van-button size="small" type="primary">确认付款</van-button>
</van-button-group>
</van-panel>
<zan-panel title="迷你按钮">
<zan-button-group>
<zan-button size="mini">取消订单</zan-button>
<zan-button size="mini" type="primary">确认付款</zan-button>
<zan-button size="mini" type="warn">确认付款</zan-button>
<zan-button size="mini" type="danger">确认付款</zan-button>
</zan-button-group>
</zan-panel>
<van-panel title="迷你按钮">
<van-button-group>
<van-button size="mini">取消订单</van-button>
<van-button size="mini" type="primary">确认付款</van-button>
<van-button size="mini" type="warn">确认付款</van-button>
<van-button size="mini" type="danger">确认付款</van-button>
</van-button-group>
</van-panel>
<zan-panel title="Loading">
<zan-button-group>
<zan-button loading>取消订单</zan-button>
<zan-button loading type="primary">确认付款</zan-button>
<zan-button loading type="danger">确认付款</zan-button>
<zan-button loading type="warn">确认付款</zan-button>
</zan-button-group>
</zan-panel>
<van-panel title="Loading">
<van-button-group>
<van-button loading>取消订单</van-button>
<van-button loading type="primary">确认付款</van-button>
<van-button loading type="danger">确认付款</van-button>
<van-button loading type="warn">确认付款</van-button>
</van-button-group>
</van-panel>
<zan-panel title="Disabled">
<zan-button-group>
<zan-button disabled>取消订单</zan-button>
<zan-button disabled type="primary">确认付款</zan-button>
<zan-button disabled type="danger">确认付款</zan-button>
<zan-button disabled type="warn">确认付款</zan-button>
</zan-button-group>
</zan-panel>
<van-panel title="Disabled">
<van-button-group>
<van-button disabled>取消订单</van-button>
<van-button disabled type="primary">确认付款</van-button>
<van-button disabled type="danger">确认付款</van-button>
<van-button disabled type="warn">确认付款</van-button>
</van-button-group>
</van-panel>
</doc-page>

4
example/pages/capsule/index.json
View File

@ -1,8 +1,8 @@
{
"navigationBarTitleText": "Capsule 胶囊",
"usingComponents": {
"zan-panel": "../../dist/panel/index",
"zan-capsule": "../../dist/capsule/index",
"van-panel": "../../dist/panel/index",
"van-capsule": "../../dist/capsule/index",
"doc-page": "../../components/doc-page/index"
}
}

14
example/pages/capsule/index.wxml
View File

@ -1,15 +1,15 @@
<doc-page title="CAPSULE" without-padding>
<zan-panel title='基本用法'>
<van-panel title='基本用法'>
<view class="capsule-demo">
<zan-capsule leftText="折扣" rightText="限购一份" />
<zan-capsule type="danger" leftText="折扣" rightText="限购一份" />
<van-capsule leftText="折扣" rightText="限购一份" />
<van-capsule type="danger" leftText="折扣" rightText="限购一份" />
</view>
</zan-panel>
</van-panel>
<zan-panel title='自定义颜色'>
<van-panel title='自定义颜色'>
<view class="capsule-demo">
<zan-capsule color="#38f" leftText="折扣" rightText="限购一份" />
<van-capsule color="#38f" leftText="折扣" rightText="限购一份" />
</view>
</zan-panel>
</van-panel>
</doc-page>

2
example/pages/capsule/index.wxss
View File

@ -2,6 +2,6 @@
padding: 15px 0;
}
.zan-capsule + .zan-capsule {
.van-capsule + .van-capsule {
margin-left: 10px;
}

4
example/pages/card/index.json
View File

@ -1,8 +1,8 @@
{
"navigationBarTitleText": "Card 卡片",
"usingComponents": {
"zan-card": "../../dist/card/index",
"zan-panel": "../../dist/panel/index",
"van-card": "../../dist/card/index",
"van-panel": "../../dist/panel/index",
"doc-page": "../../components/doc-page/index"
}
}

18
example/pages/card/index.wxml
View File

@ -1,7 +1,7 @@
<doc-page title="CAPSULE" without-padding>
<zan-panel without-border>
<zan-card
<van-panel without-border>
<van-card
card-class="test-card"
thumb="https://img.yzcdn.cn/upload_files/2016/11/25/FpqPXlrMRjKwJs8VdTu3ZDJCj4j5.jpeg?imageView2/2/w/200/h/200/q/90/format/jpeg"
price="999.99"
@ -10,21 +10,21 @@
desc="3000克 50%"
status="已发货"
>
</zan-card>
</van-card>
</zan-panel>
</van-panel>
<zan-panel title="使用slot">
<zan-card
<van-panel title="使用slot">
<van-card
card-class="test-card"
thumb="https://img.yzcdn.cn/upload_files/2016/11/25/FpqPXlrMRjKwJs8VdTu3ZDJCj4j5.jpeg?imageView2/2/w/200/h/200/q/90/format/jpeg"
useThumbSlot="{{ true }}"
useDetailSlot="{{ true }}"
>
<!-- 右侧详情 -->
<view slot="detail-slot" class="zan-card__detail">
<view slot="detail-slot" class="van-card__detail">
我是自定义内容区域
</view>
</zan-card>
</zan-panel>
</van-card>
</van-panel>
</doc-page>

10
example/pages/cell/index.json
View File

@ -1,11 +1,11 @@
{
"navigationBarTitleText": "Cell 单元格",
"usingComponents": {
"zan-cell": "../../dist/cell/index",
"zan-icon": "../../dist/icon/index",
"zan-badge": "../../dist/badge/index",
"zan-panel": "../../dist/panel/index",
"zan-cell-group": "../../dist/cell-group/index",
"van-cell": "../../dist/cell/index",
"van-icon": "../../dist/icon/index",
"van-badge": "../../dist/badge/index",
"van-panel": "../../dist/panel/index",
"van-cell-group": "../../dist/cell-group/index",
"doc-page": "../../components/doc-page/index"
}
}

76
example/pages/cell/index.wxml
View File

@ -1,66 +1,66 @@
<doc-page title="CELL" without-padding>
<zan-cell-group border class="cell-panel-demo">
<zan-cell title="单行列表" bindtap="handleTap"></zan-cell>
</zan-cell-group>
<van-cell-group border class="cell-panel-demo">
<van-cell title="单行列表" bindtap="handleTap"></van-cell>
</van-cell-group>
<zan-cell-group border class="cell-panel-demo">
<zan-cell title="单行列表" value="详细信息"></zan-cell>
</zan-cell-group>
<van-cell-group border class="cell-panel-demo">
<van-cell title="单行列表" value="详细信息"></van-cell>
</van-cell-group>
<zan-cell-group border class="cell-panel-demo">
<zan-cell title="单行列表" label="附加描述" value="详细信息"></zan-cell>
</zan-cell-group>
<van-cell-group border class="cell-panel-demo">
<van-cell title="单行列表" label="附加描述" value="详细信息"></van-cell>
</van-cell-group>
<zan-panel class="cell-panel-demo" title="带 icon 的 cell">
<zan-cell title="单行列表" value="详细信息">
<zan-icon slot="icon" type="checked"></zan-icon>
</zan-cell>
</zan-panel>
<van-panel class="cell-panel-demo" title="带 icon 的 cell">
<van-cell title="单行列表" value="详细信息">
<van-icon slot="icon" type="checked"></van-icon>
</van-cell>
</van-panel>
<zan-panel class="cell-panel-demo">
<zan-cell title="单行列表">
<van-panel class="cell-panel-demo">
<van-cell title="单行列表">
<picker mode="date" value="{{date}}" start="2018-07-01" end="2018-09-01" bindchange="bindDateChange">
<view class="picker">
选择日期: {{date}}
</view>
</picker>
</zan-cell>
</zan-panel>
</van-cell>
</van-panel>
<zan-panel class="cell-panel-demo" title="带箭头的 cell">
<zan-cell title="只显示箭头" is-link></zan-cell>
</zan-panel>
<van-panel class="cell-panel-demo" title="带箭头的 cell">
<van-cell title="只显示箭头" is-link></van-cell>
</van-panel>
<zan-cell-group border class="cell-panel-demo">
<zan-cell
<van-cell-group border class="cell-panel-demo">
<van-cell
title="跳转到首页"
is-link
url="/pages/dashboard/index"
bindtap="handleTap"
></zan-cell>
</zan-cell-group>
></van-cell>
</van-cell-group>
<zan-panel class="cell-panel-demo" title="cell 组">
<zan-cell-group>
<zan-cell title="只显示箭头" is-link></zan-cell>
<zan-cell title="跳转到首页" is-link url="/pages/dashboard/index"></zan-cell>
<zan-cell
<van-panel class="cell-panel-demo" title="cell 组">
<van-cell-group>
<van-cell title="只显示箭头" is-link></van-cell>
<van-cell title="跳转到首页" is-link url="/pages/dashboard/index"></van-cell>
<van-cell
is-link
only-tap-footer
url="/pages/dashboard/index"
title="只有 footer 点击有效"
bindtap="handleTap"
></zan-cell>
></van-cell>
<block wx:if="{{ show }}">
<zan-cell no-border title="单行列表" label="附加描述" value="不想有 border"></zan-cell>
<zan-cell title="表单">
<van-cell no-border title="单行列表" label="附加描述" value="不想有 border"></van-cell>
<van-cell title="表单">
<input slot="footer" type="digit" placeholder="带小数点的数字键盘"/>
</zan-cell>
</van-cell>
</block>
<zan-cell title="开关">
<van-cell title="开关">
<switch slot="footer" checked/>
</zan-cell>
</zan-cell-group>
</zan-panel>
</van-cell>
</van-cell-group>
</van-panel>
</doc-page>

8
example/pages/checkbox/index.json
View File

@ -1,10 +1,10 @@
{
"navigationBarTitleText": "Checkbox 选择",
"usingComponents": {
"zan-checkbox-group": "../../dist/checkbox-group/index",
"zan-checkbox": "../../dist/checkbox/index",
"zan-panel": "../../dist/panel/index",
"zan-cell": "../../dist/cell/index",
"van-checkbox-group": "../../dist/checkbox-group/index",
"van-checkbox": "../../dist/checkbox/index",
"van-panel": "../../dist/panel/index",
"van-cell": "../../dist/cell/index",
"doc-page": "../../components/doc-page/index"
}
}

46
example/pages/checkbox/index.wxml
View File

@ -1,29 +1,29 @@
<doc-page title="checkbox" without-padding>
<zan-panel title='基本用法'>
<zan-checkbox
<van-panel title='基本用法'>
<van-checkbox
checkbox-class="checkbox-demo"
bindchange="handleCheckboxChange"
>复选框</zan-checkbox>
</zan-panel>
>复选框</van-checkbox>
</van-panel>
<zan-panel title='禁用状态'>
<zan-checkbox
<van-panel title='禁用状态'>
<van-checkbox
checkbox-class="checkbox-demo"
disabled
checked="{{ true }}"
>复选框</zan-checkbox>
</zan-panel>
>复选框</van-checkbox>
</van-panel>
<zan-panel title='禁用内容部分点击事件'>
<zan-checkbox
<van-panel title='禁用内容部分点击事件'>
<van-checkbox
checkbox-class="checkbox-demo"
label-disabled
>复选框</zan-checkbox>
</zan-panel>
>复选框</van-checkbox>
</van-panel>
<zan-panel title='Checkbox组'>
<zan-checkbox-group>
<zan-checkbox
<van-panel title='Checkbox组'>
<van-checkbox-group>
<van-checkbox
wx:for="{{ items }}"
wx:for-item="item"
wx:for-index="index"
@ -31,13 +31,13 @@
checked="{{ item.checked }}"
data-index="{{ index }}"
bindchange="handleCheckboxChange"
>复选框 {{ item.value }}</zan-checkbox>
</zan-checkbox-group>
</zan-panel>
>复选框 {{ item.value }}</van-checkbox>
</van-checkbox-group>
</van-panel>
<zan-panel title='列表模式'>
<zan-checkbox type="list">复选框 a</zan-checkbox>
<zan-checkbox type="list">复选框 b</zan-checkbox>
<zan-checkbox type="list">复选框 c</zan-checkbox>
</zan-panel>
<van-panel title='列表模式'>
<van-checkbox type="list">复选框 a</van-checkbox>
<van-checkbox type="list">复选框 b</van-checkbox>
<van-checkbox type="list">复选框 c</van-checkbox>
</van-panel>
</doc-page>

6
example/pages/dashboard/index.json
View File

@ -1,8 +1,8 @@
{
"navigationBarTitleText": "vant-weapp",
"usingComponents": {
"zan-panel": "../../dist/panel/index",
"zan-cell": "../../dist/cell/index",
"zan-cell-group": "../../dist/cell-group/index"
"van-panel": "../../dist/panel/index",
"van-cell": "../../dist/cell/index",
"van-cell-group": "../../dist/cell-group/index"
}
}

12
example/pages/dashboard/index.wxml
View File

@ -6,16 +6,16 @@
<view class="desc">轻量、可靠的小程序 UI 组件库</view>
<block wx:for="{{ list }}" wx:for-item="group" wx:key="title">
<zan-panel title="{{ group.title }}">
<zan-cell-group>
<zan-cell
<van-panel title="{{ group.title }}">
<van-cell-group>
<van-cell
wx:for="{{ group.content }}"
wx:key="name"
is-link
url="{{ item.path }}"
title="{{ item.name }}"
></zan-cell>
</zan-cell-group>
</zan-panel>
></van-cell>
</van-cell-group>
</van-panel>
</block>
</view>

8
example/pages/datetime/index.json
View File

@ -1,10 +1,10 @@
{
"navigationBarTitleText": "时间选择器",
"usingComponents": {
"zan-date-picker": "../../dist/datetime-picker/index",
"zan-cell": "../../dist/cell/index",
"zan-cell-group": "../../dist/cell-group/index",
"zan-panel": "../../dist/panel/index",
"van-date-picker": "../../dist/datetime-picker/index",
"van-cell": "../../dist/cell/index",
"van-cell-group": "../../dist/cell-group/index",
"van-panel": "../../dist/panel/index",
"doc-page": "../../components/doc-page/index"
}
}

42
example/pages/datetime/index.wxml
View File

@ -1,8 +1,8 @@
<doc-page title="DATETIME PICKER" without-padding>
<zan-panel class="picker-panel-demo">
<zan-cell-group>
<zan-cell title="选择时间">
<zan-date-picker
<van-panel class="picker-panel-demo">
<van-cell-group>
<van-cell title="选择时间">
<van-date-picker
slot="footer"
date="{{ date }}"
bindchange="change"
@ -10,49 +10,49 @@
placeholder="异步初始值"
placeholder-class="my-customer-class-name"
/>
</zan-cell>
</van-cell>
<zan-cell title="选择时间">
<zan-date-picker
<van-cell title="选择时间">
<van-date-picker
slot="footer"
not-use="{{['years', 'seconds']}}"
bindchange="change"
bindcancel="cancel"
placeholder="只显示部分列的 picker"
/>
</zan-cell>
</van-cell>
<zan-cell title="选择时间">
<zan-date-picker
<van-cell title="选择时间">
<van-date-picker
slot="footer"
bindchange="change"
bindcancel="cancel"
placeholder="自定义显示格式的 picker"
format="选择的是YYYY-MM-DD HH:mm:ss"
/>
</zan-cell>
</zan-cell-group>
</zan-panel>
</van-cell>
</van-cell-group>
</van-panel>
<zan-panel class="picker-panel-demo">
<zan-cell title="选择时间" value="{{pickerView1 || '自定义组件'}}"></zan-cell>
<zan-date-picker
<van-panel class="picker-panel-demo">
<van-cell title="选择时间" value="{{pickerView1 || '自定义组件'}}"></van-cell>
<van-date-picker
picker-view
bindchange="customChange"
bindcancel="cancel"
/>
</zan-panel>
</van-panel>
<zan-panel class="picker-panel-demo">
<zan-cell title="选择时间" value="{{ pickerView2 || '只显示部分列'}}"></zan-cell>
<zan-date-picker
<van-panel class="picker-panel-demo">
<van-cell title="选择时间" value="{{ pickerView2 || '只显示部分列'}}"></van-cell>
<van-date-picker
picker-view
bindchange="nativeChange"
bindcancel="cancel"
not-use="{{['years', 'seconds']}}"
/>
</zan-panel>
</van-panel>
</doc-page>

16
example/pages/dialog/index.js
View File

@ -6,7 +6,7 @@ Page({
Dialog({
title: '弹窗',
message: '这是一个模态弹窗\n换行',
selector: '#zan-base-dialog',
selector: '#van-base-dialog',
showCancelButton: true
}).then(() => {
console.log('=== dialog resolve ===', 'type: confirm');
@ -18,7 +18,7 @@ Page({
toggleWithoutTitleDialog() {
Dialog({
message: '这是一个模态弹窗',
selector: '#zan-no-title-dialog'
selector: '#van-no-title-dialog'
}).then(() => {
console.log('=== dialog ===', 'type: confirm');
});
@ -28,7 +28,7 @@ Page({
Dialog({
title: '弹窗',
message: '这是一个模态弹窗',
selector: '#zan-button-dialog',
selector: '#van-button-dialog',
buttons: [{
text: '现金支付',
color: 'red',
@ -54,7 +54,7 @@ Page({
Dialog({
title: '弹窗',
message: '这是一个模态弹窗',
selector: '#zan-vertical-dialog',
selector: '#van-vertical-dialog',
buttonsShowVertical: true,
buttons: [{
text: '现金支付',
@ -81,7 +81,7 @@ Page({
Dialog({
title: '弹窗',
message: '获取用户数据',
selector: '#zan-open-dialog',
selector: '#van-open-dialog',
buttons: [{
text: '用户信息',
type: 'userInfo',
@ -115,17 +115,17 @@ Page({
Dialog({
title: '弹窗',
message: '这是一个自由控制关闭的弹窗',
selector: '#zan-close-dialog',
selector: '#van-close-dialog',
autoClose: false
}).then(() => {
console.log('=== dialog resolve ===', 'type: confirm');
Toast.loading({
selector: '#zan-toast'
selector: '#van-toast'
});
// 2s 后自动关闭弹窗
setTimeout(() => {
Dialog.close({ selector: '#zan-close-dialog' });
Dialog.close({ selector: '#van-close-dialog' });
Toast.clear();
}, 2000);
});

8
example/pages/dialog/index.json
View File

@ -2,9 +2,9 @@
"navigationBarTitleText": "Dialog 弹出框",
"usingComponents": {
"doc-page": "../../components/doc-page/index",
"zan-dialog": "../../dist/dialog/index",
"zan-button": "../../dist/btn/index",
"zan-button-group": "../../dist/btn-group/index",
"zan-toast": "../../dist/toast/index"
"van-dialog": "../../dist/dialog/index",
"van-button": "../../dist/btn/index",
"van-button-group": "../../dist/btn-group/index",
"van-toast": "../../dist/toast/index"
}
}

30
example/pages/dialog/index.wxml
View File

@ -1,19 +1,19 @@
<doc-page title="DIALOG">
<zan-button-group style="margin-top: 30vh; display: block;">
<zan-button bindtap="toggleBaseDialog">基础 Dialog</zan-button>
<zan-button bindtap="toggleWithoutTitleDialog">Dialog - 无标题</zan-button>
<zan-button bindtap="toggleButtonDialog">Dialog - 自定义显示按钮</zan-button>
<zan-button bindtap="toggleVerticalDialog">Dialog - 按钮纵向排布</zan-button>
<zan-button bindtap="toggleOpenDialog">Dialog - 获取 Open 数据的弹窗</zan-button>
<zan-button bindtap="toggleCloseDialog">Dialog - 控制弹窗关闭</zan-button>
</zan-button-group>
<van-button-group style="margin-top: 30vh; display: block;">
<van-button bindtap="toggleBaseDialog">基础 Dialog</van-button>
<van-button bindtap="toggleWithoutTitleDialog">Dialog - 无标题</van-button>
<van-button bindtap="toggleButtonDialog">Dialog - 自定义显示按钮</van-button>
<van-button bindtap="toggleVerticalDialog">Dialog - 按钮纵向排布</van-button>
<van-button bindtap="toggleOpenDialog">Dialog - 获取 Open 数据的弹窗</van-button>
<van-button bindtap="toggleCloseDialog">Dialog - 控制弹窗关闭</van-button>
</van-button-group>
<zan-dialog id="zan-base-dialog"></zan-dialog>
<zan-dialog id="zan-no-title-dialog"></zan-dialog>
<zan-dialog id="zan-button-dialog"></zan-dialog>
<zan-dialog id="zan-vertical-dialog"></zan-dialog>
<zan-dialog id="zan-open-dialog"></zan-dialog>
<zan-dialog id="zan-close-dialog"></zan-dialog>
<van-dialog id="van-base-dialog"></van-dialog>
<van-dialog id="van-no-title-dialog"></van-dialog>
<van-dialog id="van-button-dialog"></van-dialog>
<van-dialog id="van-vertical-dialog"></van-dialog>
<van-dialog id="van-open-dialog"></van-dialog>
<van-dialog id="van-close-dialog"></van-dialog>
<zan-toast id="zan-toast"></zan-toast>
<van-toast id="van-toast"></van-toast>
</doc-page>

10
example/pages/field/index.json
View File

@ -1,11 +1,11 @@
{
"navigationBarTitleText": "Field 输入框",
"usingComponents": {
"zan-button": "../../dist/btn/index",
"zan-button-group": "../../dist/btn-group/index",
"zan-cell-group": "../../dist/cell-group/index",
"zan-field": "../../dist/field/index",
"zan-panel": "../../dist/panel/index",
"van-button": "../../dist/btn/index",
"van-button-group": "../../dist/btn-group/index",
"van-cell-group": "../../dist/cell-group/index",
"van-field": "../../dist/field/index",
"van-panel": "../../dist/panel/index",
"doc-page": "../../components/doc-page/index"
}
}

74
example/pages/field/index.wxml
View File

@ -1,66 +1,66 @@
<doc-page title="Field" without-padding>
<!-- Field 基础用法 -->
<zan-panel title="基础用法">
<zan-cell-group>
<zan-field
<van-panel title="基础用法">
<van-cell-group>
<van-field
title="{{ config.base.name.title }}"
placeholder="{{ config.base.name.placeholder }}"
focus="{{ config.base.name.focus }}"
value="{{ value }}"
>
</zan-field>
<zan-field
</van-field>
<van-field
title="{{ config.base.tel.title }}"
placeholder="{{ config.base.tel.placeholder }}"
error="{{ config.base.tel.error }}"
input-type="{{ config.base.tel.inputType }}"
>
</zan-field>
<zan-field
</van-field>
<van-field
title="{{ config.base.address.title }}"
type="{{ config.base.address.type }}"
placeholder="{{ config.base.address.placeholder }}"
maxlength="50"
>
</zan-field>
<zan-field
</van-field>
<van-field
title="{{ config.base.disabled.title }}"
value="{{ config.base.disabled.value }}"
disabled="{{ config.base.disabled.disabled }}"
>
</zan-field>
</zan-cell-group>
</zan-panel>
</van-field>
</van-cell-group>
</van-panel>
<zan-button-group>
<zan-button type="primary" bind:btnclick="clearInput">清除输入</zan-button>
</zan-button-group>
<van-button-group>
<van-button type="primary" bind:btnclick="clearInput">清除输入</van-button>
</van-button-group>
<!-- 去除标题后的输入框样式 -->
<zan-panel title="无标题输入框">
<zan-field
<van-panel title="无标题输入框">
<van-field
placeholder="{{ config.notitle.placeholder }}"
value="{{ textareaValue }}"
>
</zan-field>
</zan-panel>
</van-field>
</van-panel>
<zan-button-group>
<zan-button type="primary" bind:btnclick="clearTextarea">清除输入</zan-button>
</zan-button-group>
<van-button-group>
<van-button type="primary" bind:btnclick="clearTextarea">清除输入</van-button>
</van-button-group>
<!-- 使用 Field 圆角样式 -->
<zan-panel title="圆角输入框">
<zan-field
<van-panel title="圆角输入框">
<van-field
title="{{ config.radius.totalPrice.title }}"
type="{{ config.radius.totalPrice.type }}"
placeholder="{{ config.radius.totalPrice.placeholder }}"
right="{{ config.radius.totalPrice.right }}"
mode="{{ config.radius.totalPrice.mode }}"
>
</zan-field>
<zan-field
class="zan-field--radius"
</van-field>
<van-field
class="van-field--radius"
title="{{ config.radius.excludePrice.title }}"
type="{{ config.radius.excludePrice.type }}"
placeholder="{{ config.radius.excludePrice.placeholder }}"
@ -68,29 +68,29 @@
mode="{{ config.radius.excludePrice.mode }}"
error="{{ config.radius.excludePrice.error }}"
>
</zan-field>
<zan-field
</van-field>
<van-field
placeholder="{{ config.radius.notitle.placeholder }}"
mode="{{ config.radius.notitle.mode }}"
input-type="{{ config.radius.notitle.inputTitle }}"
>
</zan-field>
</zan-panel>
</van-field>
</van-panel>
<zan-panel title="Form 表单中的field应用">
<van-panel title="Form 表单中的field应用">
<form bindsubmit="formSubmit" bindreset="formReset">
<zan-field
<van-field
name="{{ config.form.name.name }}"
placeholder="{{ config.form.name.placeholder }}"
>
</zan-field>
<zan-field
</van-field>
<van-field
name="{{ config.form.tel.name }}"
placeholder="{{ config.form.tel.placeholder }}"
input-type="{{ config.form.tel.inputType }}"
>
</zan-field>
</van-field>
<button type="primary" form-type="submit">提交表单</button>
</form>
</zan-panel>
</van-panel>
</doc-page>

6
example/pages/helper/index.json
View File

@ -1,9 +1,9 @@
{
"navigationBarTitleText": "Helper 基础样式",
"usingComponents": {
"zan-cell": "../../dist/cell/index",
"zan-panel": "../../dist/panel/index",
"zan-cell-group": "../../dist/cell-group/index",
"van-cell": "../../dist/cell/index",
"van-panel": "../../dist/panel/index",
"van-cell-group": "../../dist/cell-group/index",
"doc-page": "../../components/doc-page/index"
}
}

72
example/pages/helper/index.wxml
View File

@ -1,58 +1,58 @@
<doc-page title="HELPER" without-padding>
<view class="zan-panel">
<zan-cell>
<view class="zan-pull-right">zan-pull-right: 往右靠</view>
</zan-cell>
<view class="van-panel">
<van-cell>
<view class="van-pull-right">van-pull-right: 往右靠</view>
</van-cell>
<zan-cell>
<view class="zan-text-deleted">zan-text-deleted：被删除的效果</view>
</zan-cell>
<van-cell>
<view class="van-text-deleted">van-text-deleted：被删除的效果</view>
</van-cell>
<zan-cell>
<van-cell>
<view>
<view class="zan-font-12">zan-font-12：字号12</view>
<view class="zan-font-12 zan-font-bold">zan-font-bold：再来个加粗</view>
<view class="van-font-12">van-font-12：字号12</view>
<view class="van-font-12 van-font-bold">van-font-bold：再来个加粗</view>
</view>
</zan-cell>
</van-cell>
<zan-cell>
<van-cell>
<view>
<view class="zan-font-16">zan-font-16：字号16</view>
<view class="zan-font-16 zan-font-bold">zan-font-bold：再来个加粗</view>
<view class="van-font-16">van-font-16：字号16</view>
<view class="van-font-16 van-font-bold">van-font-bold：再来个加粗</view>
</view>
</zan-cell>
</van-cell>
<zan-cell>
<van-cell>
<view class="">
<view>字体颜色</view>
<view class="zan-c-red">zan-c-red: 红色</view>
<view class="zan-c-gray">zan-c-gray: 灰色</view>
<view class="zan-c-gray-dark">zan-c-gray-dark: 再灰一点点</view>
<view class="zan-c-gray-darker">zan-c-gray-darker: 更深的灰色</view>
<view class="zan-c-black">zan-c-black: 黑色</view>
<view class="zan-c-blue">zan-c-blue: 蓝色</view>
<view class="zan-c-green">zan-c-green: 绿色</view>
<view class="van-c-red">van-c-red: 红色</view>
<view class="van-c-gray">van-c-gray: 灰色</view>
<view class="van-c-gray-dark">van-c-gray-dark: 再灰一点点</view>
<view class="van-c-gray-darker">van-c-gray-darker: 更深的灰色</view>
<view class="van-c-black">van-c-black: 黑色</view>
<view class="van-c-blue">van-c-blue: 蓝色</view>
<view class="van-c-green">van-c-green: 绿色</view>
</view>
</zan-cell>
</van-cell>
<zan-cell>
<view>zan-arrow：箭头</view>
<view class="zan-arrow"></view>
</zan-cell>
<van-cell>
<view>van-arrow：箭头</view>
<view class="van-arrow"></view>
</van-cell>
<zan-cell>
<view class="zan-ellipsis" style="width: 300px;">
zan-ellipsis：单行点点点
<van-cell>
<view class="van-ellipsis" style="width: 300px;">
van-ellipsis：单行点点点
->我是占位的字符我是占位的字符我是占位的字符我是占位的字符我是占位的字符我是占位的字符
</view>
</zan-cell>
</van-cell>
<zan-cell>
<view class="zan-ellipsis--l2">
zan-ellipsis--l2：单行点点点
<van-cell>
<view class="van-ellipsis--l2">
van-ellipsis--l2：单行点点点
->我是占位的字符我是占位的字符我是占位的字符我是占位的字符我是占位的字符我是占位的字符
</view>
</zan-cell>
</van-cell>
</view>

2
example/pages/icon/index.json
View File

@ -1,7 +1,7 @@
{
"navigationBarTitleText": "Icon 图标",
"usingComponents": {
"zan-icon": "../../dist/icon/index",
"van-icon": "../../dist/icon/index",
"doc-page": "../../components/doc-page/index"
}
}

Some files were not shown because too many files have changed in this diff Show More