<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>
|
</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';
|
|
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;
|
|
.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;
|
margin-top: 30px;
|
padding: 30px 24px;
|
|
.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;
|
}
|
}
|
</style>
|
