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

修改文件

Browse Source
This commit is contained in:
wangxiaowei
2025-09-04 17:04:21 +08:00
parent ff5e4af2d4
commit 55205f6e4d
11 changed files with 641 additions and 540 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
components/appointment-time/appointment-time.vue
View File

@ -1,9 +1,12 @@
<template>
<view>
<u-popup v-model="showPop" mode="bottom" border-radius="16" :safe-area-inset-bottom="true" :closeable="true">
<view class="appointment-time">
<view class="bold-700 lg u-p-t-24 u-p-b-24 u-text-center">选择预约时间</view>
<view class="block row" style="height: 700rpx;">
<u-popup v-model="showPop" mode="bottom" border-radius="16" :safe-area-inset-bottom="true" >
<view class="appointment-time u-relative">
<view class="bold-700 lg u-p-t-30 u-p-b-30 u-text-center time-text">选择预约时间</view>
<view class="u-absolute close" @click="onClose">
<u-icon size="40" name="close"></u-icon>
</view>
<view class="block row" style="height: 560rpx;">
<view class="aside">
<scroll-view style="height: 100%;" scroll-y="true" scroll-with-animation="true">
<view style="padding-bottom: 200rpx;">
@ -19,8 +22,8 @@
<view class="main">
<scroll-view style="height: 100%" scroll-y="true" scroll-with-animation="true">
<view class="main-wrap u-m-t-32">
<view class="bg-white br16 row u-col-top u-m-b-24 nr" v-for="(item, index) in timeList" :key="index" @click="selectTime(index)">
<view class="main-wrap">
<view class="bg-white br16 row u-col-top nr time-block" v-for="(item, index) in timeList" :key="index" @click="selectTime(index)">
<view>{{ item.start_time }}-{{ item.end_time }}</view>
</view>
</view>
@ -123,8 +126,17 @@
<style lang="scss">
.appointment-time {
height: 800rpx;
max-height: 800rpx;
height: 560rpx;
max-height: 560rpx;
}
.time-text {
font-size: 40rpx;
}
.close {
right: 30rpx;
top: 40rpx;
}
.block {
@ -141,7 +153,8 @@
text-align: center;
height: 108rpx;
line-height: 108rpx;
width: 200rpx;
&.active {
color: $-color-theme;
font-size: 26rpx;
@ -158,6 +171,12 @@
}
}
}
.time-block {
height: 108rpx;
line-height: 108rpx;
border-bottom: 2rpx solid #F5F5F5;
}
.main {
height: 100%;
@ -166,6 +185,7 @@
.main-wrap {
position: relative;
padding: 0 20rpx;
padding-bottom: 108rpx;
.goods {
padding-bottom: 200rpx;
.info {