完善页面
This commit is contained in:
82
pages/finish/finish.vue
Normal file
82
pages/finish/finish.vue
Normal file
@ -0,0 +1,82 @@
|
||||
<template>
|
||||
<view class="wait">
|
||||
<view class="info u-text-center">
|
||||
<text class="title bold-500">出餐单号</text>
|
||||
</view>
|
||||
<view class="u-text-center nr number">
|
||||
号码
|
||||
</view>
|
||||
<view class="row-center u-m-t-54">
|
||||
<view class="border">
|
||||
0
|
||||
</view>
|
||||
<view class="border">
|
||||
2
|
||||
</view>
|
||||
<view class="border">
|
||||
4
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="btn text-fff u-text-center">
|
||||
取餐
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
page {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.wait {
|
||||
.info {
|
||||
margin: 242rpx 120rpx 58rpx;
|
||||
.title {
|
||||
font-size: 40rpx;
|
||||
}
|
||||
|
||||
.time {
|
||||
color: rgba(0, 0, 0, .6);
|
||||
}
|
||||
}
|
||||
|
||||
.numer {
|
||||
color: #151515;
|
||||
}
|
||||
|
||||
.border {
|
||||
text-align: center;
|
||||
width: 67rpx;
|
||||
height: 68rpx;
|
||||
line-height: 68rpx;
|
||||
border: 2rpx solid #E7E7E7;
|
||||
color: #FE6004;
|
||||
font-size: 64rpx;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.border:first-child {
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
.border:nth-child(2) {
|
||||
border-right: 0;
|
||||
}
|
||||
|
||||
.btn {
|
||||
bottom: 106rpx;
|
||||
margin: 154rpx 64rpx 0;
|
||||
height: 76rpx;
|
||||
line-height: 76rpx;
|
||||
background: #FE6004;
|
||||
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user