|  |  | 
 |  |  | <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> |