diff --git a/miniprogram/app.json b/miniprogram/app.json index c2b0a54..0f59ab2 100644 --- a/miniprogram/app.json +++ b/miniprogram/app.json @@ -52,7 +52,8 @@ "pages/meeting/meetingReservation/meetingReservation", "pages/meeting/visitorIinvitation/visitorIinvitation", "pages/meeting/meetingRoom/meetingRoom", - "pages/meeting/meetingRoom/meetingFacilities/meetingFacilities" + "pages/meeting/meetingRoom/meetingFacilities/meetingFacilities", + "pages/meeting/meetingRoom/meetingOrder/meetingOrder" ], "window": { "backgroundTextStyle": "light", diff --git a/miniprogram/pages/meeting/meetingRoom/meetingFacilities/meetingFacilities.wxml b/miniprogram/pages/meeting/meetingRoom/meetingFacilities/meetingFacilities.wxml index c9cd1ca..22c4389 100644 --- a/miniprogram/pages/meeting/meetingRoom/meetingFacilities/meetingFacilities.wxml +++ b/miniprogram/pages/meeting/meetingRoom/meetingFacilities/meetingFacilities.wxml @@ -1,11 +1,23 @@ - + + 空间设施 - - VIP + + TV + + + + + + + 免费服务 + + + + 服务 diff --git a/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.js b/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.js new file mode 100644 index 0000000..b6df432 --- /dev/null +++ b/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.js @@ -0,0 +1,77 @@ +const app = getApp() + +Page({ + + /** + * 页面的初始数据 + */ + data: { + IMG_NAME: app.IMG_NAME, + bannerList: [{ + bg: '/profile/static/index/banner/1.jpg', + url: '' + }, { + bg: '/profile/static/index/banner/2.jpg', + url: '' + }, { + bg: '/profile/static/index/banner/3.jpg', + url: '' + }], + }, + + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { + + }, + + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { + + }, + + /** + * 生命周期函数--监听页面显示 + */ + onShow() { + + }, + + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { + + }, + + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { + + }, + + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { + + }, + + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { + + }, + + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { + + } +}) \ No newline at end of file diff --git a/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.json b/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.json new file mode 100644 index 0000000..c162cf3 --- /dev/null +++ b/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.json @@ -0,0 +1,4 @@ +{ + "usingComponents": {}, + "navigationBarTitleText": "预约信息" +} \ No newline at end of file diff --git a/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.wxml b/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.wxml new file mode 100644 index 0000000..8dd61cf --- /dev/null +++ b/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.wxml @@ -0,0 +1,26 @@ + + + + 会议室 + + + + + + + + + + + 10人间 | B2A | 12F + + #电视 + + + + ¥ 200.00/ + 半小时 起 + + + + \ No newline at end of file diff --git a/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.wxss b/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.wxss new file mode 100644 index 0000000..40bb537 --- /dev/null +++ b/miniprogram/pages/meeting/meetingRoom/meetingOrder/meetingOrder.wxss @@ -0,0 +1,115 @@ +.containerView { + height: 100vh; + width: 100vw; + overflow: auto; + padding-bottom: 100rpx; + background: #ffffff; +} + +.swiperView { + position: relative; +} + +.swiperView .tag { + position: absolute; + left: 22rpx; + top: 20rpx; + background: #76aef9; + font-size: 28rpx; + color: white; + font-weight: bold; + padding: 10rpx 40rpx; + border-top-right-radius: 6rpx; + border-bottom-right-radius: 6rpx; + z-index: 999; +} + +.swiper-box { + border-radius: 14rpx; + box-sizing: border-box; + height: 358rpx; + margin: 0 22rpx; + overflow: hidden; +} + +.swiper-box .img { + width: 100%; + height: 100%; +} + +/* 轮播小点点 */ +.swiper-box .wx-swiper-dots.wx-swiper-dots-horizontal { + margin-left: 36%; +} + +.swiper-box .wx-swiper-dot { + width: 20rpx; + display: inline-flex; + height: 5rpx; + margin-left: 10rpx; + justify-content: space-between; +} + +.swiper-box .wx-swiper-dot::before { + content: ''; + flex-grow: 1; + background: rgba(255, 255, 255, 0.8); + border-radius: 0rpx +} + +.swiper-box .wx-swiper-dot-active::before { + background: #ff3333; +} + +.swiper-box .wx-swiper-dot-active { + width: 40rpx; +} + +.meetingDetailView { + display: flex; + justify-content: space-between; + align-items: center; + margin: 30rpx 22rpx; + padding: 0 16rpx 20rpx; + border-bottom: 1px solid rgb(126, 126, 126, 0.2); +} + +.meetingDetailView .detailView { + flex: 1; + word-break: break-all; + margin-right: 20rpx; +} + +.meetingDetailView .detailView .title { + font-size: 32rpx; +} + +.meetingDetailView .detailView .itemList { + display: flex; + flex-wrap: wrap; + justify-content: start; + align-items: center; + margin-top: 14rpx; + font-size: 26rpx; + color: gray; +} + +.meetingDetailView .detailView .itemList .item { + margin-right: 12rpx; +} + +.meetingDetailView .priceView{ + display: flex; + justify-content: start; + align-items: flex-end; + line-height: 1; +} + +.meetingDetailView .priceView .price{ + font-size: 36rpx; + color: red; +} + +.meetingDetailView .priceView .unit{ + font-size: 24rpx; +} diff --git a/miniprogram/pages/meeting/meetingRoom/meetingRoom.js b/miniprogram/pages/meeting/meetingRoom/meetingRoom.js index e032580..f7fdc90 100644 --- a/miniprogram/pages/meeting/meetingRoom/meetingRoom.js +++ b/miniprogram/pages/meeting/meetingRoom/meetingRoom.js @@ -49,7 +49,14 @@ Page({ // 跳转空间设施 jumpMeetingFacilities() { wx.navigateTo({ - url: '/pages/meeting/meetingRoom/meetingFacilities/meetingFacilities', + url: '/pages/meeting/meetingRoom/meetingFacilities/meetingFacilities', + }) + }, + + // 跳转会议订单 + jumpMeetingOrder() { + wx.navigateTo({ + url: "/pages/meeting/meetingRoom/meetingOrder/meetingOrder", }) }, diff --git a/miniprogram/pages/meeting/meetingRoom/meetingRoom.wxml b/miniprogram/pages/meeting/meetingRoom/meetingRoom.wxml index d3f3eb9..83edef0 100644 --- a/miniprogram/pages/meeting/meetingRoom/meetingRoom.wxml +++ b/miniprogram/pages/meeting/meetingRoom/meetingRoom.wxml @@ -59,6 +59,6 @@ - 会议预约 + 会议预约 \ No newline at end of file