From 914dc02c62ce4835d50ced06d92f76ea32ddc37a Mon Sep 17 00:00:00 2001 From: SelfRidicule Date: Tue, 27 Feb 2024 17:58:38 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=8F=E8=BF=B0:=E4=BC=98=E6=83=A0=E5=8D=B7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- miniprogram/app.json | 3 +- miniprogram/app.wxss | 8 ++ .../meetingCoupon/meetingCoupon.js | 75 +++++++++++++++++ .../meetingCoupon/meetingCoupon.json | 7 ++ .../meetingCoupon/meetingCoupon.wxml | 28 +++++++ .../meetingCoupon/meetingCoupon.wxss | 82 +++++++++++++++++++ .../meetingRoom/meetingOrder/meetingOrder.js | 16 +++- .../meetingOrder/meetingOrder.wxml | 4 +- 8 files changed, 219 insertions(+), 4 deletions(-) create mode 100644 miniprogram/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon.js create mode 100644 miniprogram/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon.json create mode 100644 miniprogram/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon.wxml create mode 100644 miniprogram/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon.wxss diff --git a/miniprogram/app.json b/miniprogram/app.json index 18d9e7e..3913a43 100644 --- a/miniprogram/app.json +++ b/miniprogram/app.json @@ -54,7 +54,8 @@ "pages/meeting/meetingRoom/meetingRoom", "pages/meeting/meetingRoom/meetingFacilities/meetingFacilities", "pages/meeting/meetingRoom/meetingOrder/meetingOrder", - "pages/meeting/meetingRoom/meetingProtocol/meetingProtocol" + "pages/meeting/meetingRoom/meetingProtocol/meetingProtocol", + "pages/meeting/meetingRoom/meetingCoupon/meetingCoupon" ], "window": { "backgroundTextStyle": "light", diff --git a/miniprogram/app.wxss b/miniprogram/app.wxss index 6bc4c8b..b579f30 100644 --- a/miniprogram/app.wxss +++ b/miniprogram/app.wxss @@ -344,4 +344,12 @@ image { .flex { display: flex; +} + +.containerView.public { + height: 100vh; + width: 100vw; + overflow: auto; + padding-bottom: 100rpx; + background: #ffffff; } \ No newline at end of file diff --git a/miniprogram/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon.js b/miniprogram/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon.js new file mode 100644 index 0000000..3fa4cdb --- /dev/null +++ b/miniprogram/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon.js @@ -0,0 +1,75 @@ +const app = getApp() + +Page({ + + /** + * 页面的初始数据 + */ + data: { + IMG_NAME: app.IMG_NAME, + couponId: '', + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + + // 选择优惠卷 + couponChange(event) { + this.setData({ + couponId: event.detail, + }); + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + } +}) \ No newline at end of file diff --git a/miniprogram/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon.json b/miniprogram/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon.json new file mode 100644 index 0000000..0636693 --- /dev/null +++ b/miniprogram/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon.json @@ -0,0 +1,7 @@ +{ + "usingComponents": { + "van-radio": "@vant/weapp/radio/index", + "van-radio-group": "@vant/weapp/radio-group/index" + }, + "navigationBarTitleText": "优惠卷" +} \ No newline at end of file diff --git a/miniprogram/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon.wxml b/miniprogram/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon.wxml new file mode 100644 index 0000000..b598e49 --- /dev/null +++ b/miniprogram/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon.wxml @@ -0,0 +1,28 @@ + + + + + + + + + + 4小时 + 抵用券 + + + + + 会议室预约抵用券 + 适用平台: xxx楼 + 有效期至: 2024-01-01 + + + + + + + + 确认 + + \ No newline at end of file diff --git a/miniprogram/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon.wxss b/miniprogram/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon.wxss new file mode 100644 index 0000000..5e2dd52 --- /dev/null +++ b/miniprogram/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon.wxss @@ -0,0 +1,82 @@ +.couponView { + margin: 24rpx; +} + +.couponView .item { + display: flex; + justify-content: flex-start; + align-items: center; + padding: 20rpx 0; + border-top: 1px solid rgb(126, 126, 126, 0.2); +} + +.couponView .item:first-of-type { + border-top: none; +} + +.couponView .item .imgView { + position: relative; + width: 260rpx; + height: 260rpx; +} + +.couponView .item .imgView .img { + width: 100%; + height: 100%; + background: red; +} + +.couponView .item .imgView .timeView { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + color: white; +} + +.couponView .item .imgView .timeView .title { + font-size: 46rpx; + font-weight: bold; +} + +.couponView .item .imgView .timeView .type { + font-size: 26rpx; +} + +.couponView .item .contentView { + flex: 1; + margin: 0 20rpx; + color: gray; +} + +.couponView .item .contentView .title { + font-size: 26rpx; + font-weight: bold; +} + +.couponView .item .contentView .platform, +.couponView .item .contentView .validityTime { + margin-top: 20rpx; + font-size: 24rpx; + opacity: 0.6; +} + +.submitBtn{ + box-sizing: border-box; + position: absolute; + width: 600rpx; + left: 50%; + margin-left: -300rpx; + bottom: 120rpx; + border-radius: 10rpx; + padding: 20rpx; + background: #4e96f8; + color: white; + font-size: 30rpx; + text-align: center; +} \ No newline at end of file diff --git a/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.js b/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.js index 3ebe78c..81fa6a0 100644 --- a/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.js +++ b/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.js @@ -28,6 +28,20 @@ Page({ }, + // 跳转-空间设施 + jumpMeetingFacilities() { + wx.navigateTo({ + url: '/pages/meeting/meetingRoom/meetingFacilities/meetingFacilities', + }) + }, + + // 跳转-优惠卷 + jumpMeetingCoupon() { + wx.navigateTo({ + url: "/pages/meeting/meetingRoom/meetingCoupon/meetingCoupon", + }) + }, + // 协议点击 protocolChange() { let _this = this; @@ -40,7 +54,7 @@ Page({ jumpProtocol() { let _this = this; wx.navigateTo({ - url: "/pages/meeting/meetingRoom/meetingProtocol/meetingProtocol?title=" + _this.data.protocolTitle, + url: "/pages/meeting/meetingRoom/meetingProtocol/meetingProtocol?title=" + _this.data.protocolTitle, }) }, diff --git a/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.wxml b/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.wxml index 3618e51..85c0ac0 100644 --- a/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.wxml +++ b/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.wxml @@ -47,13 +47,13 @@ - + 会议服务 - + 优惠券 5张可用