From 4f35ab7f12dcfdef7bb47d8d645ec5171a6176d0 Mon Sep 17 00:00:00 2001 From: SelfRidicule Date: Mon, 26 Feb 2024 19:30:25 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=8F=E8=BF=B0:=E4=BC=9A=E8=AE=AE=E5=AE=A4?= =?UTF-8?q?=E4=BA=AB=E6=B8=85=E7=A6=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../pages/meeting/meetingRoom/meetingRoom.js | 123 +++++++++----- .../meeting/meetingRoom/meetingRoom.json | 5 +- .../meeting/meetingRoom/meetingRoom.wxml | 66 +++++++- .../meeting/meetingRoom/meetingRoom.wxss | 158 +++++++++++++++++- project.private.config.json | 7 + 5 files changed, 309 insertions(+), 50 deletions(-) diff --git a/miniprogram/pages/meeting/meetingRoom/meetingRoom.js b/miniprogram/pages/meeting/meetingRoom/meetingRoom.js index 56ee225..c6fe906 100644 --- a/miniprogram/pages/meeting/meetingRoom/meetingRoom.js +++ b/miniprogram/pages/meeting/meetingRoom/meetingRoom.js @@ -1,66 +1,97 @@ -// pages/meeting/meetingRoom/meetingRoom.js +const app = getApp() + Page({ - /** - * 页面的初始数据 - */ - data: { + /** + * 页面的初始数据 + */ + data: { + IMG_NAME: app.IMG_NAME, + contentSwichFLag: true, + 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: '' + }], + mapData: { + latitude: 33.601291, + longitude: 119.031829, + markers: [{ + id: 1, + latitude: 33.601291, + longitude: 119.031829, + title: '淮安茂业天地购物中心' + }] + } + }, - }, + /** + * 生命周期函数--监听页面加载 + */ + onLoad(options) { - /** - * 生命周期函数--监听页面加载 - */ - onLoad(options) { + }, - }, + // 切换内容展示 + contentSwich() { + console.log('contentSwich', 1); + let _this = this; + _this.setData({ + "contentSwichFLag": !_this.data.contentSwichFLag + }) + }, - /** - * 生命周期函数--监听页面初次渲染完成 - */ - onReady() { + /** + * 生命周期函数--监听页面初次渲染完成 + */ + onReady() { - }, + }, - /** - * 生命周期函数--监听页面显示 - */ - onShow() { + /** + * 生命周期函数--监听页面显示 + */ + onShow() { - }, + }, - /** - * 生命周期函数--监听页面隐藏 - */ - onHide() { + /** + * 生命周期函数--监听页面隐藏 + */ + onHide() { - }, + }, - /** - * 生命周期函数--监听页面卸载 - */ - onUnload() { + /** + * 生命周期函数--监听页面卸载 + */ + onUnload() { - }, + }, - /** - * 页面相关事件处理函数--监听用户下拉动作 - */ - onPullDownRefresh() { + /** + * 页面相关事件处理函数--监听用户下拉动作 + */ + onPullDownRefresh() { - }, + }, - /** - * 页面上拉触底事件的处理函数 - */ - onReachBottom() { + /** + * 页面上拉触底事件的处理函数 + */ + onReachBottom() { - }, + }, - /** - * 用户点击右上角分享 - */ - onShareAppMessage() { + /** + * 用户点击右上角分享 + */ + onShareAppMessage() { - } + } }) \ No newline at end of file diff --git a/miniprogram/pages/meeting/meetingRoom/meetingRoom.json b/miniprogram/pages/meeting/meetingRoom/meetingRoom.json index 8835af0..b1e33b7 100644 --- a/miniprogram/pages/meeting/meetingRoom/meetingRoom.json +++ b/miniprogram/pages/meeting/meetingRoom/meetingRoom.json @@ -1,3 +1,6 @@ { - "usingComponents": {} + "usingComponents": { + "van-icon": "@vant/weapp/icon/index" + }, + "navigationBarTitleText": "会议室" } \ No newline at end of file diff --git a/miniprogram/pages/meeting/meetingRoom/meetingRoom.wxml b/miniprogram/pages/meeting/meetingRoom/meetingRoom.wxml index 46ce31b..ef348de 100644 --- a/miniprogram/pages/meeting/meetingRoom/meetingRoom.wxml +++ b/miniprogram/pages/meeting/meetingRoom/meetingRoom.wxml @@ -1,2 +1,64 @@ - -pages/meeting/meetingRoom/meetingRoom.wxml \ No newline at end of file + + + + + + + + + + + + + + 所在楼层 + 12层 + + + 空间面积 + 12345m + + + 办公面积 + 550m + + + + + + 在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。默认数组的当前项的下标变量名默认为 index，数组当前项的变量名默认为 item + + + {{contentSwichFLag ? '展开' : '收起'}} + + + + + + + + 空间设施 + + + + VIP + + + + + + + 价格 + ￥ 200.00/半小时 起 + + + + + 空间周边 + + + + + 会议预约 + + \ No newline at end of file diff --git a/miniprogram/pages/meeting/meetingRoom/meetingRoom.wxss b/miniprogram/pages/meeting/meetingRoom/meetingRoom.wxss index f6fbc2c..72c76ff 100644 --- a/miniprogram/pages/meeting/meetingRoom/meetingRoom.wxss +++ b/miniprogram/pages/meeting/meetingRoom/meetingRoom.wxss @@ -1 +1,157 @@ -/* pages/meeting/meetingRoom/meetingRoom.wxss */ \ No newline at end of file +.containerView { + height: 100vh; + width: 100vw; + overflow: auto; + padding-bottom: 100rpx; + background: #ffffff; +} + +.leftLineTitle { + border-left: 8rpx solid #76aef9; + padding-left: 10rpx; + font-size: 32rpx; +} + +.swiper-box { + box-sizing: border-box; + /* width: 100%; */ + height: 358rpx; + margin: 0 22rpx; +} + +.swiper-box .img { + border-radius: 14rpx; + 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; +} + +.roomView { + margin-top: 30rpx; +} + +.roomView .typeView { + display: flex; + justify-content: space-between; + align-items: center; + margin: 0 30rpx; +} + +.roomView .typeView .typeItem { + text-align: center; +} + +.roomView .typeView .typeItem .name { + font-size: 28rpx; + color: gray; +} + +.roomView .typeView .typeItem .value { + margin-top: 10rpx; + font-size: 26rpx; + font-weight: bold; + color: black; +} + +.roomView .content { + margin: 40rpx 20rpx 0; + font-size: 26rpx; + transition: all 1s; +} + +.roomView .content.hidden { + height: 200rpx; + overflow: hidden; + transition: all 1s; +} + +.roomView .contentSwichBtn { + border: 1px solid rgb(202, 202, 202); + border-radius: 6rpx; + margin: 20rpx; + padding: 14rpx; + text-align: center; + font-size: 28rpx; +} + +.facilitiesView { + margin: 50rpx 20rpx; +} + +.facilitiesView .itemView { + display: flex; + justify-content: start; + align-items: center; + flex-wrap: wrap; +} + +.facilitiesView .itemView .singleItem { + box-sizing: border-box; + width: 25%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + margin-top: 30rpx; +} + +.facilitiesView .itemView .singleItem .name { + margin-top: 4rpx; +} + +.priceView { + margin: 20rpx; +} + +.priceView .content { + margin: 30rpx 20rpx; + font-size: 32rpx; + color: red; +} + +.mapView { + margin: 50rpx 20rpx; +} + +.mapView .myMap { + margin-top: 30rpx; + width: 100%; + height: 500rpx; +} + +.reservationBtn{ + background: #5a6ff2; + font-size: 28rpx; + color: white; + padding: 26rpx; + margin: 70rpx 20rpx; + text-align: center; + border-radius: 10rpx; +} \ No newline at end of file diff --git a/project.private.config.json b/project.private.config.json index 91f8041..c203ee6 100644 --- a/project.private.config.json +++ b/project.private.config.json @@ -6,6 +6,13 @@ "condition": { "miniprogram": { "list": [ + { + "name": "pages/meeting/meetingRoom/meetingRoom", + "pathName": "pages/meeting/meetingRoom/meetingRoom", + "query": "", + "launchMode": "default", + "scene": null + }, { "name": "pages/index/index", "pathName": "pages/index/index",