描述:会议预约记录

miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingRecord.js

@@ -1,66 +1,67 @@
-// pages/meeting/reservationRecord/meetingRecord/meetingRecord.js
+const app = getApp()
+
 Page({
 
-  /**
+    /**
-   * 页面的初始数据
+     * 页面的初始数据
-   */
+     */
-  data: {
+    data: {
+        IMG_NAME: app.IMG_NAME,
+    },
 
-  },
+    /**
+     * 生命周期函数--监听页面加载
+     */
+    onLoad(options) {
 
-  /**
+    },
-   * 生命周期函数--监听页面加载
-   */
-  onLoad(options) {
 
-  },
+    /**
+     * 生命周期函数--监听页面初次渲染完成
+     */
+    onReady() {
 
-  /**
+    },
-   * 生命周期函数--监听页面初次渲染完成
-   */
-  onReady() {
 
-  },
+    /**
+     * 生命周期函数--监听页面显示
+     */
+    onShow() {
 
-  /**
+    },
-   * 生命周期函数--监听页面显示
-   */
-  onShow() {
 
-  },
+    /**
+     * 生命周期函数--监听页面隐藏
+     */
+    onHide() {
 
-  /**
+    },
-   * 生命周期函数--监听页面隐藏
-   */
-  onHide() {
 
-  },
+    /**
+     * 生命周期函数--监听页面卸载
+     */
+    onUnload() {
 
-  /**
+    },
-   * 生命周期函数--监听页面卸载
-   */
-  onUnload() {
 
-  },
+    /**
+     * 页面相关事件处理函数--监听用户下拉动作
+     */
+    onPullDownRefresh() {
 
-  /**
+    },
-   * 页面相关事件处理函数--监听用户下拉动作
-   */
-  onPullDownRefresh() {
 
-  },
+    /**
+     * 页面上拉触底事件的处理函数
+     */
+    onReachBottom() {
 
-  /**
+    },
-   * 页面上拉触底事件的处理函数
-   */
-  onReachBottom() {
 
-  },
+    /**
+     * 用户点击右上角分享
+     */
+    onShareAppMessage() {
 
-  /**
+    }
-   * 用户点击右上角分享
-   */
-  onShareAppMessage() {
-
-  }
 })

miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingRecord.json

@@ -1,3 +1,4 @@
 {
-  "usingComponents": {}
+    "usingComponents": {},
+    "navigationBarTitleText": "会议预约记录"
 }

miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingRecord.wxml

@@ -1,2 +1,26 @@
-<!--pages/meeting/reservationRecord/meetingRecord/meetingRecord.wxml-->
+<view class="containerView public">
-<text>pages/meeting/reservationRecord/meetingRecord/meetingRecord.wxml</text>
+    <view class="itemView" wx:for="{{3}}">
+        <view class="headView">
+            <view class="number">YGDH20240120122</view>
+            <view class="status">待使用</view>
+        </view>
+        <view class="contentView">
+            <image class="img" src="{{IMG_NAME + '/profile/static/index/banner/1.jpg'}}" mode="aspectFill"></image>
+            <view class="msgView">
+                <view class="title">10人间 | B2A | 3F</view>
+                <view class="name">space space</view>
+                <view class="time">2023-01-01 10:10~12:12</view>
+            </view>
+        </view>
+        <view class="priceView">
+            <view class="name">总价:</view>
+            <view class="price">￥200.00</view>
+        </view>
+        <view class="btnView">
+            <view class="btn">去支付</view>
+            <view class="btn">去邀请</view>
+            <view class="btn">取消订单</view>
+            <view class="btn">查看会议</view>
+        </view>
+    </view>
+</view>

miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingRecord.wxss

@@ -1 +1,95 @@
-/* pages/meeting/reservationRecord/meetingRecord/meetingRecord.wxss */
+.containerView.public {
+    background: none;
+}
+
+.itemView {
+    background: white;
+    margin: 30rpx 20rpx;
+    padding: 30rpx 20rpx;
+    /* box-shadow: rgba(210,210,210,0.5) 0px 3.752px 3.752px 0px; */
+}
+
+.itemView .headView {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.itemView .headView .number {
+    font-size: 26rpx;
+}
+
+.itemView .headView .status {
+    font-size: 26rpx;
+    color: #4e96f8;
+    margin-right: 20rpx;
+}
+
+.itemView .contentView {
+    box-sizing: border-box;
+    border-radius: 10rpx;
+    width: 100%;
+    margin-top: 20rpx;
+    padding: 30rpx 20rpx;
+    display: flex;
+    justify-content: flex-start;
+    align-items: center;
+    background: #f2f2f2;
+}
+
+.itemView .contentView .img {
+    border: 1px solid blue;
+    border-radius: 10rpx;
+    width: 200rpx;
+    height: 110rpx;
+}
+
+.itemView .contentView .msgView {
+    flex: 1;
+    margin-left: 20rpx;
+}
+
+.itemView .contentView .msgView .title {
+    font-size: 28rpx;
+}
+
+.itemView .contentView .msgView .name,
+.itemView .contentView .msgView .time {
+    font-size: 24rpx;
+    color: gray;
+    margin-top: 6rpx;
+}
+
+.itemView .priceView {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    margin: 30rpx 0;
+}
+
+.itemView .priceView .name {
+    font-size: 26rpx;
+}
+
+.itemView .priceView .price {
+    font-size: 28rpx;
+    font-weight: bold;
+    color: red;
+    margin-left: 10rpx;
+}
+
+.itemView .btnView {
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+
+}
+
+.itemView .btnView .btn {
+    border: 1px solid #4e96f8;
+    border-radius: 10rpx;
+    margin-left: 16rpx;
+    padding: 10rpx 24rpx;
+    font-size: 24rpx;
+    color: #4e96f8;
+}