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",