问诊详情与支付
-
- 1 问诊详情-详情路由和组件渲染
- 2 问诊记录-复制订单号
- 3 问诊记录-支付抽屉组件封装
1 问诊详情-详情路由和组件渲染
目标:配置详情路由,分析组件结构,渲染详情数据
代码:
1)分析结构和路由配置
{
path: '/user/consult/:id',
component: () => import('@/views/user/ConsultDetail.vue'),
meta: {
title: '问诊详情' }
}
2)骨架效果
<div class="consult-detail-page" v-if="item">
// ...
</div>
<div class="consult-detail-page" v-else>
<cp-nav-bar title="问诊详情" />
<van-skeleton title :row="4" style="margin-top: 30px" />
<van-skeleton