From c47c0299c7998552b9aacc2193463607655f4570 Mon Sep 17 00:00:00 2001 From: lihao Date: Mon, 8 Jan 2024 23:06:21 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A8=A1=E6=9D=BF?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- template/coupon/couponTemplate.js | 66 +++++ template/coupon/couponTemplate.json | 3 + template/coupon/couponTemplate.wxml | 41 +++ template/coupon/couponTemplate.wxss | 165 +++++++++++ template/couponItem/item.js | 66 +++++ template/couponItem/item.json | 3 + template/couponItem/item.wxml | 31 +++ template/couponItem/item.wxss | 157 +++++++++++ template/couponPackage/package.js | 66 +++++ template/couponPackage/package.json | 3 + template/couponPackage/package.wxml | 48 ++++ template/couponPackage/package.wxss | 70 +++++ template/index.js | 8 + template/index.wxss | 13 + template/passwd/passwd.js | 66 +++++ template/passwd/passwd.json | 3 + template/passwd/passwd.wxml | 65 +++++ template/passwd/passwd.wxss | 73 +++++ template/payDelivery/payDelivery.js | 66 +++++ template/payDelivery/payDelivery.json | 3 + template/payDelivery/payDelivery.wxml | 116 ++++++++ template/payDelivery/payDelivery.wxss | 273 +++++++++++++++++++ template/paymentCode/code.js | 63 +++++ template/paymentCode/code.json | 3 + template/paymentCode/code.wxml | 21 ++ template/paymentCode/code.wxss | 81 ++++++ template/pointProduct/product.js | 66 +++++ template/pointProduct/product.json | 3 + template/pointProduct/product.wxml | 71 +++++ template/pointProduct/product.wxss | 69 +++++ template/register.js | 66 +++++ template/register.json | 3 + template/register.wxml | 22 ++ template/register.wxss | 67 +++++ template/tab/index.js | 17 ++ template/tab/index.wxml | 31 +++ template/tab/index.wxss | 1 + template/useCouponCenter/couponTemplate.js | 66 +++++ template/useCouponCenter/couponTemplate.json | 3 + template/useCouponCenter/couponTemplate.wxml | 41 +++ template/useCouponCenter/couponTemplate.wxss | 109 ++++++++ 41 files changed, 2208 insertions(+) create mode 100644 template/coupon/couponTemplate.js create mode 100644 template/coupon/couponTemplate.json create mode 100644 template/coupon/couponTemplate.wxml create mode 100644 template/coupon/couponTemplate.wxss create mode 100644 template/couponItem/item.js create mode 100644 template/couponItem/item.json create mode 100644 template/couponItem/item.wxml create mode 100644 template/couponItem/item.wxss create mode 100644 template/couponPackage/package.js create mode 100644 template/couponPackage/package.json create mode 100644 template/couponPackage/package.wxml create mode 100644 template/couponPackage/package.wxss create mode 100644 template/index.js create mode 100644 template/index.wxss create mode 100644 template/passwd/passwd.js create mode 100644 template/passwd/passwd.json create mode 100644 template/passwd/passwd.wxml create mode 100644 template/passwd/passwd.wxss create mode 100644 template/payDelivery/payDelivery.js create mode 100644 template/payDelivery/payDelivery.json create mode 100644 template/payDelivery/payDelivery.wxml create mode 100644 template/payDelivery/payDelivery.wxss create mode 100644 template/paymentCode/code.js create mode 100644 template/paymentCode/code.json create mode 100644 template/paymentCode/code.wxml create mode 100644 template/paymentCode/code.wxss create mode 100644 template/pointProduct/product.js create mode 100644 template/pointProduct/product.json create mode 100644 template/pointProduct/product.wxml create mode 100644 template/pointProduct/product.wxss create mode 100644 template/register.js create mode 100644 template/register.json create mode 100644 template/register.wxml create mode 100644 template/register.wxss create mode 100644 template/tab/index.js create mode 100644 template/tab/index.wxml create mode 100644 template/tab/index.wxss create mode 100644 template/useCouponCenter/couponTemplate.js create mode 100644 template/useCouponCenter/couponTemplate.json create mode 100644 template/useCouponCenter/couponTemplate.wxml create mode 100644 template/useCouponCenter/couponTemplate.wxss diff --git a/template/coupon/couponTemplate.js b/template/coupon/couponTemplate.js new file mode 100644 index 0000000..8387444 --- /dev/null +++ b/template/coupon/couponTemplate.js @@ -0,0 +1,66 @@ +// template/coupon/couponTemplate.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/template/coupon/couponTemplate.json b/template/coupon/couponTemplate.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/template/coupon/couponTemplate.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/template/coupon/couponTemplate.wxml b/template/coupon/couponTemplate.wxml new file mode 100644 index 0000000..eff6235 --- /dev/null +++ b/template/coupon/couponTemplate.wxml @@ -0,0 +1,41 @@ + \ No newline at end of file diff --git a/template/coupon/couponTemplate.wxss b/template/coupon/couponTemplate.wxss new file mode 100644 index 0000000..ccede72 --- /dev/null +++ b/template/coupon/couponTemplate.wxss @@ -0,0 +1,165 @@ +.cy-top-view { + position: fixed; + width: 750rpx; + height: 100rpx; + background: white; + z-index: 1; +} + +.cy-top-view-item { + width: 250rpx; + height: 100rpx; +} + +.cy-top-item-title { + width: 100%; + height: 86rpx; + font-size: 30rpx; + line-height: 86rpx; + text-align: center; + font-family: PingFang-SC-Medium; + font-weight: 500; + color: rgba(51, 51, 51, 1); +} + +.cy-top-select-item-title { + font-size: 34rpx; + font-family: PingFang-SC-Medium; + font-weight: 500; + color: rgba(51, 51, 51, 1); +} + +.cy-top-item-line { + margin-left: 90rpx; + width: 70rpx; + height: 6rpx; + /* background: rgba(255, 198, 57, 1); */ + background: var(--color--); + border-radius: 2px; +} + +.cy-content-view { + position: absolute; + width: 750rpx; + top: 100rpx; + bottom: 0rpx; +} + +.cy-content-item-view { + position: relative; + margin: 20rpx 20rpx 0rpx 20rpx; + width: 710rpx; + height: 170rpx; + /* background: rgba(255, 255, 255, 1); */ +} + +.cy-content-item-view image { + position: absolute; + width: 100%; + height: 100%; +} + +.cy-item-money-view { + position: relative; + margin: 15rpx; + width: 138rpx; + height: 138rpx; +} + +.cy-item-money-unit { + font-size: 34rpx; + font-family: PingFang-SC-Bold; + font-weight: 500; + height: 60rpx; + /* color: rgba(255, 198, 57, 1); */ + color: var(--color--); +} + +.cy-item-money { + font-size: 60rpx; + font-family: PingFang-SC-Bold; + font-weight: 500; + height: 90rpx; + /* color: rgba(255, 198, 57, 1); */ + color: var(--color--); +} + +.cy-coupon-des-view { + position: absolute; + top: 10rpx; + left: 200rpx; + width: 360rpx; + height: 160rpx; +} + +.cy-coupon-title { + margin-top: 15rpx; + width: 360rpx; + height: 50rpx; + line-height: 50rpx; + font-size: 30rpx; + font-family: PingFang SC; + font-weight: bold; + color: rgba(0, 0, 0, 1); +} + +.cy-coupon-condition { + margin-top: 2rpx; + width: 360rpx; + height: 50rpx; + font-family: PingFang SC; + font-weight: 500; + color: rgba(0, 0, 0, 1); + font-size: 28rpx; + color: rgba(102, 102, 102, 1); +} + +.cy-coupon-time { + width: 360rpx; + height: 50rpx; + font-size: 22rpx; + font-family: PingFang SC; + font-weight: 500; + color: rgba(102, 102, 102, 1); +} + +.cy-coupon-use { + position: absolute; + top: 43rpx; + right: 26rpx; + width: 130rpx; + height: 80rpx; + font-size: 26rpx; + font-family: PingFang-SC-Bold; + font-weight: 500; + color: rgba(255, 255, 255, 1); + text-align: center; +} + +.use { + width: 130rpx; + text-align: center; + /* margin-top: 55rpx; */ + font-size: 30rpx; + font-family: PingFang-SC-Medium; + font-weight: bold; + color: rgba(255, 255, 255, 1); + /* height: 130rpx; */ + background: no-repeat; + line-height: 35rpx; +} + +button::after { + border: none; +} + +button { + background-color: transparent; + padding-left: 0; + padding-right: 0; + line-height: inherit; +} + +button { + border-radius: 0; +} \ No newline at end of file diff --git a/template/couponItem/item.js b/template/couponItem/item.js new file mode 100644 index 0000000..79bc539 --- /dev/null +++ b/template/couponItem/item.js @@ -0,0 +1,66 @@ +// template/couponItem/item.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/template/couponItem/item.json b/template/couponItem/item.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/template/couponItem/item.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/template/couponItem/item.wxml b/template/couponItem/item.wxml new file mode 100644 index 0000000..c59ef0f --- /dev/null +++ b/template/couponItem/item.wxml @@ -0,0 +1,31 @@ + \ No newline at end of file diff --git a/template/couponItem/item.wxss b/template/couponItem/item.wxss new file mode 100644 index 0000000..0bfa8a8 --- /dev/null +++ b/template/couponItem/item.wxss @@ -0,0 +1,157 @@ +.cy-content-view { + position: absolute; + width: 750rpx; + top: 100rpx; + bottom: 0rpx; +} + +.cy-content-item-view { + position: relative; + margin: 20rpx 20rpx 0rpx 20rpx; + width: 710rpx; + height: 180rpx; + background: rgba(255, 255, 255, 1); +} + +.cy-content-item-view image { + position: absolute; + width: 100%; + height: 100%; +} + +.cy-item-money-view { + position: relative; + margin: 10rpx; + width: 148rpx; + height: 160rpx; +} + +.cy-item-money-unit { + font-size: 34rpx; + font-family: PingFang-SC-Bold; + font-weight: 500; + height: 60rpx; + color: var(--color--); +} + +.cy-item-money { + font-size: 60rpx; + font-family: PingFang-SC-Bold; + font-weight: 500; + height: 90rpx; + color: var(--color--); +} + +.cy-coupon-des-view { + position: absolute; + top: 10rpx; + left: 200rpx; + width: 360rpx; + height: 160rpx; +} + +.cy-coupon-title { + margin-top: 15rpx; + width: 360rpx; + height: 50rpx; + line-height: 50rpx; + font-size: 30rpx; + font-family: PingFang-SC-Bold; + font-weight: 500; + color: rgba(0, 0, 0, 1); +} + +.cy-coupon-condition { + margin-top: 2rpx; + width: 360rpx; + height: 50rpx; + font-size: 30rpx; + font-family: PingFang-SC-Medium; + font-weight: 400; + color: rgba(0, 0, 0, 1); +} + +.cy-coupon-time { + width: 360rpx; + height: 50rpx; + font-size: 22rpx; + font-family: PingFang-SC-Medium; + font-weight: 400; + color: rgba(102, 102, 102, 1); +} + +.cy-coupon-use { + position: absolute; + top: 33rpx; + right: 33rpx; + width: 115rpx; + height: 115rpx; + font-size: 26rpx; + font-family: PingFang-SC-Bold; + font-weight: 500; + color: rgba(255, 255, 255, 1); + text-align: center; +} +.use { + width: 130rpx; + text-align: center; + /* margin-top: 55rpx; */ + font-size: 30rpx; + font-family: PingFang-SC-Medium; + font-weight: bold; + color: rgba(255, 255, 255, 1); + height: 130rpx; + background: no-repeat; + line-height: 35rpx; +} + +.cy-coupon-uses { + background: var(--color--); + font-size: 26rpx; + font-family: PingFang SC; + font-weight: 500; + color: rgba(51, 51, 51, 1); + line-height: 36rpx; + border-radius: 10rpx; + width: 130rpx; + height: 80rpx; +} + +.cy-coupon-receive { + border: 2rpx solid var(--color--); + font-size: 26rpx; + font-family: PingFang SC; + font-weight: 500; + color: var(--color--); + line-height: 36rpx; + width: 130rpx; + height: 80rpx; + border-radius: 10rpx; +} + +.cy-coupon-no-condition { + background: rgba(153, 153, 153, 1); + border-radius: 10rpx; + font-size: 26rpx; + font-family: PingFang SC; + font-weight: 500; + color: rgba(255, 255, 255, 1); + line-height: 36rpx; + height: 80rpx; +} + +.cy-coupon-receive-condition { + font-size: 22rpx; + font-family: PingFang SC; + font-weight: 500; + width: 115%; + margin-left: -18rpx; +} + +.cy-color-red { + color: rgba(255, 57, 57, 1); +} + +.cy-color-default { + color: rgba(153, 153, 153, 1); +} diff --git a/template/couponPackage/package.js b/template/couponPackage/package.js new file mode 100644 index 0000000..8199fbb --- /dev/null +++ b/template/couponPackage/package.js @@ -0,0 +1,66 @@ +// template/couponPackage/package.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/template/couponPackage/package.json b/template/couponPackage/package.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/template/couponPackage/package.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/template/couponPackage/package.wxml b/template/couponPackage/package.wxml new file mode 100644 index 0000000..86a1083 --- /dev/null +++ b/template/couponPackage/package.wxml @@ -0,0 +1,48 @@ + \ No newline at end of file diff --git a/template/couponPackage/package.wxss b/template/couponPackage/package.wxss new file mode 100644 index 0000000..768f7e2 --- /dev/null +++ b/template/couponPackage/package.wxss @@ -0,0 +1,70 @@ +.shop_content_flex { + width: 100%; + /* height: 900rpx; */ + display: flex; + /* align-content: center; */ + flex-direction: row; + justify-content: space-between; + flex-wrap: wrap; + padding-bottom: 30rpx; +} + +.shop_content_item { + width: 45%; + height: 430rpx; + margin-top: 20rpx; + border-radius: 4rpx; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.shop_content_item_package { + width: 100%; + height: 330rpx; + background: rgba(248, 248, 248, 1); +} + +.shop_content_item_package image { + width: 230rpx; + height: 230rpx; + display: block; + margin: auto auto; + margin-top: 50rpx; +} + +.shop_content_item_name { + height: 29rpx; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 277rpx; + font-size: 30rpx; + font-family: PingFang-SC-Regular; + font-weight: 400; + color: rgba(51, 51, 51, 1); + line-height: 29rpx; +} + +.shop_content_item_worth { + width: 100%; + height: 33rpx; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 38prx; + font-family: PingFang-SC-Bold; + font-weight: bold; + color: rgba(255, 73, 73, 1); + line-height: 29rpx; +} + +.unit { + width: 51rpx; + height: 24rpx; + font-size: 26rpx; + font-family: PingFang-SC-Regular; + font-weight: 400; + color: rgba(102, 102, 102, 1); + line-height: 24rpx; +} \ No newline at end of file diff --git a/template/index.js b/template/index.js new file mode 100644 index 0000000..416b1ea --- /dev/null +++ b/template/index.js @@ -0,0 +1,8 @@ +// exports.CheckLabel = require('./select/index'); +// exports.Field = require('./field/index'); +// exports.NoticeBar = require('./noticebar/index'); +// exports.Quantity = require('./quantity/index'); +// exports.Switch = require('./switch/index'); +exports.Tab = require('./tab/index'); +// exports.Toast = require('./toast/index'); +// exports.TopTips = require('./toptips/index'); diff --git a/template/index.wxss b/template/index.wxss new file mode 100644 index 0000000..04c883b --- /dev/null +++ b/template/index.wxss @@ -0,0 +1,13 @@ +.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:19px;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}.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-4381aded05.eot);src:url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.eot?#iefix) format('embedded-opentype'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.woff2) format('woff2'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.woff) format('woff'),url(https://b.yzcdn.cn/zanui-weapp/zanui-weapp-icon-4381aded05.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-cart:before{content:'\e813'}.zan-icon-shopping-cart:before{content:'\e814'}.zan-icon-arrow:before{content:'\e815'}.zan-icon-gift:before{content:'\e816'}.zan-icon-search:before{content:'\e817'}.zan-icon-clear:before{content:'\e818'}.zan-icon-success:before{content:'\e819'}.zan-icon-fail:before{content:'\e81a'}.zan-icon-contact:before{content:'\e81b'}.zan-icon-wechat:before{content:'\e81c'}.zan-icon-alipay:before{content:'\e81d'}.zan-icon-password-view:before{content:'\e81e'}.zan-icon-password-not-view:before{content:'\e81f'}.zan-icon-wap-nav:before{content:'\e820'}.zan-icon-wap-home:before{content:'\e821'}.zan-icon-ecard-pay:before{content:'\e822'}.zan-icon-balance-pay:before{content:'\e823'}.zan-icon-peer-pay:before{content:'\e824'}.zan-icon-credit-pay:before{content:'\e825'}.zan-icon-debit-pay:before{content:'\e826'}.zan-icon-other-pay: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-clock:before{content:'\e848'}.zan-icon-gold-coin:before{content:'\e849'}.zan-icon-completed:before{content:'\e84a'}.zan-icon-value-card:before{content:'\e84b'}.zan-icon-certificate:before{content:'\e84c'}.zan-icon-tosend:before{content:'\e84d'}.zan-icon-sign:before{content:'\e84e'}.zan-icon-home:before{content:'\e84f'}.zan-icon-phone:before{content:'\e850'}.zan-icon-add-o:before{content:'\e851'}.zan-icon-play:before{content:'\e852'}.zan-icon-pause:before{content:'\e853'}.zan-icon-stop:before{content:'\e854'}.zan-icon-hot:before{content:'\e855'}.zan-icon-new:before{content:'\e856'}.zan-icon-new-arrival:before{content:'\e857'}.zan-icon-hot-sale:before{content:'\e858'}.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:12px;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__circle{ + display:block; + position:relative; + border-radius:50%; + width:20px; + height:20px; + background-image:url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png); + background-size:20px 20px; + background-color:#eee; +} */ +.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:#06C004}.zan-steps--steps .zan-steps__step--done .zan-steps__line{background-color:#06bf04!important}.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:20px;height:20px;background-image:url(https://b.yzcdn.cn/v2/image/wap/success_small@2x.png);background-size:20px 20px}.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:-5px}.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/template/passwd/passwd.js b/template/passwd/passwd.js new file mode 100644 index 0000000..56c7576 --- /dev/null +++ b/template/passwd/passwd.js @@ -0,0 +1,66 @@ +// template/passwd/passwd.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/template/passwd/passwd.json b/template/passwd/passwd.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/template/passwd/passwd.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/template/passwd/passwd.wxml b/template/passwd/passwd.wxml new file mode 100644 index 0000000..44d0545 --- /dev/null +++ b/template/passwd/passwd.wxml @@ -0,0 +1,65 @@ + \ No newline at end of file diff --git a/template/passwd/passwd.wxss b/template/passwd/passwd.wxss new file mode 100644 index 0000000..77d645a --- /dev/null +++ b/template/passwd/passwd.wxss @@ -0,0 +1,73 @@ +.cy-passwd-back { + position: absolute; + z-index: 9999; + width: 750rpx; + height: 380rpx; + bottom: 520rpx; + background-color: #eee; +} + +.cy-passwd-title { + width: 750rpx; + height: 100rpx; + border-bottom: 1px solid gainsboro; + font-size: 16px; + background-color: white; +} + +.cy-consume-money { + width: 750rpx; + height: 100rpx; + font-size: 20px; + font-weight: 450; + background-color: white; +} + +.cy-passwd-content{ + width: 100%; + height: 150rpx; + background-color: white; +} + +.cy-passwd-num { + margin-left: 15rpx; + width: 720rpx; + height: 100rpx; + border-radius: 8rpx; + border: 1px solid gainsboro; + background-color: white; +} + +.cy-passwd { + width: 120rpx; + height: 100%; + float: left; + font-size: 16px; + font-weight: bolder; +} + +.cy-right-border { + box-sizing: border-box; + border-right: 1px solid gainsboro; +} + +.cy-passwd-keyboard { + position: fixed; + width: 100%; + height: 520rpx; + bottom: 0rpx; + z-index: 9999; + background-color: gainsboro; +} + +.cy-keyboard { + width: 250rpx; + height: 130rpx; + float: left; + border-right: 1px solid gainsboro; + border-bottom: 1px solid gainsboro; + box-sizing: border-box; + font-size: 20px; + font-weight: 45rpx; + background-color: white; +} diff --git a/template/payDelivery/payDelivery.js b/template/payDelivery/payDelivery.js new file mode 100644 index 0000000..6457157 --- /dev/null +++ b/template/payDelivery/payDelivery.js @@ -0,0 +1,66 @@ +// template/payDelivery/payDelivery.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/template/payDelivery/payDelivery.json b/template/payDelivery/payDelivery.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/template/payDelivery/payDelivery.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/template/payDelivery/payDelivery.wxml b/template/payDelivery/payDelivery.wxml new file mode 100644 index 0000000..6914d88 --- /dev/null +++ b/template/payDelivery/payDelivery.wxml @@ -0,0 +1,116 @@ + \ No newline at end of file diff --git a/template/payDelivery/payDelivery.wxss b/template/payDelivery/payDelivery.wxss new file mode 100644 index 0000000..c2dada5 --- /dev/null +++ b/template/payDelivery/payDelivery.wxss @@ -0,0 +1,273 @@ +.lucky { + display: flex; + position: fixed; + justify-content: center; + align-items: center; + top: 0; + bottom: 0; + left: 0; + right: 0; + /* z-index: 100; */ +} + +.lucky-hongbao { + position: relative; + top:-80rpx; + /* box-shadow: 1rpx 1rpx 10rpx 1rpx white; */ +} + +.lucky-hongbao-header { + width: 666rpx; + height: 212rpx; + display: flex; + justify-content: center; +} + +.lucky-hongbao-header image { + width: 640rpx; + height: 220rpx; +} + +.lucky-hongbao-icon { + width: 100rpx; + height: 100rpx; + left: 32rpx; + top: 32rpx; + position: absolute; +} + +.lucky-hongbao-list { + background: white; + border-radius: 20rpx; + display: flex; + justify-content: center; + flex-direction: column; + align-items: center; + border-bottom-left-radius: 16rpx; + border-bottom-right-radius: 16rpx; + width: 600.8rpx; + height: 800rpx; + margin: auto auto; + margin-top: -3rpx; +} + +.lucky-hongbao-scroll { + width: 630rpx; + padding-left: 11.8rpx; + margin: auto; + display: flex; + justify-content:space-between; + height: 750rpx; +} + +.lucky-hongbao-scroll1 { + height: 170rpx; +} + +.lucky-hongbao-scroll2 { + height: 350rpx; +} + +.lucky-hongbao-scrolln { + height: 420rpx; +} + +.lucky-hongbao-item { + width: 530rpx; + height: 150rpx; + position: relative; + margin-bottom: 16rpx; + /* margin-top: 16rpx; */ +} + +.lucky-hongbao-middle { + position: absolute; + left: 156rpx; + top: 0; + height: 100%; + padding: 3rpx 0; + display: flex; + flex-direction: column; + justify-content: center; + margin-left: 10rpx; +} + +.lucky-hongbao-name { + overflow: hidden; + white-space: nowrap; + width: 214rpx; + font-size: 24rpx; + font-family: PingFang-SC-Regular; + font-weight: 400; + color: rgba(102, 102, 102, 1); +} + +.lucky-hongbao-rule { + font-size: 20rpx; + color: #999; + margin-top: 4rpx; +} + +.lucky-hongbao-time { + margin-top: 4rpx; + font-size: 20rpx; + color: #999; +} + +.lucky-hongbao-right { + position: absolute; + right: 16rpx; + bottom: 30rpx; + width: 116rpx; + text-align: center; + display: flex; + flex-direction: column; +} + +.lucky-hongbao-money { + display: flex; + align-items: flex-start; + justify-content: center; +} + +.lucky-hongbao-rmb { + color: #ff5339; + font-size: 24rpx; + font-weight: bold; + margin-top: 12rpx; +} + +.lucky-hongbao-amount { + width: 97rpx; + height: 49rpx; + font-size: 30rpx; + font-family: PingFang-SC-Medium; + font-weight: 500; + color: rgba(249, 67, 53, 1); + overflow: hidden; +} + +.lucky-hongbao-footer { + width: 640rpx; + height: 120rpx; + margin-top: -100rpx; +} + +.lucky-hongbao-msg { + font-size: 24rpx; + font-weight: bold; + color: #ffe9b2; + text-align: center; + background: #e5193e; + height: 80rpx; + line-height: 80rpx; + border-bottom-left-radius: 20rpx; + border-bottom-right-radius: 20rpx; +} + +.lucky-hongbao-close { + width: 60rpx; + height: 60rpx; + position: absolute; + top: 0rpx; + right: 0rpx; +} + +.lucky-hongbao-use { + width: 116rpx; + height: 44rpx; + border-radius: 22rpx; + font-size: 20rpx; + line-height: 44rpx; + color: #fff; + background: #ff4b33; + text-align: center; +} + +.close-btn { + width: 60rpx; + height: 60rpx; + background: none; + margin-top: 850rpx; + padding: 0; + display: flex; + margin-left:-293rpx; +} + +.close-btn image { + width: 60rpx; + height: 60rpx; + border: 1rpx solid while; +} + +.lucky-hongbao-get { + width: 116rpx; + height: 44rpx; + border-radius: 22rpx; + font-size: 20rpx; + line-height: 44rpx; + color: #40210a; + background: #e5e5e5; + text-align: center; +} + +.lucky-hongbao-share { + width: 116rpx; + height: 44rpx; + font-size: 23rpx; + line-height: 44rpx; + color: #583834; + border: 2rpx solid #f63c28; + text-align: center; + padding: 0; +} +.share-btn { + width: 524rpx; + height: 112rpx; + padding: 0; + margin: 0; + background: #e5193e; +} + +.share-btn image { + width: 524rpx; + height: 112rpx; +} + +.share-btn::after { + border: none; +} + +.has-share { + background: rgba(248, 62, 51, 1); + font-size: 36rpx; + font-family: PingFang-SC-Medium; + font-weight: 500; + color: rgba(248, 65, 52, 1); + width: 460rpx; + height: 80rpx; + background: rgba(255, 255, 255, 1); + border-radius: 40rpx; + line-height: 80rpx; + bottom: 17rpx; +} + +.has-share2 { + overflow: hidden; + width: 86rpx; + height: 36rpx; + border: 1rpx solid rgba(254, 84, 99, 1); + border-radius: 18rpx; + font-size: 24rpx; + font-family: PingFang-SC-Medium; + font-weight: 500; + color: rgba(249, 67, 53, 1); + text-align: center; + line-height: 36rpx; + margin-top: 13rpx; +} + +.upWindowItemLeft { + width: 28%; + height: 100%; +} diff --git a/template/paymentCode/code.js b/template/paymentCode/code.js new file mode 100644 index 0000000..e066cea --- /dev/null +++ b/template/paymentCode/code.js @@ -0,0 +1,63 @@ +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/template/paymentCode/code.json b/template/paymentCode/code.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/template/paymentCode/code.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/template/paymentCode/code.wxml b/template/paymentCode/code.wxml new file mode 100644 index 0000000..ad18161 --- /dev/null +++ b/template/paymentCode/code.wxml @@ -0,0 +1,21 @@ + \ No newline at end of file diff --git a/template/paymentCode/code.wxss b/template/paymentCode/code.wxss new file mode 100644 index 0000000..d8e49a0 --- /dev/null +++ b/template/paymentCode/code.wxss @@ -0,0 +1,81 @@ +.qcode-bg { + width: 660rpx; + height: 900rpx; + position: fixed; + top: 110rpx; +} + +.applytitle { + position: relative; + height: 76rpx; + width: 619rpx; + border-bottom: 1rpx solid rgba(153, 153, 153, 1); + margin-left: 20rpx; + font-size: 36rpx; + color: #666; + text-align: center; + padding-top: 100rpx; +} + +.barcode { + margin-left: 30rpx; + margin-top: 60rpx; +} + +.barcode>canvas { + width: 600rpx; + height: 180rpx; +} + +.codenumber { + margin-top: 24rpx; + color: #666; + position: relative; + text-align: center; +} + +.qrcode { + margin-left: 110rpx; +} + +.qrcode>canvas { + width: 420rpx; + height: 400rpx; +} + +.shade { + top: 0; + right: 0; + left: 0; + bottom: 0; + overflow: hidden; + opacity: 1; + background-color: rgba(0, 0, 0, 0.6); + z-index: 2; + position: fixed; + width: 100%; + height: 100%; +} + +.apply { + width: 660rpx; + height: 900rpx; + position: fixed; + top: 65rpx; + left: 45rpx; + z-index: 999; +} + +.closeapply { + width: 60rpx; + height: 60rpx; + position: absolute; + bottom: -100rpx; + left: 300rpx; +} + +.closeapply image { + width: 100%; + height: 100%; + margin-top: 50rpx; +} diff --git a/template/pointProduct/product.js b/template/pointProduct/product.js new file mode 100644 index 0000000..b89b4fa --- /dev/null +++ b/template/pointProduct/product.js @@ -0,0 +1,66 @@ +// template/pointProduct/product.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/template/pointProduct/product.json b/template/pointProduct/product.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/template/pointProduct/product.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/template/pointProduct/product.wxml b/template/pointProduct/product.wxml new file mode 100644 index 0000000..075538b --- /dev/null +++ b/template/pointProduct/product.wxml @@ -0,0 +1,71 @@ + \ No newline at end of file diff --git a/template/pointProduct/product.wxss b/template/pointProduct/product.wxss new file mode 100644 index 0000000..d119eb9 --- /dev/null +++ b/template/pointProduct/product.wxss @@ -0,0 +1,69 @@ +.shop_content_flex { + width: 100%; + height: 900rpx; + display: flex; + align-content: center; + flex-direction: row; + justify-content: space-between; + flex-wrap: wrap; +} + +.shop_content_item { + width: 45%; + height: 430rpx; + margin-top: 20rpx; + border-radius: 4rpx; + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.shop_content_item_package { + width: 100%; + height: 330rpx; + background: rgba(248, 248, 248, 1); +} + +.shop_content_item_package image { + width: 230rpx; + height: 230rpx; + display: block; + margin: auto auto; + margin-top: 50rpx; +} + +.shop_content_item_name { + height: 29rpx; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 277rpx; + font-size: 30rpx; + font-family: PingFang-SC-Regular; + font-weight: 400; + color: rgba(51, 51, 51, 1); + line-height: 29rpx; +} + +.shop_content_item_worth { + width: 100%; + height: 33rpx; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 38prx; + font-family: PingFang-SC-Bold; + font-weight: bold; + color: rgba(255, 73, 73, 1); + line-height: 29rpx; +} + +.unit { + width: 51rpx; + height: 24rpx; + font-size: 26rpx; + font-family: PingFang-SC-Regular; + font-weight: 400; + color: rgba(102, 102, 102, 1); + line-height: 24rpx; +} \ No newline at end of file diff --git a/template/register.js b/template/register.js new file mode 100644 index 0000000..87463ca --- /dev/null +++ b/template/register.js @@ -0,0 +1,66 @@ +// template/register.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/template/register.json b/template/register.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/template/register.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/template/register.wxml b/template/register.wxml new file mode 100644 index 0000000..d62a550 --- /dev/null +++ b/template/register.wxml @@ -0,0 +1,22 @@ + \ No newline at end of file diff --git a/template/register.wxss b/template/register.wxss new file mode 100644 index 0000000..6b32d5c --- /dev/null +++ b/template/register.wxss @@ -0,0 +1,67 @@ +.cy-register-view { + position: absolute; + z-index: 9999; + top: 180rpx; + left: 10%; + width: 80%; + height: 680rpx; + border-radius: 18rpx; + background-color: whitesmoke; + overflow: hidden; +} + +.cy-icon-view { + width: 100%; + height: 200rpx; +} + +.cy-icon-view image { + width: 140rpx; + height: 140rpx; + border-radius: 70rpx; + border: 1px solid goldenrod; +} + +.cy-icon-name { + width: 100%; + height: 80rpx; + font-size: 16px; + color: #333; +} + +.cy-line-back { + width: 100%; + height: 90rpx; +} + +.cy-icon-line { + width: 80%; + height: 1px; + background-color: #ccc; +} + +.cy-icon-des{ + width: 100%; + height: auto; +} + +.cy-icon-des view{ + width: 80%; + min-height: 80rpx; + color: #999; + font-size: 14px; + font-weight: 300; +} + +.cy-icon-iphone{ + width: 100%; + height: 150rpx; +} + +.cy-icon-iphone button{ + width: 80%; + height: auto; + background-color: #e02827; + border-radius: 200rpx; + font-size: 16px; +} diff --git a/template/tab/index.js b/template/tab/index.js new file mode 100644 index 0000000..98be294 --- /dev/null +++ b/template/tab/index.js @@ -0,0 +1,17 @@ +var Tab = { + _handleZanTabChange(e) { + var dataset = e.currentTarget.dataset; + var componentId = dataset.componentId; + var selectedId = dataset.itemId; + var data = { componentId, selectedId }; + + console.info('[zan:tab:change]', data); + if (this.handleZanTabChange) { + this.handleZanTabChange(data); + } else { + console.warn('页面缺少 handleZanTabChange 回调函数'); + } + } +}; + +module.exports = Tab; diff --git a/template/tab/index.wxml b/template/tab/index.wxml new file mode 100644 index 0000000..628d1a6 --- /dev/null +++ b/template/tab/index.wxml @@ -0,0 +1,31 @@ + + + diff --git a/template/tab/index.wxss b/template/tab/index.wxss new file mode 100644 index 0000000..e042134 --- /dev/null +++ b/template/tab/index.wxss @@ -0,0 +1 @@ +.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} \ No newline at end of file diff --git a/template/useCouponCenter/couponTemplate.js b/template/useCouponCenter/couponTemplate.js new file mode 100644 index 0000000..8387444 --- /dev/null +++ b/template/useCouponCenter/couponTemplate.js @@ -0,0 +1,66 @@ +// template/coupon/couponTemplate.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + } +}) \ No newline at end of file diff --git a/template/useCouponCenter/couponTemplate.json b/template/useCouponCenter/couponTemplate.json new file mode 100644 index 0000000..8835af0 --- /dev/null +++ b/template/useCouponCenter/couponTemplate.json @@ -0,0 +1,3 @@ +{ + "usingComponents": {} +} \ No newline at end of file diff --git a/template/useCouponCenter/couponTemplate.wxml b/template/useCouponCenter/couponTemplate.wxml new file mode 100644 index 0000000..0aed716 --- /dev/null +++ b/template/useCouponCenter/couponTemplate.wxml @@ -0,0 +1,41 @@ + \ No newline at end of file diff --git a/template/useCouponCenter/couponTemplate.wxss b/template/useCouponCenter/couponTemplate.wxss new file mode 100644 index 0000000..97612da --- /dev/null +++ b/template/useCouponCenter/couponTemplate.wxss @@ -0,0 +1,109 @@ +.cy-top-view { + position: fixed; + width: 750rpx; + height: 100rpx; + background: white; + z-index: 9; +} + +.cy-top-view-item { + width: 250rpx; + height: 100rpx; +} + +.cy-top-item-title { + width: 100%; + height: 86rpx; + font-size: 30rpx; + line-height: 86rpx; + text-align: center; + font-family: PingFang-SC-Medium; + font-weight: 500; + color: rgba(51, 51, 51, 1); +} + +.cy-top-select-item-title { + font-size: 34rpx; + font-family: PingFang-SC-Medium; + font-weight: 500; + color: rgba(51, 51, 51, 1); +} + +.cy-top-item-line { + margin-left: 90rpx; + width: 70rpx; + height: 6rpx; + /* background: rgba(255, 198, 57, 1); */ + background: var(--color--); + border-radius: 2px; +} + +.cy-content-view { + position: absolute; + width: 750rpx; + top: 100rpx; + bottom: 0rpx; +} + +.cy-content-item-view { + position: relative; + margin: 20rpx 20rpx 0rpx 20rpx; + width: 710rpx; + height: 180rpx; + background: rgba(255, 255, 255, 1); +} + +.cy-content-item-view image { + position: absolute; + width: 100%; + height: 100%; +} + +.cy-item-money-view { + position: relative; + margin: 10rpx; + width: 148rpx; + height: 160rpx; +} + +.cy-item-money-unit { + font-size: 34rpx; + font-family: PingFang-SC-Bold; + font-weight: 500; + height: 60rpx; + /* color: rgba(255, 198, 57, 1); */ + color: var(--color--); +} + +.cy-item-money { + font-size: 60rpx; + font-family: PingFang-SC-Bold; + font-weight: 500; + height: 90rpx; + /* color: rgba(255, 198, 57, 1); */ + color: var(--color--); +} + +.cy-coupon-des-view { + position: absolute; + top: 10rpx; + left: 200rpx; + width: 360rpx; + height: 160rpx; +} + + +.cy-coupon-use { + position: absolute; + top: 33rpx; + right: 33rpx; + width: 115rpx; + height: 115rpx; + font-size: 26rpx; + font-family: PingFang-SC-Bold; + font-weight: 500; + color: rgba(255, 255, 255, 1); + text-align: center; +} + +