zhengyiming
5 天以前 dd0a3e0ed394983c4fbacdab64cad6f8de5b4884
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>