release: @12333/bMiniApp v1.1.10

wupengfei

8 天以前 7b8ce5a14d50c0a617f1ab23e87bb1c7a06225a3

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

@@ -1,82 +1,79 @@
<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">
import TaskCheckPersonalView from '../../task/components/TaskCheckPersonalView.vue';
import BusinessCardDetailItem from './BusinessCardDetailItem.vue';
import IconWechat from '@/assets/businessCard/icon-wechat.png';
import IconPosition from '@/assets/businessCard/icon-position.png';
import IconEmail from '@/assets/businessCard/icon-email.png';
import IconCompany from '@/assets/businessCard/icon-company.png';
import IconAddress from '@/assets/businessCard/icon-address.png';
import { TaskCheckPersonalView } from '@12333/components';

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>