完成consumer端同步
This commit is contained in:
@@ -0,0 +1,182 @@
|
||||
<template>
|
||||
<scroll-view class="page" scroll-y="true">
|
||||
<ServicePanel title="提交服务申请" subtitle="先使用 mock 数据模拟申请受理流程。">
|
||||
<view class="form-item">
|
||||
<text class="label">选择服务</text>
|
||||
<view class="choice-wrap">
|
||||
<view
|
||||
v-for="item in services"
|
||||
:key="item.id"
|
||||
class="choice-card"
|
||||
:class="selectedServiceId == item.id ? 'choice-active' : ''"
|
||||
@click="selectService(item.id, item.name)"
|
||||
>
|
||||
<text class="choice-title">{{ item.name }}</text>
|
||||
<text class="choice-desc">{{ item.durationText }} · ¥{{ item.price }}</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="form-item">
|
||||
<text class="label">申请人</text>
|
||||
<input v-model="form.applicantName" class="input" placeholder="请输入申请人姓名" />
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<text class="label">服务对象</text>
|
||||
<input v-model="form.elderName" class="input" placeholder="请输入老人姓名" />
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<text class="label">年龄</text>
|
||||
<input v-model="ageText" class="input" type="number" placeholder="请输入老人年龄" />
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<text class="label">联系电话</text>
|
||||
<input v-model="form.phone" class="input" type="number" placeholder="请输入联系电话" />
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<text class="label">服务地址</text>
|
||||
<textarea v-model="form.address" class="textarea" placeholder="请输入详细上门地址"></textarea>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<text class="label">期望时间</text>
|
||||
<input v-model="form.preferredTime" class="input" placeholder="例如 2026-05-14 上午" />
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<text class="label">需求说明</text>
|
||||
<textarea v-model="form.demandSummary" class="textarea" placeholder="简要描述照护需求、病情重点、注意事项"></textarea>
|
||||
</view>
|
||||
|
||||
<view class="submit-btn" @click="submitApplication">提交申请</view>
|
||||
</ServicePanel>
|
||||
</scroll-view>
|
||||
</template>
|
||||
|
||||
<script setup lang="uts">
|
||||
import { reactive, ref } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
|
||||
import { createHomeServiceApplication, fetchHomeServiceCatalog } from '@/services/homeServiceService.uts'
|
||||
import { HomeServiceApplicationDraftType, HomeServiceCatalogType } from '@/types/home-service.uts'
|
||||
|
||||
const services = ref<Array<HomeServiceCatalogType>>([])
|
||||
const selectedServiceId = ref('svc-001')
|
||||
const selectedServiceName = ref('基础上门护理')
|
||||
const ageText = ref('78')
|
||||
|
||||
const form = reactive({
|
||||
serviceId: 'svc-001',
|
||||
serviceName: '基础上门护理',
|
||||
applicantName: '李晓兰',
|
||||
elderName: '李奶奶',
|
||||
age: 78,
|
||||
phone: '13800138000',
|
||||
address: '梅州市梅江区学海路 18 号 2 栋 602',
|
||||
preferredTime: '2026-05-14 上午',
|
||||
demandSummary: '老人需要基础照护、血压监测和跌倒风险提醒。'
|
||||
} as HomeServiceApplicationDraftType)
|
||||
|
||||
async function loadData() {
|
||||
services.value = await fetchHomeServiceCatalog()
|
||||
}
|
||||
|
||||
function selectService(serviceId: string, serviceName: string) {
|
||||
selectedServiceId.value = serviceId
|
||||
selectedServiceName.value = serviceName
|
||||
form.serviceId = serviceId
|
||||
form.serviceName = serviceName
|
||||
}
|
||||
|
||||
async function submitApplication() {
|
||||
if (form.applicantName == '' || form.elderName == '' || form.phone == '' || form.address == '' || form.preferredTime == '') {
|
||||
uni.showToast({ title: '请补全申请信息', icon: 'none' })
|
||||
return
|
||||
}
|
||||
|
||||
const parsedAge = parseInt(ageText.value)
|
||||
form.age = isNaN(parsedAge) ? 0 : parsedAge
|
||||
const created = await createHomeServiceApplication(form)
|
||||
uni.showToast({ title: '申请已提交', icon: 'success' })
|
||||
uni.navigateTo({ url: '/pages/mall/consumer/home-service/order-detail?id=' + created.id })
|
||||
}
|
||||
|
||||
onLoad(() => {
|
||||
loadData()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.page {
|
||||
min-height: 100vh;
|
||||
background: #f3f7f9;
|
||||
padding: 24rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.label {
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #16324f;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.input,
|
||||
.textarea {
|
||||
width: 100%;
|
||||
background: #f8fbfc;
|
||||
border-radius: 18rpx;
|
||||
padding: 22rpx 24rpx;
|
||||
font-size: 28rpx;
|
||||
color: #23384d;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.textarea {
|
||||
height: 160rpx;
|
||||
}
|
||||
|
||||
.choice-wrap {
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
.choice-card {
|
||||
padding: 22rpx;
|
||||
background: #f8fbfc;
|
||||
border-radius: 18rpx;
|
||||
margin-bottom: 16rpx;
|
||||
border-width: 2rpx;
|
||||
border-style: solid;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.choice-active {
|
||||
border-color: #0f766e;
|
||||
background: #effcf8;
|
||||
}
|
||||
|
||||
.choice-title {
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
color: #16324f;
|
||||
}
|
||||
|
||||
.choice-desc {
|
||||
margin-top: 8rpx;
|
||||
font-size: 24rpx;
|
||||
color: #66788a;
|
||||
}
|
||||
|
||||
.submit-btn {
|
||||
margin-top: 16rpx;
|
||||
padding: 26rpx 0;
|
||||
border-radius: 20rpx;
|
||||
background: #0f766e;
|
||||
text-align: center;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,182 @@
|
||||
<template>
|
||||
<scroll-view class="page" scroll-y="true">
|
||||
<view v-if="detail == null" class="empty-box">
|
||||
<text class="empty-text">未找到验收信息</text>
|
||||
</view>
|
||||
<view v-else>
|
||||
<ServicePanel title="验收反馈" subtitle="家属可确认服务完成情况，也可退回整改。">
|
||||
<text class="info">服务单号：{{ detail.caseNo }}</text>
|
||||
<text class="info">服务对象：{{ detail.elderName }}</text>
|
||||
<text class="info">服务项目：{{ detail.serviceName }}</text>
|
||||
<text class="info">当前状态：{{ detail.acceptanceStatusText }}</text>
|
||||
|
||||
<view class="block">
|
||||
<text class="label">满意度评分</text>
|
||||
<view class="rating-row">
|
||||
<view v-for="score in scores" :key="score" class="rating-item" :class="rating >= score ? 'rating-active' : ''" @click="rating = score">{{ score }}分</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="block">
|
||||
<text class="label">评价标签</text>
|
||||
<view class="tag-row">
|
||||
<view
|
||||
v-for="item in allTags"
|
||||
:key="item"
|
||||
class="tag-item"
|
||||
:class="selectedTags.indexOf(item) >= 0 ? 'tag-active' : ''"
|
||||
@click="toggleTag(item)"
|
||||
>
|
||||
{{ item }}
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="block">
|
||||
<text class="label">反馈说明</text>
|
||||
<textarea v-model="feedback" class="textarea" placeholder="填写验收意见、服务感受或需要整改的问题"></textarea>
|
||||
</view>
|
||||
|
||||
<view class="action-row">
|
||||
<view class="action ghost" @click="submitResult(false)">退回整改</view>
|
||||
<view class="action primary" @click="submitResult(true)">确认验收</view>
|
||||
</view>
|
||||
</ServicePanel>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</template>
|
||||
|
||||
<script setup lang="uts">
|
||||
import { ref } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
|
||||
import { fetchConsumerAcceptanceDetail, submitConsumerAcceptance } from '@/services/homeServiceService.uts'
|
||||
import { HomeServiceAcceptanceType } from '@/types/home-service.uts'
|
||||
|
||||
const caseId = ref('')
|
||||
const detail = ref<HomeServiceAcceptanceType | null>(null)
|
||||
const rating = ref(5)
|
||||
const feedback = ref('护理员服务规范，过程说明清楚，老人状态稳定。')
|
||||
const selectedTags = ref<Array<string>>([])
|
||||
const scores = [1, 2, 3, 4, 5]
|
||||
const allTags = ['准时上门', '沟通清楚', '动作规范', '记录完整', '需进一步整改']
|
||||
|
||||
onLoad((options) => {
|
||||
const id = options['id']
|
||||
if (id != null) {
|
||||
caseId.value = id as string
|
||||
fetchConsumerAcceptanceDetail(caseId.value).then((res) => {
|
||||
if (res != null) {
|
||||
detail.value = res
|
||||
rating.value = res.rating
|
||||
feedback.value = res.feedback
|
||||
selectedTags.value = res.tags.slice(0)
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
|
||||
function toggleTag(tag: string) {
|
||||
const index = selectedTags.value.indexOf(tag)
|
||||
if (index >= 0) {
|
||||
selectedTags.value.splice(index, 1)
|
||||
} else {
|
||||
selectedTags.value.push(tag)
|
||||
}
|
||||
}
|
||||
|
||||
async function submitResult(approved: boolean) {
|
||||
if (caseId.value == '' || feedback.value == '') {
|
||||
uni.showToast({ title: '请填写反馈说明', icon: 'none' })
|
||||
return
|
||||
}
|
||||
const result = await submitConsumerAcceptance(caseId.value, approved, rating.value, feedback.value, selectedTags.value)
|
||||
if (result != null) {
|
||||
uni.showToast({ title: approved ? '已完成验收' : '已退回整改', icon: 'success' })
|
||||
setTimeout(() => {
|
||||
uni.navigateBack()
|
||||
}, 400)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.page {
|
||||
min-height: 100vh;
|
||||
background: #f3f7f9;
|
||||
padding: 24rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.info,
|
||||
.label,
|
||||
.rating-item,
|
||||
.tag-item,
|
||||
.empty-text {
|
||||
font-size: 28rpx;
|
||||
line-height: 40rpx;
|
||||
color: #16324f;
|
||||
}
|
||||
|
||||
.block {
|
||||
margin-top: 24rpx;
|
||||
}
|
||||
|
||||
.rating-row,
|
||||
.tag-row,
|
||||
.action-row {
|
||||
margin-top: 16rpx;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
gap: 16rpx;
|
||||
}
|
||||
|
||||
.rating-item,
|
||||
.tag-item {
|
||||
padding: 16rpx 20rpx;
|
||||
border-radius: 18rpx;
|
||||
background: #eef2f6;
|
||||
}
|
||||
|
||||
.rating-active,
|
||||
.tag-active {
|
||||
background: #e8f2ff;
|
||||
color: #1d4ed8;
|
||||
}
|
||||
|
||||
.textarea {
|
||||
margin-top: 16rpx;
|
||||
width: 100%;
|
||||
height: 240rpx;
|
||||
padding: 24rpx;
|
||||
box-sizing: border-box;
|
||||
background: #f8fbfc;
|
||||
border-radius: 20rpx;
|
||||
font-size: 28rpx;
|
||||
color: #23384d;
|
||||
}
|
||||
|
||||
.action {
|
||||
flex: 1;
|
||||
padding: 24rpx 0;
|
||||
border-radius: 18rpx;
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.ghost {
|
||||
background: #fff4e5;
|
||||
color: #b45309;
|
||||
}
|
||||
|
||||
.primary {
|
||||
background: #1d4ed8;
|
||||
color: #ffffff;
|
||||
}
|
||||
|
||||
.empty-box {
|
||||
padding: 120rpx 0;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,161 @@
|
||||
<template>
|
||||
<scroll-view class="page" scroll-y="true">
|
||||
<view class="hero-card">
|
||||
<text class="hero-title">居家上门服务</text>
|
||||
<text class="hero-desc">覆盖服务申请、上门评估、执行跟踪与验收反馈，先用 mock 数据跑通前端闭环。</text>
|
||||
<view class="hero-actions">
|
||||
<view class="primary-btn" @click="goApply">立即申请</view>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<ServicePanel title="推荐服务" subtitle="适老化信息更清晰，入口更聚焦。">
|
||||
<view v-for="item in services" :key="item.id" class="service-card">
|
||||
<view class="service-top">
|
||||
<view>
|
||||
<text class="service-name">{{ item.name }}</text>
|
||||
<text class="service-meta">{{ item.category }} · {{ item.durationText }}</text>
|
||||
</view>
|
||||
<text class="service-price">¥{{ item.price }}</text>
|
||||
</view>
|
||||
<text class="service-summary">{{ item.summary }}</text>
|
||||
<text class="service-suitable">适用对象：{{ item.suitableFor }}</text>
|
||||
</view>
|
||||
</ServicePanel>
|
||||
|
||||
<ServicePanel title="我的服务单" subtitle="先展示待派单和服务中的 mock 单据。">
|
||||
<view v-if="cases.length == 0" class="empty-box">
|
||||
<text class="empty-text">当前没有服务单</text>
|
||||
</view>
|
||||
<view v-for="item in cases" :key="item.id" class="case-card" @click="goDetail(item.id)">
|
||||
<view class="case-row">
|
||||
<view>
|
||||
<text class="case-title">{{ item.serviceName }}</text>
|
||||
<text class="case-no">{{ item.caseNo }}</text>
|
||||
</view>
|
||||
<ServiceStatusTag :text="item.statusText" :tone="item.statusTone"></ServiceStatusTag>
|
||||
</view>
|
||||
<text class="case-info">服务对象：{{ item.elderName }}，{{ item.age }} 岁</text>
|
||||
<text class="case-info">上门时间：{{ item.serviceTime }}</text>
|
||||
<text class="case-info">服务地址：{{ item.address }}</text>
|
||||
</view>
|
||||
</ServicePanel>
|
||||
</scroll-view>
|
||||
</template>
|
||||
|
||||
<script setup lang="uts">
|
||||
import { ref } from 'vue'
|
||||
import { onLoad } from '@dcloudio/uni-app'
|
||||
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
|
||||
import ServiceStatusTag from '@/components/homeService/ServiceStatusTag.uvue'
|
||||
import { fetchConsumerHomeServiceCases, fetchHomeServiceCatalog } from '@/services/homeServiceService.uts'
|
||||
import { HomeServiceCatalogType, HomeServiceCaseType } from '@/types/home-service.uts'
|
||||
|
||||
const services = ref<Array<HomeServiceCatalogType>>([])
|
||||
const cases = ref<Array<HomeServiceCaseType>>([])
|
||||
|
||||
async function loadData() {
|
||||
services.value = await fetchHomeServiceCatalog()
|
||||
cases.value = await fetchConsumerHomeServiceCases()
|
||||
}
|
||||
|
||||
function goApply() {
|
||||
uni.navigateTo({ url: '/pages/mall/consumer/home-service/apply' })
|
||||
}
|
||||
|
||||
function goDetail(caseId: string) {
|
||||
uni.navigateTo({ url: '/pages/mall/consumer/home-service/order-detail?id=' + caseId })
|
||||
}
|
||||
|
||||
onLoad(() => {
|
||||
loadData()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.page {
|
||||
min-height: 100vh;
|
||||
background: #f3f7f9;
|
||||
padding: 24rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.hero-card {
|
||||
background: linear-gradient(135deg, #0f766e, #1d4ed8);
|
||||
border-radius: 28rpx;
|
||||
padding: 32rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.hero-title {
|
||||
font-size: 40rpx;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
line-height: 56rpx;
|
||||
}
|
||||
|
||||
.hero-desc {
|
||||
margin-top: 16rpx;
|
||||
font-size: 28rpx;
|
||||
line-height: 40rpx;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
|
||||
.hero-actions {
|
||||
margin-top: 28rpx;
|
||||
}
|
||||
|
||||
.primary-btn {
|
||||
background: #ffffff;
|
||||
color: #0f3d66;
|
||||
font-size: 30rpx;
|
||||
font-weight: 700;
|
||||
text-align: center;
|
||||
padding: 24rpx 0;
|
||||
border-radius: 18rpx;
|
||||
}
|
||||
|
||||
.service-card,
|
||||
.case-card {
|
||||
padding: 24rpx;
|
||||
border-radius: 20rpx;
|
||||
background: #f8fbfc;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.service-top,
|
||||
.case-row {
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.service-name,
|
||||
.case-title {
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
color: #16324f;
|
||||
}
|
||||
|
||||
.service-meta,
|
||||
.case-no,
|
||||
.case-info,
|
||||
.service-summary,
|
||||
.service-suitable,
|
||||
.empty-text {
|
||||
margin-top: 10rpx;
|
||||
font-size: 26rpx;
|
||||
line-height: 38rpx;
|
||||
color: #66788a;
|
||||
}
|
||||
|
||||
.service-price {
|
||||
font-size: 34rpx;
|
||||
font-weight: 700;
|
||||
color: #0f766e;
|
||||
}
|
||||
|
||||
.empty-box {
|
||||
padding: 40rpx 0;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,111 @@
|
||||
<template>
|
||||
<scroll-view class="page" scroll-y="true">
|
||||
<view v-if="detail == null" class="empty-box">
|
||||
<text class="empty-text">未找到对应服务单</text>
|
||||
</view>
|
||||
<view v-else>
|
||||
<ServicePanel title="服务进度" subtitle="申请到执行的关键状态先以 mock 流程展示。">
|
||||
<ServiceInfoCard
|
||||
:title="detail.serviceName"
|
||||
:code="detail.caseNo"
|
||||
:status-text="detail.statusText"
|
||||
:status-tone="detail.statusTone"
|
||||
:items="[
|
||||
{ label: '上门时间', value: detail.serviceTime },
|
||||
{ label: '当前进度', value: '第 ' + detail.currentStep + ' / ' + detail.totalSteps + ' 步' },
|
||||
{ label: '执行人员', value: detail.staffName + ' ' + detail.staffPhone }
|
||||
]"
|
||||
></ServiceInfoCard>
|
||||
</ServicePanel>
|
||||
|
||||
<ServicePanel title="服务对象信息">
|
||||
<ServiceInfoList
|
||||
:items="[
|
||||
{ label: '申请人：', value: detail.applicantName },
|
||||
{ label: '服务对象：', value: detail.elderName + '，' + detail.age + ' 岁' },
|
||||
{ label: '联系电话：', value: detail.phone },
|
||||
{ label: '服务地址：', value: detail.address },
|
||||
{ label: '需求说明：', value: detail.summary }
|
||||
]"
|
||||
></ServiceInfoList>
|
||||
<view v-if="detail.status == 'pending_acceptance'" class="feedback-btn" @click="goFeedback">去验收反馈</view>
|
||||
</ServicePanel>
|
||||
|
||||
<ServicePanel title="过程留痕" subtitle="后续可替换为真实时间线与上传凭证。">
|
||||
<ServiceTimeline :items="detail.timeline"></ServiceTimeline>
|
||||
</ServicePanel>
|
||||
</view>
|
||||
</scroll-view>
|
||||
</template>
|
||||
|
||||
<script setup lang="uts">
|
||||
import { ref } from 'vue'
|
||||
import { onLoad, onShow } from '@dcloudio/uni-app'
|
||||
import ServiceInfoCard from '@/components/homeService/ServiceInfoCard.uvue'
|
||||
import ServiceInfoList from '@/components/homeService/ServiceInfoList.uvue'
|
||||
import ServicePanel from '@/components/homeService/ServicePanel.uvue'
|
||||
import ServiceTimeline from '@/components/homeService/ServiceTimeline.uvue'
|
||||
import { fetchConsumerHomeServiceCaseDetail } from '@/services/homeServiceService.uts'
|
||||
import { HomeServiceCaseType } from '@/types/home-service.uts'
|
||||
|
||||
const caseId = ref('')
|
||||
const detail = ref<HomeServiceCaseType | null>(null)
|
||||
|
||||
async function loadData() {
|
||||
if (caseId.value == '') {
|
||||
return
|
||||
}
|
||||
detail.value = await fetchConsumerHomeServiceCaseDetail(caseId.value)
|
||||
}
|
||||
|
||||
function goFeedback() {
|
||||
if (caseId.value == '') {
|
||||
return
|
||||
}
|
||||
uni.navigateTo({ url: '/pages/mall/consumer/home-service/feedback?id=' + caseId.value })
|
||||
}
|
||||
|
||||
onLoad((options) => {
|
||||
const id = options['id']
|
||||
if (id != null) {
|
||||
caseId.value = id as string
|
||||
loadData()
|
||||
}
|
||||
})
|
||||
|
||||
onShow(() => {
|
||||
loadData()
|
||||
})
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.page {
|
||||
min-height: 100vh;
|
||||
background: #f3f7f9;
|
||||
padding: 24rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.empty-text {
|
||||
margin-top: 10rpx;
|
||||
font-size: 26rpx;
|
||||
line-height: 38rpx;
|
||||
color: #66788a;
|
||||
}
|
||||
|
||||
.feedback-btn {
|
||||
margin-top: 24rpx;
|
||||
padding: 24rpx 0;
|
||||
text-align: center;
|
||||
font-size: 28rpx;
|
||||
font-weight: 700;
|
||||
color: #ffffff;
|
||||
background: #1d4ed8;
|
||||
border-radius: 18rpx;
|
||||
}
|
||||
|
||||
.empty-box {
|
||||
padding: 120rpx 0;
|
||||
align-items: center;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user