feat: 名片

wupengfei

8 天以前 6968fb6e41787d311addb804b29285aecc553f2d

 apps/bMiniApp/src/subpackages/businessCard/components/BusinessCardDetailInfoView.vue

@@ -1,8 +1,9 @@
<template>
  <ContentScrollView class="business-card-detail-info-wrapper">
    <div class="business-card-detail-company-content">
    <TaskCheckPersonalView :name="'1231231'" :contactPhone="'133'">
      <template #actions>
        <nut-button type="primary" @click="emit('edit')">编辑</nut-button>
          <slot name="actions"></slot>
      </template>
    </TaskCheckPersonalView>
    <div class="business-card-detail">
@@ -12,8 +13,9 @@
      <BusinessCardDetailItem :icon="IconCompany" :value="`公司：${'杭州人力无忧科技'}`" />
      <BusinessCardDetailItem :icon="IconAddress" :value="`地址：${'杭州市上城区'}`" />
    </div>
  </ContentScrollView>
  <div class="business-card-detail-company-intro">
    </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">
      {{
@@ -21,6 +23,7 @@
      }}
    </div>
  </div>
  </ContentScrollView>
</template>

<script setup lang="ts">
@@ -35,34 +38,26 @@
defineOptions({
  name: 'BusinessCardDetailInfoView',
});

const emit = defineEmits<{
  (e: 'edit'): void;
}>();
</script>

<style lang="scss">
@import '@/styles/common.scss';

.business-card-detail-info-wrapper {
  background-color: transparent;

  .business-card-detail-company-content {
  background-color: #ffffff;
  padding-top: 20px;
    border-radius: 12px;
    padding: 30px 24px;

  .flexJob-card-top-wrapper {
    padding-top: 40px;
    padding-bottom: 32px;
    border-bottom: 1px solid #d9d9d9;
  }

  .business-card-detail {
    padding: 20px 0 10px;
  }
}

.business-card-detail-company-intro {
  background-color: #ffffff;
    &.company-intro {
  margin-top: 30px;
  padding: 30px 24px;

  .business-card-detail-company-intro-title {
    font-size: 28px;
@@ -79,4 +74,6 @@
    font-weight: 400;
  }
}
  }
}
</style>