|
@@ -0,0 +1,68 @@
|
|
|
+<route lang="json">
|
|
|
+{
|
|
|
+ "style": {
|
|
|
+ "navigationBarTitleText": "个人名片",
|
|
|
+ "navigationBarBackgroundColor": "#ffffff"
|
|
|
+ }
|
|
|
+}
|
|
|
+</route>
|
|
|
+<script setup lang="ts">
|
|
|
+import { businessLogo, logoWhite } from '@/core/libs/svgs'
|
|
|
+import { NetImages } from '@/core/libs/net-images'
|
|
|
+</script>
|
|
|
+<template>
|
|
|
+ <div class="p-[16px]">
|
|
|
+ <div class="h-325px relative rounded-[10px] color-[#ffffff] bg-[#f3f6ff]">
|
|
|
+ <div class="h-185px p-20px relative rounded-[10px] color-[#ffffff] bg-[#2357E9]">
|
|
|
+ <wd-img
|
|
|
+ :src="businessLogo"
|
|
|
+ width="78px"
|
|
|
+ height="27px"
|
|
|
+ mode="widthFix"
|
|
|
+ custom-class="absolute top-[-20px] left-[-24px]"
|
|
|
+ />
|
|
|
+ <div class="absolute top-[-1px] left-[0px] z-10">
|
|
|
+ <wd-img
|
|
|
+ :src="logoWhite"
|
|
|
+ width="17px"
|
|
|
+ height="17px"
|
|
|
+ round
|
|
|
+ custom-class="absolute top-[3px] left-[7px] bg-[#0cbe7d]"
|
|
|
+ />
|
|
|
+ <wd-img
|
|
|
+ :src="NetImages.筑巢荟"
|
|
|
+ width="40px"
|
|
|
+ height="17px"
|
|
|
+ custom-class="absolute top-[5px] left-[7px]"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="h-65px flex justify-between items-center mb-10px">
|
|
|
+ <div class="font-size-22px fw-400">
|
|
|
+ 李世东
|
|
|
+ <text class="font-size-12px ml-10px">平台经纪人</text>
|
|
|
+ </div>
|
|
|
+ <wd-img :src="businessLogo" round width="65px" height="65px" />
|
|
|
+ </div>
|
|
|
+ <div class="flex items-center">
|
|
|
+ <wd-icon name="phone" size="15px" color="#ffffff" />
|
|
|
+ <div class="font-size-12px ml-10px">13888888888</div>
|
|
|
+ </div>
|
|
|
+ <div class="flex items-center">
|
|
|
+ <wd-icon name="phone" size="15px" color="#ffffff" />
|
|
|
+ <div class="font-size-12px ml-10px">13888888888</div>
|
|
|
+ </div>
|
|
|
+ <div class="flex items-center">
|
|
|
+ <wd-icon name="phone" size="15px" color="#ffffff" />
|
|
|
+ <div class="font-size-12px ml-10px">13888888888</div>
|
|
|
+ </div>
|
|
|
+ <div class="flex items-center">
|
|
|
+ <wd-icon name="phone" size="15px" color="#ffffff" />
|
|
|
+ <div class="font-size-12px ml-10px">13888888888</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="h-100px color-[#7F88A0] font-size-12px fw-400">
|
|
|
+ 你好,我是筑巢荟平台经纪人李世东,这个是我的名片,请惠存!
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+</template>
|