diff --git a/packageA/pages/chongzhi/chongzhi.js b/packageA/pages/chongzhi/chongzhi.js new file mode 100644 index 0000000..890bde3 --- /dev/null +++ b/packageA/pages/chongzhi/chongzhi.js @@ -0,0 +1,72 @@ +// packageA//pages/chongzhi/chongzhi.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + currentIndex: 0, + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + }, + + onClickTab(e) { + this.setData({ + currentIndex: e.target.dataset.index + }); + }, +}) \ No newline at end of file diff --git a/packageA/pages/chongzhi/chongzhi.json b/packageA/pages/chongzhi/chongzhi.json new file mode 100644 index 0000000..470dab9 --- /dev/null +++ b/packageA/pages/chongzhi/chongzhi.json @@ -0,0 +1,7 @@ +{ + "navigationBarTitleText": "充值有礼", + "enablePullDownRefresh": false, + "usingComponents": { + "nodata": "/components/nodata/nodata" + } +} \ No newline at end of file diff --git a/packageA/pages/chongzhi/chongzhi.wxml b/packageA/pages/chongzhi/chongzhi.wxml new file mode 100644 index 0000000..5173c06 --- /dev/null +++ b/packageA/pages/chongzhi/chongzhi.wxml @@ -0,0 +1,43 @@ + + + + + + + + 待核销 + 已核销 + + + + + + + + + + + + + + 充值方案名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称名称 + + 零售价:100.00 + 兑换截止日期:2020-09-17 17:00:00 + + + + + + 立即使用 + + + + + 暂无数据 + - 已全部加载 - + + + + + \ No newline at end of file diff --git a/packageA/pages/chongzhi/chongzhi.wxss b/packageA/pages/chongzhi/chongzhi.wxss new file mode 100644 index 0000000..83a5ad2 --- /dev/null +++ b/packageA/pages/chongzhi/chongzhi.wxss @@ -0,0 +1,124 @@ +/* packageA/pages/chongzhi/chongzhi.wxss */ +@charset "utf-8"; + +page { + background-color: #f2f2f2; +} + +.banner-container { + height: 400rpx; +} + + +.title { + background-color: white; + position: relative; +} + +.title::after { + content: ''; + position: absolute; + width: 2rpx; + height: 50%; + background-color: #f5f5f5; + left: 0; + right: 0; + top: 0; + bottom: 0; + margin: auto; +} + +.t-item { + width: 50%; + text-align: center; + line-height: 100rpx; + font-size: 30rpx; + position: relative; +} + +.t-item.active { + color: #FE6867; + font-weight: bold; +} + +.t-item.active::after { + content: ''; + position: absolute; + width: 10%; + height: 4rpx; + background-color: #FE6867; + bottom: 0; + left: 0; + right: 0; + margin: 0 auto; +} + + +.list { + padding: 0 20rpx; + overflow: hidden; +} + +.l-item { + padding: 20rpx; + background-color: white; + border-radius: 16rpx; + margin-top: 20rpx; +} +.img-block { + display: block; + width: 100%; + height: 100%; + background-color: gray; +} + + +.top { + padding-bottom: 20rpx; + border-bottom: 2rpx solid #f2f2f2; +} +.bottom { + padding-top: 20rpx; + text-align: right; +} +.left { + width: 200rpx; + height: 200rpx; + flex-shrink: 0; + padding-right: 20rpx; +} +.right { + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.price { + text-decoration:line-through; +} + + +.date { + padding-top: 10rpx; + color: #FE6867; +} + +.btn { + display: inline-block; + background-color: #FE6867; + color: white; + padding: 20rpx 60rpx; + font-size: 24rpx; + border-radius: 8rpx; +} + +.nodata { + text-align: center; + background-color: #f2f2f2; +} + +.no-more { + line-height: 3; + color: #ccc; + font-size: 26rpx; +} \ No newline at end of file diff --git a/packageA/pages/chongzhiDetails/chongzhiDetails.js b/packageA/pages/chongzhiDetails/chongzhiDetails.js new file mode 100644 index 0000000..de62128 --- /dev/null +++ b/packageA/pages/chongzhiDetails/chongzhiDetails.js @@ -0,0 +1,78 @@ +// packageA//pages/chongzhiDetails/chongzhiDetails.js +Page({ + + /** + * 页面的初始数据 + */ + data: { + showCode: false, + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad: function (options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady: function () { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow: function () { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide: function () { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload: function () { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh: function () { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom: function () { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage: function () { + + }, + + onUse() { + if(this.data.showCode) { + this.setData({ + showCode: false + }); + } else { + this.setData({ + showCode: true + }); + }; + } +}) \ No newline at end of file diff --git a/packageA/pages/chongzhiDetails/chongzhiDetails.json b/packageA/pages/chongzhiDetails/chongzhiDetails.json new file mode 100644 index 0000000..93f958f --- /dev/null +++ b/packageA/pages/chongzhiDetails/chongzhiDetails.json @@ -0,0 +1,5 @@ +{ + "navigationBarTitleText": "充值有礼", + "enablePullDownRefresh": false, + "usingComponents": {} +} \ No newline at end of file diff --git a/packageA/pages/chongzhiDetails/chongzhiDetails.wxml b/packageA/pages/chongzhiDetails/chongzhiDetails.wxml new file mode 100644 index 0000000..300a144 --- /dev/null +++ b/packageA/pages/chongzhiDetails/chongzhiDetails.wxml @@ -0,0 +1,86 @@ + + + + + + + + + + + 节日专享 + 你的美丽我来缔造 + + + + + + + + + 美甲 + 节日可免费享受专业美甲,可以享受1次。 + 数量:1 + + + + + + + + + 美甲 + 节日可免费享受专业美甲,可以享受1次。 + 数量:1 + + + + + + + + + 美甲 + 节日可免费享受专业美甲,可以享受1次。 + 数量:1 + + + + + + + + + 美甲 + 节日可免费享受专业美甲,可以享受1次。 + 数量:1 + + + + + + + + + 美甲 + 节日可免费享受专业美甲,可以享受1次。 + 数量:1 + + + + + + + + + 立即使用 + + + + + + 核销码:123456456 + + + + diff --git a/packageA/pages/chongzhiDetails/chongzhiDetails.wxss b/packageA/pages/chongzhiDetails/chongzhiDetails.wxss new file mode 100644 index 0000000..395a6ec --- /dev/null +++ b/packageA/pages/chongzhiDetails/chongzhiDetails.wxss @@ -0,0 +1,139 @@ +/* packageA//pages/chongzhiDetails/chongzhiDetails.wxss */ +@charset "utf-8"; +.c-y { + color: #FFC736; +} + +.pdv10 { + padding-top: 10rpx; + padding-bottom: 10rpx; +} + +.txt-justify { + text-align: justify; +} + +.container { + background-color: white; + padding-bottom: 120rpx; +} + +.banner-container { + height: 600rpx; + +} + +.list { + /* padding: 0 20rpx; + background-color: skyblue; */ +} + +.list-item { + background-color: white; + align-items: center; + padding: 20rpx; +} + + +.title-container { + padding:40rpx; + background-color: white; +} + +.title { + text-align: center; + position: relative; + color: #FFC736; + font-weight: bold; +} + +.title::before, +.title::after { + content: ''; + position: absolute; + width: 20%; + height: 2rpx; + background-color: #FFC736; + top: 0; + bottom: 0; + margin: auto 0; +} + +.title::before { + left: 0; +} + +.title::after { + right: 0; +} + +.avatar { + width: 140rpx; + height: 140rpx; + border-radius: 50%; + background-color: pink; + flex-shrink: 0; +} + +.info { + padding-left: 20rpx; + display: flex; + flex-direction: column; + justify-content: center; +} + + +.btn-container { + position: fixed; + width: 100%; + bottom: 0; + text-align: center; + padding: 20rpx 0; + background-color: white; + border-top: 2rpx solid #f2f2f2; +} + +.btn { + display: inline-block; + background-color: #FFC736; + color: white; + padding: 20rpx 160rpx; + border-radius: 40rpx; + font-size: 28rpx; +} + +.img-block { + display: block; + width: 100%; + height: 100%; +} + +.qr-container { + position: fixed; + background-color: rgba(0,0,0,.4); + top: 0; + bottom: 0; + left: 0; + right: 0; +} +.qr { + background-color: white; + width: 80%; + height: 600rpx; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + margin: auto; + text-align: center; + display: flex; + flex-direction: column; + justify-content: center; +} + +.qr-img { + width: 500rpx; + height: 500rpx; + margin: 0 auto; +} \ No newline at end of file