|  |  |  | 
|---|
|  |  |  | <template> | 
|---|
|  |  |  | <LoadingLayout :loading="isLoading" :error="isError" :loadError="refetch"> | 
|---|
|  |  |  | <BusinessCardDetailInfoView @edit="goEditBusinessCard"></BusinessCardDetailInfoView> | 
|---|
|  |  |  | <PageFooterBtn type="primary" class="business-card-btn">递名片</PageFooterBtn> | 
|---|
|  |  |  | <BusinessCardDetailInfoView> | 
|---|
|  |  |  | <template #actions> | 
|---|
|  |  |  | <nut-button | 
|---|
|  |  |  | class="business-card-detail-info-edit-button" | 
|---|
|  |  |  | type="primary" | 
|---|
|  |  |  | @click="goEditBusinessCard" | 
|---|
|  |  |  | >编辑</nut-button | 
|---|
|  |  |  | > | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  | </BusinessCardDetailInfoView> | 
|---|
|  |  |  | <PageFooter> | 
|---|
|  |  |  | <PageFooterBtn type="primary" class="business-card-btn">递名片</PageFooterBtn> | 
|---|
|  |  |  | </PageFooter> | 
|---|
|  |  |  | </LoadingLayout> | 
|---|
|  |  |  | </template> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | 
|---|
|  |  |  | url: `${RouterPath.businessCardEdit}?id=${id}`, | 
|---|
|  |  |  | }); | 
|---|
|  |  |  | } | 
|---|
|  |  |  |  | 
|---|
|  |  |  | function handleBusinessCard() {} | 
|---|
|  |  |  | </script> | 
|---|
|  |  |  |  | 
|---|
|  |  |  | <style lang="scss"> | 
|---|
|  |  |  | @import '@/styles/common.scss'; | 
|---|
|  |  |  |  | 
|---|
|  |  |  | .businessCard-page-wrapper { | 
|---|
|  |  |  | .business-card-btn { | 
|---|
|  |  |  | width: 100%; | 
|---|
|  |  |  | margin: 40px auto 0; | 
|---|
|  |  |  | font-size: 28px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | .business-card-detail-info-edit-button { | 
|---|
|  |  |  | height: 52px; | 
|---|
|  |  |  | } | 
|---|
|  |  |  | </style> | 
|---|