From 24e5e65a571e13404daf5642497322ef0f8a9c87 Mon Sep 17 00:00:00 2001 From: zhengyiming <540361168@qq.com> Date: 星期三, 06 八月 2025 17:00:58 +0800 Subject: [PATCH] fix: 修改小程序框架 --- apps/bMiniApp/src/subpackages/businessCard/components/BusinessCardDetailInfoView.vue | 97 +++++++++++++++++++++++------------------------- 1 files changed, 47 insertions(+), 50 deletions(-) diff --git a/apps/bMiniApp/src/subpackages/businessCard/components/BusinessCardDetailInfoView.vue b/apps/bMiniApp/src/subpackages/businessCard/components/BusinessCardDetailInfoView.vue index 4b5c95d..dc7b383 100644 --- a/apps/bMiniApp/src/subpackages/businessCard/components/BusinessCardDetailInfoView.vue +++ b/apps/bMiniApp/src/subpackages/businessCard/components/BusinessCardDetailInfoView.vue @@ -1,26 +1,29 @@ <template> <ContentScrollView class="business-card-detail-info-wrapper"> - <TaskCheckPersonalView :name="'1231231'" :contactPhone="'133'"> - <template #actions> - <nut-button type="primary" @click="emit('edit')">缂栬緫</nut-button> - </template> - </TaskCheckPersonalView> - <div class="business-card-detail"> - <BusinessCardDetailItem :icon="IconWechat" :value="`寰俊锛�${'13333333333'}`" /> - <BusinessCardDetailItem :icon="IconPosition" :value="`鑱屼綅锛�${'缁忕悊'}`" /> - <BusinessCardDetailItem :icon="IconEmail" :value="`閭锛�${'yangyang@123.com'}`" /> - <BusinessCardDetailItem :icon="IconCompany" :value="`鍏徃锛�${'鏉窞浜哄姏鏃犲咖绉戞妧'}`" /> - <BusinessCardDetailItem :icon="IconAddress" :value="`鍦板潃锛�${'鏉窞甯備笂鍩庡尯'}`" /> + <div class="business-card-detail-company-content"> + <TaskCheckPersonalView :name="'1231231'" :contactPhone="'133'"> + <template #actions> + <slot name="actions"></slot> + </template> + </TaskCheckPersonalView> + <div class="business-card-detail"> + <BusinessCardDetailItem :icon="IconWechat" :value="`寰俊锛�${'13333333333'}`" /> + <BusinessCardDetailItem :icon="IconPosition" :value="`鑱屼綅锛�${'缁忕悊'}`" /> + <BusinessCardDetailItem :icon="IconEmail" :value="`閭锛�${'yangyang@123.com'}`" /> + <BusinessCardDetailItem :icon="IconCompany" :value="`鍏徃锛�${'鏉窞浜哄姏鏃犲咖绉戞妧'}`" /> + <BusinessCardDetailItem :icon="IconAddress" :value="`鍦板潃锛�${'鏉窞甯備笂鍩庡尯'}`" /> + </div> + </div> + + <div class="business-card-detail-company-content company-intro"> + <div class="business-card-detail-company-intro-title">鍏徃绠�浠�</div> + <div class="business-card-detail-company-intro-content"> + {{ + '鎴戞槸鍏徃鐨勪笟鍔$畝浠嬫垜鏄叕鍙哥殑涓氬姟绠�浠嬫垜鏄叕鍙哥殑涓氬姟绠� 浠嬫垜鏄叕鍙哥殑涓氬姟绠�浠嬫垜鏄叕鍙哥殑涓氬姟绠�浠嬫垜鏄叕鍙哥殑涓氬姟 绠�浠嬫垜鏄叕鍙哥殑涓氬姟绠�浠嬫垜鏄叕鍙哥殑涓氬姟绠�浠嬫垜鏄叕鍙哥殑涓� 鍔$畝浠嬫垜鏄叕鍙哥殑涓氬姟绠�浠嬫垜鏄叕鍙哥殑涓氬姟绠�浠�' + }} + </div> </div> </ContentScrollView> - <div class="business-card-detail-company-intro"> - <div class="business-card-detail-company-intro-title">鍏徃绠�浠�</div> - <div class="business-card-detail-company-intro-content"> - {{ - '鎴戞槸鍏徃鐨勪笟鍔$畝浠嬫垜鏄叕鍙哥殑涓氬姟绠�浠嬫垜鏄叕鍙哥殑涓氬姟绠� 浠嬫垜鏄叕鍙哥殑涓氬姟绠�浠嬫垜鏄叕鍙哥殑涓氬姟绠�浠嬫垜鏄叕鍙哥殑涓氬姟 绠�浠嬫垜鏄叕鍙哥殑涓氬姟绠�浠嬫垜鏄叕鍙哥殑涓氬姟绠�浠嬫垜鏄叕鍙哥殑涓� 鍔$畝浠嬫垜鏄叕鍙哥殑涓氬姟绠�浠嬫垜鏄叕鍙哥殑涓氬姟绠�浠�' - }} - </div> - </div> </template> <script setup lang="ts"> @@ -35,48 +38,42 @@ defineOptions({ name: 'BusinessCardDetailInfoView', }); - -const emit = defineEmits<{ - (e: 'edit'): void; -}>(); </script> <style lang="scss"> @import '@/styles/common.scss'; .business-card-detail-info-wrapper { - background-color: #ffffff; - padding-top: 20px; + background-color: transparent; - .flexJob-card-top-wrapper { - padding-top: 40px; - padding-bottom: 32px; - border-bottom: 1px solid #d9d9d9; - } + .business-card-detail-company-content { + background-color: #ffffff; + border-radius: 12px; + padding: 30px 24px; - .business-card-detail { - padding: 20px 0 10px; - } -} + .flexJob-card-top-wrapper { + padding-bottom: 32px; + border-bottom: 1px solid #d9d9d9; + } -.business-card-detail-company-intro { - background-color: #ffffff; - margin-top: 30px; - padding: 30px 24px; + &.company-intro { + margin-top: 30px; - .business-card-detail-company-intro-title { - font-size: 28px; - line-height: 40px; - color: boleGetCssVar('text-color', 'primary'); - font-weight: 600; - margin-bottom: 10px; - } + .business-card-detail-company-intro-title { + font-size: 28px; + line-height: 40px; + color: boleGetCssVar('text-color', 'primary'); + font-weight: 600; + margin-bottom: 10px; + } - .business-card-detail-company-intro-content { - font-size: 24px; - line-height: 36px; - color: #4e5969; - font-weight: 400; + .business-card-detail-company-intro-content { + font-size: 24px; + line-height: 36px; + color: #4e5969; + font-weight: 400; + } + } } } </style> -- Gitblit v1.9.1