预约服务.md 1.8KB
在 package-a/booking-service/index.vue 编写 1.是个 横向flex 白色背景 总共有8个 全部 和 明天即后面6天 最好是个 数组 v-for 例如 [{name: '全部', date: '',key: 'all'}, { name: '周四', date: '05-13', key: '2026-05-13' }...] 需要你根据当前日期来创建这个数组 其中 展示的文本 全部 就是直接展示， 其他带日期的分成 上下 2层 上 显示 name 下层显示 date flex 垂直居中 flex 列表 有边框 默认选择 全部 选中 背景色 绿色 文本 蓝色， 默认背景色 白色 文本 黑色 2.白色背景 搜索框 up-search 占位符: 搜索您要找的兽医、专家、诊疗机构 3.白色背景 up-tabs tabs[兽医, 专家, 诊疗机构] 4.虚拟列表 up-virtual-list 兽医对应4.1， 专家对应4.2 诊疗机构对应4.3 展示的列表不一样 4.1 白色背景 每个列表间隔10rpx 第一行 分为 左右两部分 flex 垂直居中
左边 up-avatar 圆形 默认灰色背景
右边 第一行 xxxx 文本黑色 字体大点
第二行 xxxxxx 文本灰色
第三行 兽医介绍：xxxxxxxxx 文本灰色
第二行 预约按钮 up-button 块状 绿色
4.2 白色背景 每个列表间隔10rpx 第一行 分为 左右两部分 flex 垂直居中
左边 up-avatar 圆形 默认灰色背景
右边 第一行 xxxx 文本黑色 字体大点
第二行 xxxxxx 文本灰色
第三行 专家介绍：xxxxxxxxx 文本灰色
第二行 预约按钮 up-button 块状 绿色
4.3 白色背景 每个列表间隔10rpx 第一行 分为 左右两部分 flex 垂直居中
左边 up-avatar 圆形 默认灰色背景
右边 第一行 xxxx 文本黑色 字体大点
第二行 xxxxxx 文本灰色
第三行 机构介绍：xxxxxxxxx 文本灰色
第二行 预约按钮 up-button 块状 绿色