wangxiaowei/xiuhuwangqiu
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善页面

Browse Source
This commit is contained in:
wangxiaowei
2025-10-25 15:50:35 +08:00
parent 23b11c4bff
commit b25f746919
5 changed files with 109 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

102
bundle/reserve/notice.vue Normal file
View File

@ -0,0 +1,102 @@
<template>
<view class="notice">
<view class="notice-logo">
<image style="width: 220rpx;height: 220rpx;" src="@/static/notice.png" mode=""></image>
</view>
<view class="notice-txt">
<view class="notice-title">场馆预约成功</view>
<view class="notice-desc">可以点击下方查看预约单具体信息</view>
</view>
<view class="btn">
<view class="btn1">查看订单</view>
<view class="btn2">完成</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
};
},
onLoad(args) {
this.getData();
},
methods: {
getData() {
},
}
};
</script>
<style lang="scss">
page {
background-color: $xh-bg;
}
.notice {
.notice-logo {
width: 100%;
display: flex;
justify-content: center;
margin-top: 126rpx;
}
.notice-txt {
margin-top: 76rpx;
text-align: center;
.notice-title {
font-size: 36rpx;
color: #303133;
line-height: 50rpx;
}
.notice-desc {
font-weight: 400;
font-size: 28rpx;
color: #9CA3AF;
line-height: 40rpx;
margin-top: 20rpx;
}
}
.btn {
margin-top: 78rpx;
display: flex;
align-items: center;
justify-content: center;
.btn1 {
width: 300rpx;
height: 90rpx;
text-align: center;
line-height: 90rpx;
background-color: #fff;
font-weight: 500;
font-size: 30rpx;
color: #303133;
border-radius: 24rpx;
margin-right: 28rpx;
}
.btn2 {
width: 300rpx;
height: 90rpx;
text-align: center;
line-height: 90rpx;
background-color: #365A9A;
font-weight: 500;
font-size: 30rpx;
color: #FFFFFF;
border-radius: 24rpx;
}
}
}
</style>