mirror of
https://gitee.com/elegant_wings/dbd-meeting-wx-small.git
synced 2025-06-21 13:09:38 +08:00
描述:分享
This commit is contained in:
SelfRidicule
parent
f5b7d19fb5
commit
06c33dba9b
@ -59,7 +59,8 @@
|
|||||||
"pages/meeting/pay/waitPay/waitPay",
|
"pages/meeting/pay/waitPay/waitPay",
|
||||||
"pages/meeting/pay/waitComplete/waitComplete",
|
"pages/meeting/pay/waitComplete/waitComplete",
|
||||||
"pages/meeting/reservationRecord/reservationRecord",
|
"pages/meeting/reservationRecord/reservationRecord",
|
||||||
"pages/meeting/reservationRecord/meetingRecord/meetingRecord"
|
"pages/meeting/reservationRecord/meetingRecord/meetingRecord",
|
||||||
|
"pages/meeting/reservationRecord/meetingRecord/meetingDetail/meetingDetail"
|
||||||
],
|
],
|
||||||
"window": {
|
"window": {
|
||||||
"backgroundTextStyle": "light",
|
"backgroundTextStyle": "light",
|
||||||
|
|||||||
@ -1,355 +1,364 @@
|
|||||||
@import "/utils/common.wxss";
|
@import "/utils/common.wxss";
|
||||||
|
|
||||||
page {
|
page {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
/* overflow: hidden; */
|
/* overflow: hidden; */
|
||||||
font-size: 24rpx;
|
font-size: 24rpx;
|
||||||
/* color: #F3F3F3; */
|
/* color: #F3F3F3; */
|
||||||
background-color: #F5F5F5;
|
background-color: #F5F5F5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flow-checkout-header {
|
.flow-checkout-header {
|
||||||
padding: 28rpx 0;
|
padding: 28rpx 0;
|
||||||
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAAANCAYAAADVGpDCAAAAGXRFW…GxrGBUn2PZ4lyoTdIsST0FQj0UDSLUak6ot3gcBLVY3wQYAJoVXxmNERajAAAAAElFTkSuQmCC) bottom left repeat-x;
|
background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAAANCAYAAADVGpDCAAAAGXRFW…GxrGBUn2PZ4lyoTdIsST0FQj0UDSLUak6ot3gcBLVY3wQYAJoVXxmNERajAAAAAElFTkSuQmCC) bottom left repeat-x;
|
||||||
background-size: 120rpx auto;
|
background-size: 120rpx auto;
|
||||||
position: relative;
|
position: relative;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flow-header-left {
|
.flow-header-left {
|
||||||
flex: 14;
|
flex: 14;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flow-fixed-footer {
|
.flow-fixed-footer {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
border-top: 1px solid #eee;
|
border-top: 1px solid #eee;
|
||||||
z-index: 11;
|
z-index: 11;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flow-shopList {
|
.flow-shopList {
|
||||||
padding: 20rpx 0;
|
padding: 20rpx 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flow-shopList .flow-list-left {
|
.flow-shopList .flow-list-left {
|
||||||
flex: 2;
|
flex: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flow-btn {
|
.flow-btn {
|
||||||
background-color: #ff495e;
|
background-color: #ff495e;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 46px;
|
line-height: 46px;
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flow-num-box {
|
.flow-num-box {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: #777;
|
color: #777;
|
||||||
padding: 15rpx 12px;
|
padding: 15rpx 12px;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flow-checkout-header .flow-checkout-address {
|
.flow-checkout-header .flow-checkout-address {
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #777;
|
color: #777;
|
||||||
margin-top: 6rpx;
|
margin-top: 6rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.goods-detail-box {
|
.goods-detail-box {
|
||||||
padding: 0;
|
padding: 0;
|
||||||
min-height: 150px;
|
min-height: 150px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flow-shopList .flow-list-right .small {
|
.flow-shopList .flow-list-right .small {
|
||||||
float: right;
|
float: right;
|
||||||
font-size: 26rpx;
|
font-size: 26rpx;
|
||||||
color: #777;
|
color: #777;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flow-shopList .flow-list-right .flow-cont {
|
.flow-shopList .flow-list-right .flow-cont {
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: #ff495e;
|
color: #ff495e;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flow-shopList .flow-list-right .flow-list-cont {
|
.flow-shopList .flow-list-right .flow-list-cont {
|
||||||
padding-top: 10rpx;
|
padding-top: 10rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flow-shopList .flow-list-left {
|
.flow-shopList .flow-list-left {
|
||||||
flex: 2;
|
flex: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flow-shopList .flow-list-right {
|
.flow-shopList .flow-list-right {
|
||||||
flex: 4;
|
flex: 4;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flow-shopList .flow-list-left image {
|
.flow-shopList .flow-list-left image {
|
||||||
width: 200rpx;
|
width: 200rpx;
|
||||||
height: 200rpx;
|
height: 200rpx;
|
||||||
border: 1rpx solid #eee;
|
border: 1rpx solid #eee;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flow-list custom-li, .addres-list custom-li {
|
.flow-list custom-li,
|
||||||
margin-top: 25rpx;
|
.addres-list custom-li {
|
||||||
display: block;
|
margin-top: 25rpx;
|
||||||
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flow-list custom-li:first-child, .addres-list custom-li:first-child {
|
.flow-list custom-li:first-child,
|
||||||
margin-top: 0;
|
.addres-list custom-li:first-child {
|
||||||
|
margin-top: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.index-cont-search {
|
.index-cont-search {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
position: relative;
|
position: relative;
|
||||||
background: #f1f1f1;
|
background: #f1f1f1;
|
||||||
}
|
}
|
||||||
|
|
||||||
.selectNumber {
|
.selectNumber {
|
||||||
height: 34px;
|
height: 34px;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
border: 1rpx solid #eee;
|
border: 1rpx solid #eee;
|
||||||
border-radius: 10rpx;
|
border-radius: 10rpx;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
.selectNumber .default-active {
|
.selectNumber .default-active {
|
||||||
background: #f7f7f7 !important;
|
background: #f7f7f7 !important;
|
||||||
color: #ddd !important;
|
color: #ddd !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.selectNumber .default {
|
.selectNumber .default {
|
||||||
width: 34px;
|
width: 34px;
|
||||||
height: 34px;
|
height: 34px;
|
||||||
float: left;
|
float: left;
|
||||||
line-height: 32px;
|
line-height: 32px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
background: #fff;
|
background: #fff;
|
||||||
color: #444;
|
color: #444;
|
||||||
font-size: 48rpx;
|
font-size: 48rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.selectNumber input {
|
.selectNumber input {
|
||||||
float: left;
|
float: left;
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 34px;
|
height: 34px;
|
||||||
line-height: 34px;
|
line-height: 34px;
|
||||||
border-right: 1rpx solid #eee;
|
border-right: 1rpx solid #eee;
|
||||||
border-left: 1rpx solid #eee;
|
border-left: 1rpx solid #eee;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: #444;
|
color: #444;
|
||||||
}
|
}
|
||||||
|
|
||||||
.order-bt {
|
.order-bt {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
background-color: #ff495e;
|
background-color: #ff495e;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 46px;
|
line-height: 46px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.profile-btn button {
|
.profile-btn button {
|
||||||
background: #ff495e;
|
background: #ff495e;
|
||||||
color: white;
|
color: white;
|
||||||
margin-bottom: 20rpx;
|
margin-bottom: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.yoshop-notcont {
|
.yoshop-notcont {
|
||||||
margin: 130rpx 100rpx;
|
margin: 130rpx 100rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.yoshop-notcont .iconfont {
|
.yoshop-notcont .iconfont {
|
||||||
font-size: 150rpx;
|
font-size: 150rpx;
|
||||||
color: #ccc;
|
color: #ccc;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
display: block;
|
display: block;
|
||||||
margin-bottom: 24rpx;
|
margin-bottom: 24rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.yoshop-notcont .cont {
|
.yoshop-notcont .cont {
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 30rpx;
|
font-size: 30rpx;
|
||||||
color: #999;
|
color: #999;
|
||||||
margin-top: 20rpx;
|
margin-top: 20rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer-fixed {
|
.footer-fixed {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
display: flex;
|
display: flex;
|
||||||
bottom: 0px;
|
bottom: 0px;
|
||||||
left: 0px;
|
left: 0px;
|
||||||
right: 0px;
|
right: 0px;
|
||||||
height: 46px;
|
height: 46px;
|
||||||
z-index: 18;
|
z-index: 18;
|
||||||
box-shadow: 1px 5px 15px rgba(50, 50, 50, 0.3);
|
box-shadow: 1px 5px 15px rgba(50, 50, 50, 0.3);
|
||||||
background: #fff;
|
background: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.order-bt {
|
.order-bt {
|
||||||
background-color: #ff495e;
|
background-color: #ff495e;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 46px;
|
line-height: 46px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
font-family: PingFang-Medium,
|
font-family: PingFang-Medium,
|
||||||
PingFangSC-Regular,
|
PingFangSC-Regular,
|
||||||
Heiti,
|
Heiti,
|
||||||
Heiti SC,
|
Heiti SC,
|
||||||
DroidSans,
|
DroidSans,
|
||||||
DroidSansFallback,
|
DroidSansFallback,
|
||||||
"Microsoft YaHei",
|
"Microsoft YaHei",
|
||||||
sans-serif;
|
sans-serif;
|
||||||
-webkit-font-smoothing: antialiased;
|
-webkit-font-smoothing: antialiased;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bold {
|
.bold {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.next {
|
.next {
|
||||||
width: 100% !important;
|
width: 100% !important;
|
||||||
height: 100rpx !important;
|
height: 100rpx !important;
|
||||||
font-size: 28rpx;
|
font-size: 28rpx;
|
||||||
color: white;
|
color: white;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 100rpx !important;
|
line-height: 100rpx !important;
|
||||||
background: #4C84FF;
|
background: #4C84FF;
|
||||||
/* position: absolute !important;
|
/* position: absolute !important;
|
||||||
bottom: 30rpx;
|
bottom: 30rpx;
|
||||||
left: 50% !important; */
|
left: 50% !important; */
|
||||||
/* margin-left: -290rpx !important; */
|
/* margin-left: -290rpx !important; */
|
||||||
padding: 0 !important;
|
padding: 0 !important;
|
||||||
border-radius: 50rpx !important;
|
border-radius: 50rpx !important;
|
||||||
z-index: 5;
|
z-index: 5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.floL {
|
.floL {
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
.floR {
|
.floR {
|
||||||
float: right;
|
float: right;
|
||||||
}
|
}
|
||||||
|
|
||||||
.fontW {
|
.fontW {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bshaw {
|
.bshaw {
|
||||||
width: 98%;
|
width: 98%;
|
||||||
margin-left: 1%;
|
margin-left: 1%;
|
||||||
padding: 30rpx 30rpx 36rpx 22rpx;
|
padding: 30rpx 30rpx 36rpx 22rpx;
|
||||||
background: rgba(255, 255, 255, 1);
|
background: rgba(255, 255, 255, 1);
|
||||||
box-shadow: 0px 0px 13rpx 1rpx rgba(233, 236, 244, 1);
|
box-shadow: 0px 0px 13rpx 1rpx rgba(233, 236, 244, 1);
|
||||||
border-radius: 4rpx;
|
border-radius: 4rpx;
|
||||||
margin-top: 50rpx;
|
margin-top: 50rpx;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
/*隐藏滚动条*/
|
/*隐藏滚动条*/
|
||||||
|
|
||||||
::-webkit-scrollbar {
|
::-webkit-scrollbar {
|
||||||
width: 0;
|
width: 0;
|
||||||
height: 0;
|
height: 0;
|
||||||
color: transparent;
|
color: transparent;
|
||||||
}
|
}
|
||||||
|
|
||||||
.da {
|
.da {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: white;
|
color: white;
|
||||||
background: #4C84FF;
|
background: #4C84FF;
|
||||||
padding: 0 50rpx;
|
padding: 0 50rpx;
|
||||||
height: 62rpx;
|
height: 62rpx;
|
||||||
border-radius: 31rpx;
|
border-radius: 31rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 62rpx;
|
line-height: 62rpx;
|
||||||
margin-right: 24rpx;
|
margin-right: 24rpx;
|
||||||
margin-bottom: 24rpx;
|
margin-bottom: 24rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.da1 {
|
.da1 {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: black;
|
color: black;
|
||||||
background: #F2F2F2;
|
background: #F2F2F2;
|
||||||
padding: 0 50rpx;
|
padding: 0 50rpx;
|
||||||
height: 62rpx;
|
height: 62rpx;
|
||||||
border-radius: 31rpx;
|
border-radius: 31rpx;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
line-height: 62rpx;
|
line-height: 62rpx;
|
||||||
margin-right: 24rpx;
|
margin-right: 24rpx;
|
||||||
margin-bottom: 24rpx;
|
margin-bottom: 24rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.titleC {
|
.titleC {
|
||||||
font-size: 13pt;
|
font-size: 13pt;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
margin-bottom: 10rpx;
|
margin-bottom: 10rpx;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
.detailTextC {
|
.detailTextC {
|
||||||
color: #A5A5A5;
|
color: #A5A5A5;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
text-overflow: ellipsis;
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
.textcolor {
|
.textcolor {
|
||||||
color: #A5A5A5;
|
color: #A5A5A5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.iconfont {
|
.iconfont {
|
||||||
font-size: 14pt;
|
font-size: 14pt;
|
||||||
color: #C11D24;
|
color: #C11D24;
|
||||||
}
|
}
|
||||||
|
|
||||||
.iconfonts {
|
.iconfonts {
|
||||||
font-size: 14pt;
|
font-size: 14pt;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btnColor {
|
.btnColor {
|
||||||
background-color: #C11D24;
|
background-color: #C11D24;
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
image {
|
image {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.paddingPercent_4 {
|
.paddingPercent_4 {
|
||||||
padding: 4%;
|
padding: 4%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.borderBottom {
|
.borderBottom {
|
||||||
border-bottom: 1rpx solid #EEEEEE;
|
border-bottom: 1rpx solid #EEEEEE;
|
||||||
}
|
}
|
||||||
|
|
||||||
.borderTop {
|
.borderTop {
|
||||||
border-top: 1rpx solid #E5E5E5;
|
border-top: 1rpx solid #E5E5E5;
|
||||||
}
|
}
|
||||||
|
|
||||||
.flex {
|
.flex {
|
||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.containerView.public {
|
.containerView.public {
|
||||||
|
box-sizing: border-box;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding-bottom: 100rpx;
|
padding-bottom: 100rpx;
|
||||||
background: #ffffff;
|
background: #ffffff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.leftLineTitle {
|
||||||
|
border-left: 8rpx solid #76aef9;
|
||||||
|
padding-left: 10rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
}
|
}
|
||||||
@ -0,0 +1,67 @@
|
|||||||
|
const app = getApp()
|
||||||
|
|
||||||
|
Page({
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面的初始数据
|
||||||
|
*/
|
||||||
|
data: {
|
||||||
|
IMG_NAME: app.IMG_NAME,
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面加载
|
||||||
|
*/
|
||||||
|
onLoad(options) {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面初次渲染完成
|
||||||
|
*/
|
||||||
|
onReady() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面显示
|
||||||
|
*/
|
||||||
|
onShow() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面隐藏
|
||||||
|
*/
|
||||||
|
onHide() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 生命周期函数--监听页面卸载
|
||||||
|
*/
|
||||||
|
onUnload() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面相关事件处理函数--监听用户下拉动作
|
||||||
|
*/
|
||||||
|
onPullDownRefresh() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 页面上拉触底事件的处理函数
|
||||||
|
*/
|
||||||
|
onReachBottom() {
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 用户点击右上角分享
|
||||||
|
*/
|
||||||
|
onShareAppMessage() {
|
||||||
|
|
||||||
|
}
|
||||||
|
})
|
||||||
@ -0,0 +1,4 @@
|
|||||||
|
{
|
||||||
|
"usingComponents": {},
|
||||||
|
"navigationBarTitleText": "会议预约详情"
|
||||||
|
}
|
||||||
@ -0,0 +1,74 @@
|
|||||||
|
<view class="containerView public">
|
||||||
|
<!-- 展示区域 -->
|
||||||
|
<view class="itemView">
|
||||||
|
<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 spacespace spacespace spacespace spacespace space</view>
|
||||||
|
<view class="time">2023-01-01 10:10~12:12</view>
|
||||||
|
</view>
|
||||||
|
<view class="priceView">
|
||||||
|
<view class="price">￥200.00</view>
|
||||||
|
<view class="unit">/半小时</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 基本信息 -->
|
||||||
|
<view class="basicView">
|
||||||
|
<view class="labelTitle">基本信息</view>
|
||||||
|
<view class="cellView">
|
||||||
|
<view class="label">会议时间</view>
|
||||||
|
<view class="content">2024-01-01 10:10~11:10 共计1小时</view>
|
||||||
|
</view>
|
||||||
|
<view class="cellView">
|
||||||
|
<view class="label">会议主题</view>
|
||||||
|
<view class="content">My Meeting Room</view>
|
||||||
|
</view>
|
||||||
|
<view class="cellView">
|
||||||
|
<view class="label">会议预约人</view>
|
||||||
|
<view class="content">admin</view>
|
||||||
|
</view>
|
||||||
|
<view class="cellView">
|
||||||
|
<view class="label">联系方式</view>
|
||||||
|
<view class="content">10086</view>
|
||||||
|
</view>
|
||||||
|
<view class="labelTitle">订单信息</view>
|
||||||
|
<view class="cellView">
|
||||||
|
<view class="label">订单类型</view>
|
||||||
|
<view class="content">会议室订单</view>
|
||||||
|
</view>
|
||||||
|
<view class="cellView">
|
||||||
|
<view class="label">订单状态</view>
|
||||||
|
<view class="content status">待使用</view>
|
||||||
|
</view>
|
||||||
|
<view class="cellView">
|
||||||
|
<view class="label">订单编号</view>
|
||||||
|
<view class="content">FO2121654654654</view>
|
||||||
|
</view>
|
||||||
|
<view class="cellView">
|
||||||
|
<view class="label">创建时间</view>
|
||||||
|
<view class="content">2024-01-01 12:12:00</view>
|
||||||
|
</view>
|
||||||
|
<view class="cellView">
|
||||||
|
<view class="label">优惠卷</view>
|
||||||
|
<view class="content">1张</view>
|
||||||
|
</view>
|
||||||
|
<view class="cellView">
|
||||||
|
<view class="label">支付金额</view>
|
||||||
|
<view class="content payMoney">￥200.00</view>
|
||||||
|
</view>
|
||||||
|
<view class="cellView">
|
||||||
|
<view class="label">支付时间</view>
|
||||||
|
<view class="content">2024-01-01 12:12:00</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- 底部区域 -->
|
||||||
|
<view class="bottomFix">
|
||||||
|
<view class="btn">去支付</view>
|
||||||
|
<view class="btn">去邀请</view>
|
||||||
|
<view class="btn">取消订单</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
@ -0,0 +1,120 @@
|
|||||||
|
.containerView.public {
|
||||||
|
padding-bottom: 200rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemView {
|
||||||
|
padding: 0 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-radius: 10rpx;
|
||||||
|
width: 200rpx;
|
||||||
|
height: 110rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemView .contentView .msgView {
|
||||||
|
flex: 1;
|
||||||
|
margin: 0 20rpx;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemView .contentView .msgView .title {
|
||||||
|
font-size: 28rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemView .contentView .msgView .name,
|
||||||
|
.itemView .contentView .msgView .time {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: gray;
|
||||||
|
margin-top: 6rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemView .contentView .priceView {
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemView .contentView .priceView .price {
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemView .contentView .priceView .unit {
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: gray;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.basicView {}
|
||||||
|
|
||||||
|
.basicView .labelTitle {
|
||||||
|
margin: 40rpx 20rpx;
|
||||||
|
font-size: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.basicView .cellView {
|
||||||
|
border-bottom: 1px solid rgb(126, 126, 126, 0.2);
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: flex-start;
|
||||||
|
padding: 30rpx 20rpx;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
|
||||||
|
.basicView .cellView .label {
|
||||||
|
font-size: 28rpx;
|
||||||
|
min-width: 180rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.basicView .cellView .content {
|
||||||
|
font-size: 26rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.basicView .cellView .content.payMoney {
|
||||||
|
font-size: 28rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
|
.basicView .cellView .content.status {
|
||||||
|
color: #4e96f8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottomFix {
|
||||||
|
box-sizing: border-box;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 1;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: 160rpx;
|
||||||
|
background: white;
|
||||||
|
box-shadow: rgb(187, 187, 187) 0px 0px 6px 0px;
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
justify-content: flex-end;
|
||||||
|
align-items: center;
|
||||||
|
padding-right: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bottomFix .btn {
|
||||||
|
border: 1px solid #4e96f8;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
margin-top: -20rpx;
|
||||||
|
padding: 10rpx 24rpx;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #4e96f8;
|
||||||
|
}
|
||||||
@ -16,6 +16,20 @@ Page({
|
|||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
|
// 跳转-支付
|
||||||
|
jumpPay() {
|
||||||
|
wx.navigateTo({
|
||||||
|
url: "/pages/meeting/pay/waitPay/waitPay"
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
|
// 跳转-预约详情
|
||||||
|
jumpMeetingDetail() {
|
||||||
|
wx.navigateTo({
|
||||||
|
url: "/pages/meeting/reservationRecord/meetingRecord/meetingDetail/meetingDetail",
|
||||||
|
})
|
||||||
|
},
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 生命周期函数--监听页面初次渲染完成
|
* 生命周期函数--监听页面初次渲染完成
|
||||||
*/
|
*/
|
||||||
@ -62,6 +76,12 @@ Page({
|
|||||||
* 用户点击右上角分享
|
* 用户点击右上角分享
|
||||||
*/
|
*/
|
||||||
onShareAppMessage() {
|
onShareAppMessage() {
|
||||||
|
let param = {
|
||||||
|
title: "space 会议室101",
|
||||||
|
path: "/pages/meeting/reservationRecord/meetingRecord/meetingDetail/meetingDetail",
|
||||||
|
imageUrl: app.IMG_NAME + '/profile/static/index/banner/1.jpg',
|
||||||
|
}
|
||||||
|
console.log('onShareAppMessage' , param);
|
||||||
|
return param;
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
@ -1,14 +1,14 @@
|
|||||||
<view class="containerView public">
|
<view class="containerView public">
|
||||||
<view class="itemView" wx:for="{{3}}">
|
<view class="itemView" wx:for="{{2}}">
|
||||||
<view class="headView">
|
<view class="headView">
|
||||||
<view class="number">YGDH20240120122</view>
|
<view class="number">YGDH20240120122</view>
|
||||||
<view class="status">待使用</view>
|
<view class="status">待使用</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="contentView">
|
<view class="contentView" bind:tap="jumpMeetingDetail">
|
||||||
<image class="img" src="{{IMG_NAME + '/profile/static/index/banner/1.jpg'}}" mode="aspectFill"></image>
|
<image class="img" src="{{IMG_NAME + '/profile/static/index/banner/1.jpg'}}" mode="aspectFill"></image>
|
||||||
<view class="msgView">
|
<view class="msgView">
|
||||||
<view class="title">10人间 | B2A | 3F</view>
|
<view class="title">10人间 | B2A | 3F</view>
|
||||||
<view class="name">space space</view>
|
<view class="name">space spacespace spacespace spacespace space</view>
|
||||||
<view class="time">2023-01-01 10:10~12:12</view>
|
<view class="time">2023-01-01 10:10~12:12</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -17,10 +17,14 @@
|
|||||||
<view class="price">￥200.00</view>
|
<view class="price">￥200.00</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="btnView">
|
<view class="btnView">
|
||||||
<view class="btn">去支付</view>
|
<view class="btn" bind:tap="jumpPay">去支付</view>
|
||||||
<view class="btn">去邀请</view>
|
<view class="btn">去邀请</view>
|
||||||
<view class="btn">取消订单</view>
|
<view class="btn">取消订单</view>
|
||||||
<view class="btn">查看会议</view>
|
<view class="btn" bind:tap="jumpMeetingDetail">查看会议</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
|
<!-- 测试转发 -->
|
||||||
|
<button open-type="share">转发</button>
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
@ -46,6 +46,7 @@
|
|||||||
.itemView .contentView .msgView {
|
.itemView .contentView .msgView {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
margin-left: 20rpx;
|
margin-left: 20rpx;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
|
|
||||||
.itemView .contentView .msgView .title {
|
.itemView .contentView .msgView .title {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user