diff --git a/.gitignore b/.gitignore index 1b471430..6791da00 100644 --- a/.gitignore +++ b/.gitignore @@ -8,3 +8,4 @@ CHANGELOG-GENERATED.md project.config.json assets/icons/build assets/icons/svg +example/dist diff --git a/README.md b/README.md index 6f1b4112..2aa6684e 100644 --- a/README.md +++ b/README.md @@ -22,7 +22,14 @@ git clone https://github.com/youzan/zanui-weapp.git ``` ## 预览 -打开[微信web开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)，'本地小程序项目 - 添加项目'，把 zanui-weapp 添加进去就可以查看组件源码、预览示例demo了。 +1. 在 zanui-weapp 根目录下运行 +``` bash +# 安装项目依赖 +npm install +# 执行组件编译 +npm run dev +``` +2. 打开[微信web开发者工具](https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html)，'本地小程序项目 - 添加项目'，把 zanui-weapp/example 目录添加进去就可以预览示例demo了。 ![](https://img.yzcdn.cn/public_files/2017/02/08/a5e6445075826183659742cc6946c477.png) diff --git a/app.json b/app.json deleted file mode 100644 index eb37eb05..00000000 --- a/app.json +++ /dev/null @@ -1,34 +0,0 @@ -{ - "pages": [ - "example/dashboard/index", - "example/btn/index", - "example/badge/index", - "example/capsule/index", - "example/card/index", - "example/cell/index", - "example/dialog/index", - "example/field/index", - "example/helper/index", - "example/icon/index", - "example/label/index", - "example/loadmore/index", - "example/noticebar/index", - "example/panel/index", - "example/popup/index", - "example/quantity/index", - "example/steps/index", - "example/switch/index", - "example/tab/index", - "example/toptips/index", - "example/toast/index", - "example/select/index" - ], - "window": { - "navigationBarBackgroundColor": "#FAFAFA", - "navigationBarTitleText": "ZanUI-WeApp", - "navigationBarTextStyle": "black", - "backgroundTextStyle": "dark", - "backgroundColor": "#f9f9f9" - }, - "debug": true -} diff --git a/bower.json b/bower.json index 2b66efb7..9af66f51 100644 --- a/bower.json +++ b/bower.json @@ -13,13 +13,12 @@ "**/.*", ".github", "assets", - "build", "example", "node_modules", "packages", + "scripts", "postcss.config.js", "package.json", - "app.*", "*.md", "*.log" ] diff --git a/build/build-css.js b/build/build-css.js deleted file mode 100644 index 2385a1ba..00000000 --- a/build/build-css.js +++ /dev/null @@ -1,12 +0,0 @@ -const gulp = require('gulp'); -const postcss = require('gulp-postcss'); -const cssmin = require('gulp-clean-css'); - -gulp.task('compile', () => { - return gulp.src('../packages/**/*.wxss') - .pipe(postcss()) - .pipe(cssmin()) - .pipe(gulp.dest('../dist')); -}); - -gulp.task('build', ['compile']); diff --git a/dist/col/index.wxss b/dist/col/index.wxss new file mode 100644 index 00000000..7d8806c0 --- /dev/null +++ b/dist/col/index.wxss @@ -0,0 +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%} \ No newline at end of file diff --git a/dist/field/index.js b/dist/field/index.js index 6ec9d18e..b251ff45 100644 --- a/dist/field/index.js +++ b/dist/field/index.js @@ -6,7 +6,7 @@ module.exports = { console.info('[zan:field:change]', event); if (this.handleZanFieldChange) { - this.handleZanFieldChange(event); + return this.handleZanFieldChange(event); } else { console.warn('页面缺少 handleZanFieldChange 回调函数'); } diff --git a/dist/index.wxss b/dist/index.wxss index d1adeb2e..6aee0172 100644 --- a/dist/index.wxss +++ b/dist/index.wxss @@ -1 +1 @@ -.zan-badge{position:relative}.zan-badge__count{position:absolute;top:-8px;right:0;height:1.6em;min-width:1.6em;line-height:1.6;padding:0 .4em;font-size:10px;font-family:tahoma;border-radius:.8em;background:#f44;color:#fff;text-align:center;white-space:nowrap;transform:translateX(50%);transform-origin:-10% center;z-index:10;box-shadow:0 0 0 1px #fff;box-sizing:border-box}.zan-btn{position:relative;color:#333;background-color:#fff;margin-bottom:10px;padding-left:15px;padding-right:15px;border-radius:2px;border:1rpx solid #e5e5e5;font-size:16px;line-height:45px;height:45px;box-sizing:border-box;text-decoration:none;text-align:center;vertical-align:middle}.zan-btn::after{display:none}.zan-btns{margin:15px}.zan-btn--primary{color:#fff;background-color:#4b0;border-color:#0a0}.zan-btn--warn{color:#fff;background-color:#f85;border-color:#f85}.zan-btn--danger{color:#fff;background-color:#f44;border-color:#e33}.zan-btn--small{display:inline-block;height:30px;line-height:30px;font-size:12px;margin-right:5px;margin-bottom:0}.zan-btn--mini{display:inline-block;line-height:21px;height:22px;font-size:10px;margin-right:5px;margin-bottom:0;padding-left:5px;padding-right:5px}.zan-btn--large{border-radius:0;margin-bottom:0;border:none;line-height:50px;height:50px}.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;animation:btn-spin .6s linear;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)}@keyframes btn-spin{0%{transform:rotate(0)}100%{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--last-child,.zan-btn:last-child{margin-bottom:0;margin-right:0}.zan-capsule{display:inline-block;font-size:12px;vertical-align:middle;line-height:16px;transform:scale(.83)}.zan-capsule__left,.zan-capsule__right{display:inline-block;line-height:16px;height:16px;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}.zan-card{margin-left:0;width:auto;padding:5px 15px;overflow:hidden;position:relative;font-size:14px}.zan-card__thumb{width:90px;height:90px;float:left;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{margin-left:100px;width:auto;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}.zan-cell{position:relative;padding:12px 15px;display:flex;align-items:center;line-height:1.4;font-size:14px}.zan-cell::after{position:absolute;left:15px;right:0;bottom:0;border-top:1rpx solid #e5e5e5;background:#e5e5e5;content:' '}.zan-cell__icon{margin-right:5px}.zan-cell__bd{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-child::after,.zan-cell:last-child::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;transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-cell--switch{padding-top:6px;padding-bottom:6px}.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:#3283fa!important}.zan-c-green{color:#4b0!important}.zan-dialog__mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(0,0,0,.7);display:none}.zan-dialog__container{position:fixed;left:0;bottom:0;width:750rpx;background:#fff;transform:translateY(150%);transition:all .4s ease;z-index:11}.zan-dialog--show .zan-dialog__container{transform:translateY(0)}.zan-dialog--show .zan-dialog__mask{display:block}.zan-field{padding:7px 15px;color:#333}.zan-field--wrapped{margin:0 15px;border:1rpx solid #e5e5e5;border-radius:8rpx;background-color:#fff}.zan-field--wrapped::after{border:0rpx}.zan-field--wrapped+.zan-field--wrapped{margin-top:10px}.zan-field--error{border-color:#f40;color:#f40}.zan-field__title{color:#333;min-width:65px;padding-right:10px}.zan-field__input{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}.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:22px}.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;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}@font-face{font-family:zanui-weapp-icon;src:url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-9e9804afef.eot);src:url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-9e9804afef.eot?#iefix) format('embedded-opentype'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-9e9804afef.woff2) format('woff2'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-9e9804afef.woff) format('woff'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-9e9804afef.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-add2:before{content:'\e80e'}.zan-icon-photo:before{content:'\e80f'}.zan-icon-logistics:before{content:'\e810'}.zan-icon-edit:before{content:'\e811'}.zan-icon-passed:before{content:'\e812'}.zan-icon-shopping-cart:before{content:'\e813'}.zan-icon-arrow:before{content:'\e814'}.zan-icon-gift:before{content:'\e815'}.zan-icon-search:before{content:'\e816'}.zan-icon-clear:before{content:'\e817'}.zan-icon-success:before{content:'\e818'}.zan-icon-fail:before{content:'\e819'}.zan-icon-contact:before{content:'\e81a'}.zan-icon-wechat:before{content:'\e81b'}.zan-icon-alipay:before{content:'\e81c'}.zan-icon-password-view:before{content:'\e81d'}.zan-icon-password-not-view:before{content:'\e81e'}.zan-icon-wap-nav:before{content:'\e81f'}.zan-icon-wap-home:before{content:'\e820'}.zan-icon-ecard-pay:before{content:'\e821'}.zan-icon-balance-pay:before{content:'\e822'}.zan-icon-peer-pay:before{content:'\e823'}.zan-icon-credit-pay:before{content:'\e824'}.zan-icon-debit-pay:before{content:'\e825'}.zan-icon-other-pay:before{content:'\e826'}.zan-icon-cart:before{content:'\e827'}.zan-icon-browsing-history:before{content:'\e828'}.zan-icon-goods-collect:before{content:'\e829'}.zan-icon-shop-collect:before{content:'\e82a'}.zan-icon-receive-gift:before{content:'\e82b'}.zan-icon-send-gift:before{content:'\e82c'}.zan-icon-setting:before{content:'\e82d'}.zan-icon-points:before{content:'\e82e'}.zan-icon-coupon:before{content:'\e82f'}.zan-icon-free-postage:before{content:'\e830'}.zan-icon-discount:before{content:'\e831'}.zan-icon-birthday-privilege:before{content:'\e832'}.zan-icon-member-day-privilege:before{content:'\e833'}.zan-icon-balance-details:before{content:'\e834'}.zan-icon-cash-back-record:before{content:'\e835'}.zan-icon-points-mall:before{content:'\e836'}.zan-icon-exchange-record:before{content:'\e837'}.zan-icon-pending-payment:before{content:'\e838'}.zan-icon-pending-orders:before{content:'\e839'}.zan-icon-pending-deliver:before{content:'\e83a'}.zan-icon-pending-evaluate:before{content:'\e83b'}.zan-icon-gift-card-pay:before{content:'\e83c'}.zan-icon-cash-on-deliver:before{content:'\e83d'}.zan-icon-underway:before{content:'\e83e'}.zan-icon-point-gift:before{content:'\e83f'}.zan-icon-after-sale:before{content:'\e840'}.zan-icon-edit-data:before{content:'\e841'}.zan-icon-question:before{content:'\e842'}.zan-icon-delete:before{content:'\e843'}.zan-icon-records:before{content:'\e844'}.zan-icon-description:before{content:'\e845'}.zan-icon-card:before{content:'\e846'}.zan-icon-gift-card:before{content:'\e847'}.zan-icon-coupon: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-label{display:inline-block;font-size:12px;height:28px;line-height:28px;color:#333;border:1rpx solid #999;padding:0 10px;border-radius:2px;margin-right:10px;box-sizing:border-box;vertical-align:middle;text-align:center}.zan-label--primary{color:#fff;background:#f44;border:1rpx solid #f44}.zan-label--disabled{color:#cacaca;background:#eee;border:1rpx solid #e5e5e5}.zan-label--small{font-size:11px;height:16px;line-height:16px;padding:0 3px}.zan-label--plain.zan-label--primary{color:#f44;background:#fff}.zan-loadmore{position:relative;width:65%;margin:21px auto;line-height:20px;font-size:14px;text-align:center;vertical-align:middle}.zan-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;animation:weuiLoading 1s steps(12,end) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;-webkit-background-size:100%;background-size:100%}.zan-loadmore .zan-loading{margin-right:4px}.zan-loadmore__tips{display:inline-block;vertical-align:middle;height:20px;line-height:20px}.zan-loadmore--nodata,.zan-loadmore--nomore{border-top:1rpx solid #e5e5e5;color:#999}.zan-loadmore--nodata{margin-top:120px}.zan-loadmore--nodata .zan-loadmore__tips{position:relative;top:-11px;background:#f9f9f9;padding:0 6px}.zan-loadmore--nomore .zan-loadmore__tips{position:relative;top:-11px;background:#f9f9f9;padding:0 6px}.zan-loadmore__dot{position:absolute;left:50%;top:10px;margin-left:-2px;margin-top:-2px;content:" ";width:4px;height:4px;border-radius:50%;background-color:#e5e5e5;display:inline-block;vertical-align:middle}.zan-noticebar{color:#f60;padding:9px 10px;font-size:12px;line-height:1.5;background-color:#fff7cc}.zan-panel{background:#fff;border-top:1rpx solid #e5e5e5;border-bottom:1rpx solid #e5e5e5;margin-top:10px;overflow:hidden}.zan-panel-title{font-size:14px;line-height:1;color:#999;padding:20px 15px 0 15px}.zan-panel--without-margin-top{margin-top:0}.zan-popup{position:fixed;background-color:#fff;width:100%;height:100%;top:50%;left:50%;transform:translate3d(-50%,-50%,0);transition:.2s ease-out}.zan-popup--top{width:100%;top:0;right:auto;bottom:auto;left:50%;transform:translate3d(-50%,0,0)}.zan-popup--right{transform:translate3d(50%,-50%,0)}.zan-popup--left{transform:translate3d(-150%,-50%,0)}.zan-popup--show{transform:translate3d(-50%,-50%,0)}.zan-quantity{color:#666}.zan-quantity view{display:inline-block;line-height:20px;padding:5px 0;text-align:center;min-width:40px;box-sizing:border-box;vertical-align:middle;font-size:12px;border:1rpx solid #999}.zan-quantity .zan-quantity__minus{border-right:none;border-radius:2px 0 0 2px}.zan-quantity .zan-quantity__text{border:1rpx solid #999;display:inline-block;text-align:center;vertical-align:middle;height:30px;width:40px;font-size:12px;line-height:30px}.zan-quantity .zan-quantity__plus{border-left:none;border-radius:0 2px 2px 0}.zan-quantity .zan-quantity--disabled{background:#f8f8f8;color:#bbb;border-color:#e8e8e8}.zan-quantity--small view{min-width:36px;line-height:18px}.zan-quantity--small .zan-quantity__text{width:36px;line-height:28px;height:28px}.zan-select__list .zan-select__radio{display:none}.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}.zan-steps--steps .zan-steps__title{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;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{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%;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:#cacaca;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}.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);transition: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;transition:transform .35s cubic-bezier(.45,1,.4,1);transform:scale(0);transform-origin:36px 16px}.zan-switch--on .zan-switch__circle{transform:translateX(20px)}.zan-switch--off .zan-switch__bg{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;animation:zan-switch-loading .8s infinite linear}@keyframes zan-switch-loading{from{transform:rotate(0)}to{transform:rotate(360deg)}}.zan-tab{height:45px}.zan-tab__bd{width:750rpx;display:flex;flex-direction:row;border-bottom:1rpx solid #e5e5e5;background:#fff}.zan-tab__bd--fixed{position:fixed;top:0;z-index:2}.zan-tab__item{flex:1;display:inline-block;text-align:center;box-sizing:border-box}.zan-tab__title{font-size:14px;display:inline-block;color:#666;height:44px;line-height:44px;box-sizing:border-box;margin:0 10px;word-break:keep-all}.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}.zan-tab__bd--scroll .zan-tab__text{margin:0 20px}.zan-toast{position:fixed;top:35%;left:20%;transform:translateZ(0) translateY(-100%);background:rgba(0,0,0,.7);color:#fff;font-size:14px;width:60%;line-height:1.5em;margin:0 auto;box-sizing:border-box;padding:10px;text-align:center;border-radius:4px;z-index:100}.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;transition:all .4s ease}.zan-toptips--show{-webkit-transform:translateZ(0) translateY(0)} \ No newline at end of file +.zan-badge{position:relative}.zan-badge__count{position:absolute;top:-8px;right:0;height:1.6em;min-width:1.6em;line-height:1.6;padding:0 .4em;font-size:10px;font-family:tahoma;border-radius:.8em;background:#f44;color:#fff;text-align:center;white-space:nowrap;transform:translateX(50%);transform-origin:-10% center;z-index:10;box-shadow:0 0 0 1px #fff;box-sizing:border-box}.zan-btn{position:relative;color:#333;background-color:#fff;margin-bottom:10px;padding-left:15px;padding-right:15px;border-radius:2px;border:1rpx solid #e5e5e5;font-size:16px;line-height:45px;height:45px;box-sizing:border-box;text-decoration:none;text-align:center;vertical-align:middle}.zan-btn::after{display:none}.zan-btns{margin:15px}.zan-btn--primary{color:#fff;background-color:#4b0;border-color:#0a0}.zan-btn--warn{color:#fff;background-color:#f85;border-color:#f85}.zan-btn--danger{color:#fff;background-color:#f44;border-color:#e33}.zan-btn--small{display:inline-block;height:30px;line-height:30px;font-size:12px;margin-right:5px;margin-bottom:0}.zan-btn--mini{display:inline-block;line-height:21px;height:22px;font-size:10px;margin-right:5px;margin-bottom:0;padding-left:5px;padding-right:5px}.zan-btn--large{border-radius:0;margin-bottom:0;border:none;line-height:50px;height:50px}.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;animation:btn-spin .6s linear;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)}@keyframes btn-spin{0%{transform:rotate(0)}100%{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--last-child,.zan-btn:last-child{margin-bottom:0;margin-right:0}.zan-capsule{display:inline-block;font-size:12px;vertical-align:middle;line-height:16px;transform:scale(.83)}.zan-capsule__left,.zan-capsule__right{display:inline-block;line-height:16px;height:16px;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}.zan-card{margin-left:0;width:auto;padding:5px 15px;overflow:hidden;position:relative;font-size:14px}.zan-card__thumb{width:90px;height:90px;float:left;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{margin-left:100px;width:auto;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}.zan-cell{position:relative;padding:12px 15px;display:flex;align-items:center;line-height:1.4;font-size:14px}.zan-cell::after{position:absolute;left:15px;right:0;bottom:0;border-top:1rpx solid #e5e5e5;background:#e5e5e5;content:' '}.zan-cell__icon{margin-right:5px}.zan-cell__bd{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-child::after,.zan-cell:last-child::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;transform:translateY(-50%) matrix(.71,.71,-.71,.71,0,0)}.zan-cell--switch{padding-top:6px;padding-bottom:6px}.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%}.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:#3283fa!important}.zan-c-green{color:#4b0!important}.zan-dialog__mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background:rgba(0,0,0,.7);display:none}.zan-dialog__container{position:fixed;left:0;bottom:0;width:750rpx;background:#fff;transform:translateY(150%);transition:all .4s ease;z-index:11}.zan-dialog--show .zan-dialog__container{transform:translateY(0)}.zan-dialog--show .zan-dialog__mask{display:block}.zan-field{padding:7px 15px;color:#333}.zan-field--wrapped{margin:0 15px;border:1rpx solid #e5e5e5;border-radius:8rpx;background-color:#fff}.zan-field--wrapped::after{border:0rpx}.zan-field--wrapped+.zan-field--wrapped{margin-top:10px}.zan-field--error{border-color:#f40;color:#f40}.zan-field__title{color:#333;min-width:65px;padding-right:10px}.zan-field__input{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}.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:22px}.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;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}@font-face{font-family:zanui-weapp-icon;src:url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-9e9804afef.eot);src:url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-9e9804afef.eot?#iefix) format('embedded-opentype'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-9e9804afef.woff2) format('woff2'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-9e9804afef.woff) format('woff'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-9e9804afef.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-add2:before{content:'\e80e'}.zan-icon-photo:before{content:'\e80f'}.zan-icon-logistics:before{content:'\e810'}.zan-icon-edit:before{content:'\e811'}.zan-icon-passed:before{content:'\e812'}.zan-icon-shopping-cart:before{content:'\e813'}.zan-icon-arrow:before{content:'\e814'}.zan-icon-gift:before{content:'\e815'}.zan-icon-search:before{content:'\e816'}.zan-icon-clear:before{content:'\e817'}.zan-icon-success:before{content:'\e818'}.zan-icon-fail:before{content:'\e819'}.zan-icon-contact:before{content:'\e81a'}.zan-icon-wechat:before{content:'\e81b'}.zan-icon-alipay:before{content:'\e81c'}.zan-icon-password-view:before{content:'\e81d'}.zan-icon-password-not-view:before{content:'\e81e'}.zan-icon-wap-nav:before{content:'\e81f'}.zan-icon-wap-home:before{content:'\e820'}.zan-icon-ecard-pay:before{content:'\e821'}.zan-icon-balance-pay:before{content:'\e822'}.zan-icon-peer-pay:before{content:'\e823'}.zan-icon-credit-pay:before{content:'\e824'}.zan-icon-debit-pay:before{content:'\e825'}.zan-icon-other-pay:before{content:'\e826'}.zan-icon-cart:before{content:'\e827'}.zan-icon-browsing-history:before{content:'\e828'}.zan-icon-goods-collect:before{content:'\e829'}.zan-icon-shop-collect:before{content:'\e82a'}.zan-icon-receive-gift:before{content:'\e82b'}.zan-icon-send-gift:before{content:'\e82c'}.zan-icon-setting:before{content:'\e82d'}.zan-icon-points:before{content:'\e82e'}.zan-icon-coupon:before{content:'\e82f'}.zan-icon-free-postage:before{content:'\e830'}.zan-icon-discount:before{content:'\e831'}.zan-icon-birthday-privilege:before{content:'\e832'}.zan-icon-member-day-privilege:before{content:'\e833'}.zan-icon-balance-details:before{content:'\e834'}.zan-icon-cash-back-record:before{content:'\e835'}.zan-icon-points-mall:before{content:'\e836'}.zan-icon-exchange-record:before{content:'\e837'}.zan-icon-pending-payment:before{content:'\e838'}.zan-icon-pending-orders:before{content:'\e839'}.zan-icon-pending-deliver:before{content:'\e83a'}.zan-icon-pending-evaluate:before{content:'\e83b'}.zan-icon-gift-card-pay:before{content:'\e83c'}.zan-icon-cash-on-deliver:before{content:'\e83d'}.zan-icon-underway:before{content:'\e83e'}.zan-icon-point-gift:before{content:'\e83f'}.zan-icon-after-sale:before{content:'\e840'}.zan-icon-edit-data:before{content:'\e841'}.zan-icon-question:before{content:'\e842'}.zan-icon-delete:before{content:'\e843'}.zan-icon-records:before{content:'\e844'}.zan-icon-description:before{content:'\e845'}.zan-icon-card:before{content:'\e846'}.zan-icon-gift-card:before{content:'\e847'}.zan-icon-coupon: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-label{display:inline-block;font-size:12px;height:28px;line-height:28px;color:#333;border:1rpx solid #999;padding:0 10px;border-radius:2px;margin-right:10px;box-sizing:border-box;vertical-align:middle;text-align:center}.zan-label--primary{color:#fff;background:#f44;border:1rpx solid #f44}.zan-label--disabled{color:#cacaca;background:#eee;border:1rpx solid #e5e5e5}.zan-label--small{font-size:11px;height:16px;line-height:16px;padding:0 3px}.zan-label--plain.zan-label--primary{color:#f44;background:#fff}.zan-loadmore{position:relative;width:65%;margin:21px auto;line-height:20px;font-size:14px;text-align:center;vertical-align:middle}.zan-loading{width:20px;height:20px;display:inline-block;vertical-align:middle;animation:weuiLoading 1s steps(12,end) infinite;background:transparent url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iciIgd2lkdGg9JzEyMHB4JyBoZWlnaHQ9JzEyMHB4JyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICAgIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAiIGhlaWdodD0iMTAwIiBmaWxsPSJub25lIiBjbGFzcz0iYmsiPjwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjRTlFOUU5JwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoMCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICA8L3JlY3Q+CiAgICA8cmVjdCB4PSc0Ni41JyB5PSc0MCcgd2lkdGg9JzcnIGhlaWdodD0nMjAnIHJ4PSc1JyByeT0nNScgZmlsbD0nIzk4OTY5NycKICAgICAgICAgIHRyYW5zZm9ybT0ncm90YXRlKDMwIDUwIDUwKSB0cmFuc2xhdGUoMCAtMzApJz4KICAgICAgICAgICAgICAgICByZXBlYXRDb3VudD0naW5kZWZpbml0ZScvPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyM5Qjk5OUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSg2MCA1MCA1MCkgdHJhbnNsYXRlKDAgLTMwKSc+CiAgICAgICAgICAgICAgICAgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnLz4KICAgIDwvcmVjdD4KICAgIDxyZWN0IHg9JzQ2LjUnIHk9JzQwJyB3aWR0aD0nNycgaGVpZ2h0PScyMCcgcng9JzUnIHJ5PSc1JyBmaWxsPScjQTNBMUEyJwogICAgICAgICAgdHJhbnNmb3JtPSdyb3RhdGUoOTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNBQkE5QUEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxMjAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCMkIyQjInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxNTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNCQUI4QjknCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgxODAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDMkMwQzEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyMTAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNDQkNCQ0InCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEMkQyRDInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgyNzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNEQURBREEnCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMDAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0PgogICAgPHJlY3QgeD0nNDYuNScgeT0nNDAnIHdpZHRoPSc3JyBoZWlnaHQ9JzIwJyByeD0nNScgcnk9JzUnIGZpbGw9JyNFMkUyRTInCiAgICAgICAgICB0cmFuc2Zvcm09J3JvdGF0ZSgzMzAgNTAgNTApIHRyYW5zbGF0ZSgwIC0zMCknPgogICAgPC9yZWN0Pgo8L3N2Zz4=) no-repeat;-webkit-background-size:100%;background-size:100%}.zan-loadmore .zan-loading{margin-right:4px}.zan-loadmore__tips{display:inline-block;vertical-align:middle;height:20px;line-height:20px}.zan-loadmore--nodata,.zan-loadmore--nomore{border-top:1rpx solid #e5e5e5;color:#999}.zan-loadmore--nodata{margin-top:120px}.zan-loadmore--nodata .zan-loadmore__tips{position:relative;top:-11px;background:#f9f9f9;padding:0 6px}.zan-loadmore--nomore .zan-loadmore__tips{position:relative;top:-11px;background:#f9f9f9;padding:0 6px}.zan-loadmore__dot{position:absolute;left:50%;top:10px;margin-left:-2px;margin-top:-2px;content:" ";width:4px;height:4px;border-radius:50%;background-color:#e5e5e5;display:inline-block;vertical-align:middle}.zan-noticebar{color:#f60;padding:9px 10px;font-size:12px;line-height:1.5;background-color:#fff7cc}.zan-panel{background:#fff;border-top:1rpx solid #e5e5e5;border-bottom:1rpx solid #e5e5e5;margin-top:10px;overflow:hidden}.zan-panel-title{font-size:14px;line-height:1;color:#999;padding:20px 15px 0 15px}.zan-panel--without-margin-top{margin-top:0}.zan-popup{position:fixed;background-color:#fff;width:100%;height:100%;top:50%;left:50%;transform:translate3d(-50%,-50%,0);transition:.2s ease-out}.zan-popup--top{width:100%;top:0;right:auto;bottom:auto;left:50%;transform:translate3d(-50%,0,0)}.zan-popup--right{transform:translate3d(50%,-50%,0)}.zan-popup--left{transform:translate3d(-150%,-50%,0)}.zan-popup--show{transform:translate3d(-50%,-50%,0)}.zan-quantity{color:#666}.zan-quantity view{display:inline-block;line-height:20px;padding:5px 0;text-align:center;min-width:40px;box-sizing:border-box;vertical-align:middle;font-size:12px;border:1rpx solid #999}.zan-quantity .zan-quantity__minus{border-right:none;border-radius:2px 0 0 2px}.zan-quantity .zan-quantity__text{border:1rpx solid #999;display:inline-block;text-align:center;vertical-align:middle;height:30px;width:40px;font-size:12px;line-height:30px}.zan-quantity .zan-quantity__plus{border-left:none;border-radius:0 2px 2px 0}.zan-quantity .zan-quantity--disabled{background:#f8f8f8;color:#bbb;border-color:#e8e8e8}.zan-quantity--small view{min-width:36px;line-height:18px}.zan-quantity--small .zan-quantity__text{width:36px;line-height:28px;height:28px}.zan-row:after{content:"";display:table;clear:both}.zan-select__list .zan-select__radio{display:none}.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}.zan-steps--steps .zan-steps__title{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;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{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%;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:#cacaca;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}.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);transition: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;transition:transform .35s cubic-bezier(.45,1,.4,1);transform:scale(0);transform-origin:36px 16px}.zan-switch--on .zan-switch__circle{transform:translateX(20px)}.zan-switch--off .zan-switch__bg{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;animation:zan-switch-loading .8s infinite linear}@keyframes zan-switch-loading{from{transform:rotate(0)}to{transform:rotate(360deg)}}.zan-tab{height:45px}.zan-tab__bd{width:750rpx;display:flex;flex-direction:row;border-bottom:1rpx solid #e5e5e5;background:#fff}.zan-tab__bd--fixed{position:fixed;top:0;z-index:2}.zan-tab__item{flex:1;display:inline-block;text-align:center;box-sizing:border-box}.zan-tab__title{font-size:14px;display:inline-block;color:#666;height:44px;line-height:44px;box-sizing:border-box;margin:0 10px;word-break:keep-all}.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}.zan-tab__bd--scroll .zan-tab__text{margin:0 20px}.zan-toast{position:fixed;top:35%;left:20%;transform:translateZ(0) translateY(-100%);background:rgba(0,0,0,.7);color:#fff;font-size:14px;width:60%;line-height:1.5em;margin:0 auto;box-sizing:border-box;padding:10px;text-align:center;border-radius:4px;z-index:100}.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;transition:all .4s ease}.zan-toptips--show{-webkit-transform:translateZ(0) translateY(0)} \ No newline at end of file diff --git a/dist/row/index.wxss b/dist/row/index.wxss new file mode 100644 index 00000000..d1bb0067 --- /dev/null +++ b/dist/row/index.wxss @@ -0,0 +1 @@ +.zan-row:after{content:"";display:table;clear:both} \ No newline at end of file diff --git a/app.js b/example/app.js similarity index 100% rename from app.js rename to example/app.js diff --git a/example/app.json b/example/app.json new file mode 100644 index 00000000..cc3f5836 --- /dev/null +++ b/example/app.json @@ -0,0 +1,35 @@ +{ + "pages": [ + "pages/dashboard/index", + "pages/btn/index", + "pages/badge/index", + "pages/capsule/index", + "pages/card/index", + "pages/cell/index", + "pages/dialog/index", + "pages/field/index", + "pages/helper/index", + "pages/icon/index", + "pages/label/index", + "pages/layout/index", + "pages/loadmore/index", + "pages/noticebar/index", + "pages/panel/index", + "pages/popup/index", + "pages/quantity/index", + "pages/steps/index", + "pages/switch/index", + "pages/tab/index", + "pages/toptips/index", + "pages/toast/index", + "pages/select/index" + ], + "window": { + "navigationBarBackgroundColor": "#FAFAFA", + "navigationBarTitleText": "ZanUI-WeApp", + "navigationBarTextStyle": "black", + "backgroundTextStyle": "dark", + "backgroundColor": "#f9f9f9" + }, + "debug": true +} diff --git a/app.wxss b/example/app.wxss similarity index 80% rename from app.wxss rename to example/app.wxss index ea3da517..d9905dc5 100644 --- a/app.wxss +++ b/example/app.wxss @@ -25,3 +25,10 @@ margin: 10px 15px; border-bottom: 1rpx solid #e5e5e5; } +.doc-description { + margin: 14px 0; + padding: 0 15px; + font-size: 14px; + line-height: 20px; + color: #666; +} diff --git a/example/badge/index.js b/example/pages/badge/index.js similarity index 100% rename from example/badge/index.js rename to example/pages/badge/index.js diff --git a/example/badge/index.json b/example/pages/badge/index.json similarity index 100% rename from example/badge/index.json rename to example/pages/badge/index.json diff --git a/example/badge/index.wxml b/example/pages/badge/index.wxml similarity index 100% rename from example/badge/index.wxml rename to example/pages/badge/index.wxml diff --git a/example/badge/index.wxss b/example/pages/badge/index.wxss similarity index 100% rename from example/badge/index.wxss rename to example/pages/badge/index.wxss diff --git a/example/btn/index.js b/example/pages/btn/index.js similarity index 100% rename from example/btn/index.js rename to example/pages/btn/index.js diff --git a/example/btn/index.json b/example/pages/btn/index.json similarity index 100% rename from example/btn/index.json rename to example/pages/btn/index.json diff --git a/example/btn/index.wxml b/example/pages/btn/index.wxml similarity index 100% rename from example/btn/index.wxml rename to example/pages/btn/index.wxml diff --git a/example/capsule/index.js b/example/pages/capsule/index.js similarity index 100% rename from example/capsule/index.js rename to example/pages/capsule/index.js diff --git a/example/capsule/index.json b/example/pages/capsule/index.json similarity index 100% rename from example/capsule/index.json rename to example/pages/capsule/index.json diff --git a/example/capsule/index.wxml b/example/pages/capsule/index.wxml similarity index 100% rename from example/capsule/index.wxml rename to example/pages/capsule/index.wxml diff --git a/example/card/index.js b/example/pages/card/index.js similarity index 100% rename from example/card/index.js rename to example/pages/card/index.js diff --git a/example/card/index.json b/example/pages/card/index.json similarity index 100% rename from example/card/index.json rename to example/pages/card/index.json diff --git a/example/card/index.wxml b/example/pages/card/index.wxml similarity index 100% rename from example/card/index.wxml rename to example/pages/card/index.wxml diff --git a/example/cell/index.js b/example/pages/cell/index.js similarity index 100% rename from example/cell/index.js rename to example/pages/cell/index.js diff --git a/example/cell/index.json b/example/pages/cell/index.json similarity index 100% rename from example/cell/index.json rename to example/pages/cell/index.json diff --git a/example/cell/index.wxml b/example/pages/cell/index.wxml similarity index 100% rename from example/cell/index.wxml rename to example/pages/cell/index.wxml diff --git a/example/dashboard/config.js b/example/pages/dashboard/config.js similarity index 57% rename from example/dashboard/config.js rename to example/pages/dashboard/config.js index a25055da..921dc8fb 100644 --- a/example/dashboard/config.js +++ b/example/pages/dashboard/config.js @@ -4,55 +4,58 @@ export default { content: [ { name: 'Badge 徽章', - path: '/example/badge/index' + path: '/pages/badge/index' }, { name: 'Button 按钮', - path: '/example/btn/index' + path: '/pages/btn/index' }, { name: 'Capsule 胶囊', - path: '/example/capsule/index' + path: '/pages/capsule/index' }, { name: 'Card 卡片', - path: '/example/card/index' + path: '/pages/card/index' }, { name: 'Cell 单元格', - path: '/example/cell/index' + path: '/pages/cell/index' }, { name: 'Helper 基础样式', - path: '/example/helper/index' + path: '/pages/helper/index' }, { name: 'Icon 图标', - path: '/example/icon/index' + path: '/pages/icon/index' }, { name: 'Label 标签', - path: '/example/label/index' + path: '/pages/label/index' + }, { + name: 'Layout 标签', + path: '/pages/layout/index' }, { name: 'Loadmore 加载', - path: '/example/loadmore/index' + path: '/pages/loadmore/index' }, { name: 'Noticebar 通告栏', - path: '/example/noticebar/index' + path: '/pages/noticebar/index' }, { name: 'Panel 面板', - path: '/example/panel/index' + path: '/pages/panel/index' }, { name: 'Popup 弹出层', - path: '/example/popup/index' + path: '/pages/popup/index' }, { name: 'Quantity 计数器', - path: '/example/quantity/index' + path: '/pages/quantity/index' }, { name: 'Select 选择', - path: '/example/select/index' + path: '/pages/select/index' }, { name: 'Steps 步骤条', - path: '/example/steps/index' + path: '/pages/steps/index' }, { name: 'Switch 开关', - path: '/example/switch/index' + path: '/pages/switch/index' }, { name: 'Tab 标签', - path: '/example/tab/index' + path: '/pages/tab/index' } ] }, @@ -61,7 +64,7 @@ export default { content: [ { name: 'Field 输入框', - path: '/example/field/index' + path: '/pages/field/index' } ] }, @@ -70,13 +73,13 @@ export default { content: [ { name: 'Dialog 弹出框', - path: '/example/dialog/index' + path: '/pages/dialog/index' }, { name: 'Toast 轻提示', - path: '/example/toast/index' + path: '/pages/toast/index' }, { name: 'Toptips 顶部提示', - path: '/example/toptips/index' + path: '/pages/toptips/index' } ] } diff --git a/example/dashboard/index.js b/example/pages/dashboard/index.js similarity index 100% rename from example/dashboard/index.js rename to example/pages/dashboard/index.js diff --git a/example/dashboard/index.wxml b/example/pages/dashboard/index.wxml similarity index 100% rename from example/dashboard/index.wxml rename to example/pages/dashboard/index.wxml diff --git a/example/dashboard/index.wxss b/example/pages/dashboard/index.wxss similarity index 100% rename from example/dashboard/index.wxss rename to example/pages/dashboard/index.wxss diff --git a/example/dialog/index.js b/example/pages/dialog/index.js similarity index 100% rename from example/dialog/index.js rename to example/pages/dialog/index.js diff --git a/example/dialog/index.json b/example/pages/dialog/index.json similarity index 100% rename from example/dialog/index.json rename to example/pages/dialog/index.json diff --git a/example/dialog/index.wxml b/example/pages/dialog/index.wxml similarity index 100% rename from example/dialog/index.wxml rename to example/pages/dialog/index.wxml diff --git a/example/field/index.js b/example/pages/field/index.js similarity index 100% rename from example/field/index.js rename to example/pages/field/index.js diff --git a/example/field/index.json b/example/pages/field/index.json similarity index 100% rename from example/field/index.json rename to example/pages/field/index.json diff --git a/example/field/index.wxml b/example/pages/field/index.wxml similarity index 100% rename from example/field/index.wxml rename to example/pages/field/index.wxml diff --git a/example/field/index.wxss b/example/pages/field/index.wxss similarity index 100% rename from example/field/index.wxss rename to example/pages/field/index.wxss diff --git a/example/helper/index.js b/example/pages/helper/index.js similarity index 100% rename from example/helper/index.js rename to example/pages/helper/index.js diff --git a/example/helper/index.json b/example/pages/helper/index.json similarity index 100% rename from example/helper/index.json rename to example/pages/helper/index.json diff --git a/example/helper/index.wxml b/example/pages/helper/index.wxml similarity index 100% rename from example/helper/index.wxml rename to example/pages/helper/index.wxml diff --git a/example/icon/index.js b/example/pages/icon/index.js similarity index 100% rename from example/icon/index.js rename to example/pages/icon/index.js diff --git a/example/icon/index.json b/example/pages/icon/index.json similarity index 100% rename from example/icon/index.json rename to example/pages/icon/index.json diff --git a/example/icon/index.wxml b/example/pages/icon/index.wxml similarity index 100% rename from example/icon/index.wxml rename to example/pages/icon/index.wxml diff --git a/example/icon/index.wxss b/example/pages/icon/index.wxss similarity index 100% rename from example/icon/index.wxss rename to example/pages/icon/index.wxss diff --git a/example/label/index.js b/example/pages/label/index.js similarity index 100% rename from example/label/index.js rename to example/pages/label/index.js diff --git a/example/label/index.json b/example/pages/label/index.json similarity index 100% rename from example/label/index.json rename to example/pages/label/index.json diff --git a/example/label/index.wxml b/example/pages/label/index.wxml similarity index 100% rename from example/label/index.wxml rename to example/pages/label/index.wxml diff --git a/example/loadmore/index.js b/example/pages/layout/index.js similarity index 100% rename from example/loadmore/index.js rename to example/pages/layout/index.js diff --git a/example/pages/layout/index.wxml b/example/pages/layout/index.wxml new file mode 100644 index 00000000..7d3740c9 --- /dev/null +++ b/example/pages/layout/index.wxml @@ -0,0 +1,33 @@ + + + LAYOUT + + 基础用法 + Layout 组件提供了24列栅格，添加 zan-col-x 可以设置元素所占宽度 + + + + span: 8 + + + span: 8 + + + span: 8 + + + + + offset + 添加 zan-col-offset-x 类可以设置列的偏移宽度，计算方式与 span 相同 + + + span: 4 + offset: 4, span: 10 + + + offset: 12, span: 12 + + + + diff --git a/example/pages/layout/index.wxss b/example/pages/layout/index.wxss new file mode 100644 index 00000000..5eab3147 --- /dev/null +++ b/example/pages/layout/index.wxss @@ -0,0 +1,11 @@ +.zan-col { + line-height: 30px; + text-align: center; + background-color: #39a9ed; + font-size: 12px; + color: #fff; +} + +.zan-col:nth-child(even) { + background-color: #66c6f2; +} diff --git a/example/panel/index.js b/example/pages/loadmore/index.js similarity index 100% rename from example/panel/index.js rename to example/pages/loadmore/index.js diff --git a/example/loadmore/index.json b/example/pages/loadmore/index.json similarity index 100% rename from example/loadmore/index.json rename to example/pages/loadmore/index.json diff --git a/example/loadmore/index.wxml b/example/pages/loadmore/index.wxml similarity index 100% rename from example/loadmore/index.wxml rename to example/pages/loadmore/index.wxml diff --git a/example/noticebar/index.js b/example/pages/noticebar/index.js similarity index 100% rename from example/noticebar/index.js rename to example/pages/noticebar/index.js diff --git a/example/noticebar/index.json b/example/pages/noticebar/index.json similarity index 100% rename from example/noticebar/index.json rename to example/pages/noticebar/index.json diff --git a/example/noticebar/index.wxml b/example/pages/noticebar/index.wxml similarity index 100% rename from example/noticebar/index.wxml rename to example/pages/noticebar/index.wxml diff --git a/example/pages/panel/index.js b/example/pages/panel/index.js new file mode 100644 index 00000000..454020c0 --- /dev/null +++ b/example/pages/panel/index.js @@ -0,0 +1,11 @@ +Page({ + data: { + }, + + onLoad: function () { + + }, + + onShow: function() { + }, +}) diff --git a/example/panel/index.json b/example/pages/panel/index.json similarity index 100% rename from example/panel/index.json rename to example/pages/panel/index.json diff --git a/example/panel/index.wxml b/example/pages/panel/index.wxml similarity index 100% rename from example/panel/index.wxml rename to example/pages/panel/index.wxml diff --git a/example/popup/index.js b/example/pages/popup/index.js similarity index 100% rename from example/popup/index.js rename to example/pages/popup/index.js diff --git a/example/popup/index.json b/example/pages/popup/index.json similarity index 100% rename from example/popup/index.json rename to example/pages/popup/index.json diff --git a/example/popup/index.wxml b/example/pages/popup/index.wxml similarity index 100% rename from example/popup/index.wxml rename to example/pages/popup/index.wxml diff --git a/example/quantity/index.js b/example/pages/quantity/index.js similarity index 100% rename from example/quantity/index.js rename to example/pages/quantity/index.js diff --git a/example/quantity/index.json b/example/pages/quantity/index.json similarity index 100% rename from example/quantity/index.json rename to example/pages/quantity/index.json diff --git a/example/quantity/index.wxml b/example/pages/quantity/index.wxml similarity index 100% rename from example/quantity/index.wxml rename to example/pages/quantity/index.wxml diff --git a/example/select/index.js b/example/pages/select/index.js similarity index 100% rename from example/select/index.js rename to example/pages/select/index.js diff --git a/example/select/index.json b/example/pages/select/index.json similarity index 100% rename from example/select/index.json rename to example/pages/select/index.json diff --git a/example/select/index.wxml b/example/pages/select/index.wxml similarity index 100% rename from example/select/index.wxml rename to example/pages/select/index.wxml diff --git a/example/steps/index.js b/example/pages/steps/index.js similarity index 100% rename from example/steps/index.js rename to example/pages/steps/index.js diff --git a/example/steps/index.json b/example/pages/steps/index.json similarity index 100% rename from example/steps/index.json rename to example/pages/steps/index.json diff --git a/example/steps/index.wxml b/example/pages/steps/index.wxml similarity index 100% rename from example/steps/index.wxml rename to example/pages/steps/index.wxml diff --git a/example/steps/index.wxss b/example/pages/steps/index.wxss similarity index 100% rename from example/steps/index.wxss rename to example/pages/steps/index.wxss diff --git a/example/switch/index.js b/example/pages/switch/index.js similarity index 100% rename from example/switch/index.js rename to example/pages/switch/index.js diff --git a/example/switch/index.json b/example/pages/switch/index.json similarity index 100% rename from example/switch/index.json rename to example/pages/switch/index.json diff --git a/example/switch/index.wxml b/example/pages/switch/index.wxml similarity index 100% rename from example/switch/index.wxml rename to example/pages/switch/index.wxml diff --git a/example/switch/index.wxss b/example/pages/switch/index.wxss similarity index 100% rename from example/switch/index.wxss rename to example/pages/switch/index.wxss diff --git a/example/tab/index.js b/example/pages/tab/index.js similarity index 100% rename from example/tab/index.js rename to example/pages/tab/index.js diff --git a/example/tab/index.json b/example/pages/tab/index.json similarity index 100% rename from example/tab/index.json rename to example/pages/tab/index.json diff --git a/example/tab/index.wxml b/example/pages/tab/index.wxml similarity index 100% rename from example/tab/index.wxml rename to example/pages/tab/index.wxml diff --git a/example/toast/index.js b/example/pages/toast/index.js similarity index 100% rename from example/toast/index.js rename to example/pages/toast/index.js diff --git a/example/toast/index.json b/example/pages/toast/index.json similarity index 100% rename from example/toast/index.json rename to example/pages/toast/index.json diff --git a/example/toast/index.wxml b/example/pages/toast/index.wxml similarity index 100% rename from example/toast/index.wxml rename to example/pages/toast/index.wxml diff --git a/example/toptips/index.js b/example/pages/toptips/index.js similarity index 100% rename from example/toptips/index.js rename to example/pages/toptips/index.js diff --git a/example/toptips/index.json b/example/pages/toptips/index.json similarity index 100% rename from example/toptips/index.json rename to example/pages/toptips/index.json diff --git a/example/toptips/index.wxml b/example/pages/toptips/index.wxml similarity index 100% rename from example/toptips/index.wxml rename to example/pages/toptips/index.wxml diff --git a/package.json b/package.json index ed1d88f5..b3c4b202 100644 --- a/package.json +++ b/package.json @@ -7,12 +7,11 @@ "example": "example" }, "scripts": { - "release": "sh build/release.sh", - "components": "node build/build-components.js --color", - "css": "gulp build --gulpfile build/build-css.js --color", - "changelog": "sh build/build-changelog.sh", - "icon": "sh build/build-icon.sh", - "dev": "node build/build-dev.js --color" + "release": "sh scripts/release.sh", + "components": "node scripts/build-components.js --color", + "changelog": "sh scripts/build-changelog.sh", + "icon": "sh scripts/build-icon.sh", + "dev": "node scripts/build-dev.js --color" }, "repository": { "type": "git", @@ -29,6 +28,8 @@ "gulp": "^3.9.1", "gulp-clean-css": "^3.9.0", "gulp-postcss": "^7.0.0", + "gulp-rename": "^1.2.2", + "gulp-util": "^3.0.8", "node-watch": "^0.5.5", "postcss-calc": "^6.0.1", "postcss-easy-import": "^3.0.0", diff --git a/packages/badge/index.wxss b/packages/badge/index.pcss similarity index 100% rename from packages/badge/index.wxss rename to packages/badge/index.pcss diff --git a/packages/btn/index.wxss b/packages/btn/index.pcss similarity index 100% rename from packages/btn/index.wxss rename to packages/btn/index.pcss diff --git a/packages/capsule/index.wxss b/packages/capsule/index.pcss similarity index 100% rename from packages/capsule/index.wxss rename to packages/capsule/index.pcss diff --git a/packages/card/index.wxss b/packages/card/index.pcss similarity index 100% rename from packages/card/index.wxss rename to packages/card/index.pcss diff --git a/packages/cell/index.wxss b/packages/cell/index.pcss similarity index 100% rename from packages/cell/index.wxss rename to packages/cell/index.pcss diff --git a/packages/col/index.pcss b/packages/col/index.pcss new file mode 100644 index 00000000..217cb782 --- /dev/null +++ b/packages/col/index.pcss @@ -0,0 +1,10 @@ +.zan-col { + float: left; + box-sizing: border-box; + width: 0; +} + +@for $i from 1 to 24 { + .zan-col-$i { width: calc($i * 100% / 24); } + .zan-col-offset-$i { margin-left: calc($i * 100% / 24); } +} diff --git a/packages/color/index.wxss b/packages/color/index.pcss similarity index 100% rename from packages/color/index.wxss rename to packages/color/index.pcss diff --git a/packages/dialog/index.wxss b/packages/dialog/index.pcss similarity index 100% rename from packages/dialog/index.wxss rename to packages/dialog/index.pcss diff --git a/packages/field/index.wxss b/packages/field/index.pcss similarity index 95% rename from packages/field/index.wxss rename to packages/field/index.pcss index 5be58895..0e8db025 100644 --- a/packages/field/index.wxss +++ b/packages/field/index.pcss @@ -1,4 +1,4 @@ -@import '../cell/index.wxss'; +@import '../cell/index.pcss'; .zan-field { padding: 7px 15px; diff --git a/packages/helper/index.wxss b/packages/helper/index.pcss similarity index 100% rename from packages/helper/index.wxss rename to packages/helper/index.pcss diff --git a/packages/icon/index.wxss b/packages/icon/index.pcss similarity index 92% rename from packages/icon/index.wxss rename to packages/icon/index.pcss index 8f83272a..4d2e5794 100644 --- a/packages/icon/index.wxss +++ b/packages/icon/index.pcss @@ -2,11 +2,11 @@ @font-face { font-family: 'zanui-weapp-icon'; - src: url('https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-9e9804afef.eot'); - src: url('https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-9e9804afef.eot?#iefix') format('embedded-opentype'), - url('https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-9e9804afef.woff2') format('woff2'), - url('https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-9e9804afef.woff') format('woff'), - url('https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-9e9804afef.ttf') format('truetype') + src: url('https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-16d5e9f9af.eot'); + src: url('https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-16d5e9f9af.eot?#iefix') format('embedded-opentype'), + url('https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-16d5e9f9af.woff2') format('woff2'), + url('https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-16d5e9f9af.woff') format('woff'), + url('https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-16d5e9f9af.ttf') format('truetype') } .zan-icon { diff --git a/packages/index.pcss b/packages/index.pcss new file mode 100644 index 00000000..b3909383 --- /dev/null +++ b/packages/index.pcss @@ -0,0 +1,24 @@ +@import "badge/index.pcss"; +@import "btn/index.pcss"; +@import "capsule/index.pcss"; +@import "card/index.pcss"; +@import "cell/index.pcss"; +@import "col/index.pcss"; +@import "color/index.pcss"; +@import "dialog/index.pcss"; +@import "field/index.pcss"; +@import "helper/index.pcss"; +@import "icon/index.pcss"; +@import "label/index.pcss"; +@import "loadmore/index.pcss"; +@import "noticebar/index.pcss"; +@import "panel/index.pcss"; +@import "popup/index.pcss"; +@import "quantity/index.pcss"; +@import "row/index.pcss"; +@import "select/index.pcss"; +@import "steps/index.pcss"; +@import "switch/index.pcss"; +@import "tab/index.pcss"; +@import "toast/index.pcss"; +@import "toptips/index.pcss"; diff --git a/packages/index.wxss b/packages/index.wxss deleted file mode 100644 index c5b70894..00000000 --- a/packages/index.wxss +++ /dev/null @@ -1,22 +0,0 @@ -@import "badge/index.wxss"; -@import "btn/index.wxss"; -@import "capsule/index.wxss"; -@import "card/index.wxss"; -@import "cell/index.wxss"; -@import "color/index.wxss"; -@import "dialog/index.wxss"; -@import "field/index.wxss"; -@import "helper/index.wxss"; -@import "icon/index.wxss"; -@import "label/index.wxss"; -@import "loadmore/index.wxss"; -@import "noticebar/index.wxss"; -@import "panel/index.wxss"; -@import "popup/index.wxss"; -@import "quantity/index.wxss"; -@import "select/index.wxss"; -@import "steps/index.wxss"; -@import "switch/index.wxss"; -@import "tab/index.wxss"; -@import "toast/index.wxss"; -@import "toptips/index.wxss"; diff --git a/packages/label/index.wxss b/packages/label/index.pcss similarity index 100% rename from packages/label/index.wxss rename to packages/label/index.pcss diff --git a/packages/loadmore/index.wxss b/packages/loadmore/index.pcss similarity index 100% rename from packages/loadmore/index.wxss rename to packages/loadmore/index.pcss diff --git a/packages/noticebar/index.wxss b/packages/noticebar/index.pcss similarity index 100% rename from packages/noticebar/index.wxss rename to packages/noticebar/index.pcss diff --git a/packages/panel/index.wxss b/packages/panel/index.pcss similarity index 100% rename from packages/panel/index.wxss rename to packages/panel/index.pcss diff --git a/packages/popup/index.wxss b/packages/popup/index.pcss similarity index 100% rename from packages/popup/index.wxss rename to packages/popup/index.pcss diff --git a/packages/quantity/index.wxss b/packages/quantity/index.pcss similarity index 100% rename from packages/quantity/index.wxss rename to packages/quantity/index.pcss diff --git a/packages/row/index.pcss b/packages/row/index.pcss new file mode 100644 index 00000000..7fd67a7e --- /dev/null +++ b/packages/row/index.pcss @@ -0,0 +1,7 @@ +.zan-row { + &:after { + content: ""; + display: table; + clear: both; + } +} diff --git a/packages/select/index.wxss b/packages/select/index.pcss similarity index 100% rename from packages/select/index.wxss rename to packages/select/index.pcss diff --git a/packages/steps/index.pcss b/packages/steps/index.pcss new file mode 100644 index 00000000..aed82902 --- /dev/null +++ b/packages/steps/index.pcss @@ -0,0 +1,6 @@ +@import "wxss/step.pcss"; +@import "wxss/vstep.pcss"; + +.zan-steps { + position: relative; +} diff --git a/packages/steps/index.wxss b/packages/steps/index.wxss deleted file mode 100644 index 14532034..00000000 --- a/packages/steps/index.wxss +++ /dev/null @@ -1,6 +0,0 @@ -@import "wxss/step.wxss"; -@import "wxss/vstep.wxss"; - -.zan-steps { - position: relative; -} diff --git a/packages/steps/wxss/step.wxss b/packages/steps/wxss/step.pcss similarity index 100% rename from packages/steps/wxss/step.wxss rename to packages/steps/wxss/step.pcss diff --git a/packages/steps/wxss/vstep.wxss b/packages/steps/wxss/vstep.pcss similarity index 100% rename from packages/steps/wxss/vstep.wxss rename to packages/steps/wxss/vstep.pcss diff --git a/packages/switch/index.wxss b/packages/switch/index.pcss similarity index 100% rename from packages/switch/index.wxss rename to packages/switch/index.pcss diff --git a/packages/tab/index.wxss b/packages/tab/index.pcss similarity index 100% rename from packages/tab/index.wxss rename to packages/tab/index.pcss diff --git a/packages/toast/index.wxss b/packages/toast/index.pcss similarity index 100% rename from packages/toast/index.wxss rename to packages/toast/index.pcss diff --git a/packages/toptips/index.wxss b/packages/toptips/index.pcss similarity index 100% rename from packages/toptips/index.wxss rename to packages/toptips/index.pcss diff --git a/build/build-changelog.sh b/scripts/build-changelog.sh similarity index 100% rename from build/build-changelog.sh rename to scripts/build-changelog.sh diff --git a/build/build-components.js b/scripts/build-components.js similarity index 100% rename from build/build-components.js rename to scripts/build-components.js diff --git a/build/build-dev.js b/scripts/build-dev.js similarity index 75% rename from build/build-dev.js rename to scripts/build-dev.js index a5b9a824..839e1427 100644 --- a/build/build-dev.js +++ b/scripts/build-dev.js @@ -3,6 +3,6 @@ const extracter = require('./utils/extracter'); extracter({ src: path.resolve(__dirname, '../packages'), - dist: path.resolve(__dirname, '../dist'), + dist: path.resolve(__dirname, '../example/dist'), watch: true }); diff --git a/build/build-icon.sh b/scripts/build-icon.sh similarity index 95% rename from build/build-icon.sh rename to scripts/build-icon.sh index 87ef06db..9cfdc560 100644 --- a/build/build-icon.sh +++ b/scripts/build-icon.sh @@ -27,7 +27,7 @@ fi # generate fontface style eot=$(fontname eot) -cat > $basepath/../src/icon/index.wxss < $basepath/../packages/icon/index.pcss < $basepath/../src/icon/index.wxss <> $basepath/../src/icon/index.wxss +cat $basepath/../assets/icons/build/css/zanui-weapp-icon-codes.css >> $basepath/../packages/icon/index.pcss diff --git a/build/icons/extract-icons.sh b/scripts/icons/extract-icons.sh similarity index 100% rename from build/icons/extract-icons.sh rename to scripts/icons/extract-icons.sh diff --git a/build/icons/fount-config.js b/scripts/icons/fount-config.js similarity index 100% rename from build/icons/fount-config.js rename to scripts/icons/fount-config.js diff --git a/build/icons/generate-font.sh b/scripts/icons/generate-font.sh similarity index 100% rename from build/icons/generate-font.sh rename to scripts/icons/generate-font.sh diff --git a/build/release.sh b/scripts/release.sh similarity index 100% rename from build/release.sh rename to scripts/release.sh diff --git a/scripts/utils/build-css.js b/scripts/utils/build-css.js new file mode 100644 index 00000000..51fb17bd --- /dev/null +++ b/scripts/utils/build-css.js @@ -0,0 +1,19 @@ +const gulp = require('gulp'); +const postcss = require('gulp-postcss'); +const cssmin = require('gulp-clean-css'); +const rename = require("gulp-rename"); +const gutil = require('gulp-util'); + +const options = gutil.env; + +gulp.task('compile', () => { + return gulp.src('../../packages/**/*.pcss') + .pipe(postcss()) + .pipe(cssmin()) + .pipe(rename(function (path) { + path.extname = ".wxss" + })) + .pipe(gulp.dest(options.dist)); +}); + +gulp.task('build', ['compile']); diff --git a/build/utils/extracter.js b/scripts/utils/extracter.js similarity index 65% rename from build/utils/extracter.js rename to scripts/utils/extracter.js index ee99a2c3..41a0e289 100644 --- a/build/utils/extracter.js +++ b/scripts/utils/extracter.js @@ -6,21 +6,24 @@ module.exports = function (config = {}) { // 清空 dist 目录 fs.emptyDirSync(config.dist); + extracter(config); + if (config.watch) { - extracter(config); nodeWatch(config.src, { recursive: true }, () => extracter(config)); - } else { - extracter(config); } }; function extracter(config = {}) { // 复制 src - fs.copySync(config.src, config.dist); + fs.copySync(config.src, config.dist, { + filter(src = '') { + return src.indexOf('.pcss') < 0; + } + }); // js 无需编译，让微信开发者工具处理 // 编译 wxss 文件 - exec('npm run css'); + exec(`gulp build --gulpfile scripts/utils/build-css.js --dist ${config.dist} --color`); }