boyue2025/dbd-meeting-wx-small
3
0
Fork 0
mirror of https://gitee.com/elegant_wings/dbd-meeting-wx-small.git synced 2025-06-21 09:39:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

描述:会议预约记录

Browse Source
This commit is contained in:
SelfRidicule 2024-02-28 17:34:35 +08:00
parent e294a1f89f
commit dedf55d25f
4 changed files with 171 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

95
miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingRecord.js
View File

@ -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() {
}
}
})

3
miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingRecord.json
View File

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

28
miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingRecord.wxml
View File

@ -1,2 +1,26 @@
<!--pages/meeting/reservationRecord/meetingRecord/meetingRecord.wxml-->
<text>pages/meeting/reservationRecord/meetingRecord/meetingRecord.wxml</text>
<view class="containerView public">
<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>

96
miniprogram/pages/meeting/reservationRecord/meetingRecord/meetingRecord.wxss
View File

@ -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;
}