|
@@ -0,0 +1,113 @@
|
|
|
+<route lang="json">
|
|
|
+{
|
|
|
+ "style": {
|
|
|
+ "navigationBarTitleText": "编辑名片",
|
|
|
+ "navigationBarBackgroundColor": "#ffffff"
|
|
|
+ }
|
|
|
+}
|
|
|
+</route>
|
|
|
+<script setup lang="ts">
|
|
|
+import { businessLogo, logoWhite, edit, wechatGreen } from '@/core/libs/svgs'
|
|
|
+import { NetImages } from '@/core/libs/net-images'
|
|
|
+import BottomAppBar from '@/components/bottom-app-bar.vue'
|
|
|
+import { storeToRefs } from 'pinia'
|
|
|
+import { useUserStore } from '@/store/user'
|
|
|
+
|
|
|
+const { userInfo } = storeToRefs(useUserStore())
|
|
|
+const infos = ref<any[]>(['公司', '职位', '手机', '微信', '邮箱'])
|
|
|
+const submitUpload = () => {
|
|
|
+ console.log('submitUpload')
|
|
|
+}
|
|
|
+</script>
|
|
|
+<template>
|
|
|
+ <div class="p-[16px] bg-[#FFF]">
|
|
|
+ <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="`https://image.zhuchaohui.com/zhucaohui/d0533ae0ab4fa6de2526e7088b346f5ff4c82a9e7b5622b75d9db3de64377471.jpg`"
|
|
|
+ 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>
|
|
|
+ <!-- 名片样式 -->
|
|
|
+ <wd-cell title="名片样式" is-link to="/pages/index/index" />
|
|
|
+ <div class="pt-[30px] flex justify-between items-center">
|
|
|
+ <div class="w-76px h-42px border-[1px] border-solid border-[#E2E4ED]"></div>
|
|
|
+ <div class="w-76px h-42px border-[1px] border-solid border-[#E2E4ED]"></div>
|
|
|
+ <div class="w-76px h-42px border-[1px] border-solid border-[#E2E4ED]"></div>
|
|
|
+ </div>
|
|
|
+ <!-- 展示信息 -->
|
|
|
+ <wd-cell title="展示信息" is-link />
|
|
|
+ <div class="pt-[30px] pb-[15px] mb-[15px] flex items-center overflow-x-auto">
|
|
|
+ <div
|
|
|
+ class="selectItem inline-block px-18px py-4px rounded-[2px] bg-[#F3F6FF] mr-10px whitespace-nowrap font-size-14px lh-[24px] fw-400"
|
|
|
+ v-for="(it, index) in infos"
|
|
|
+ :key="index"
|
|
|
+ >
|
|
|
+ {{ it }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <wd-gap bg-color="#F2F3F6"></wd-gap>
|
|
|
+ <!-- 基本数据 -->
|
|
|
+
|
|
|
+ <!-- 保存 按钮 -->
|
|
|
+ <BottomAppBar fixed placeholder>
|
|
|
+ <wd-button
|
|
|
+ type="primary"
|
|
|
+ :round="false"
|
|
|
+ block
|
|
|
+ style="backdrop-filter: blur(10px)"
|
|
|
+ class="mt-20px"
|
|
|
+ @click="submitUpload"
|
|
|
+ >
|
|
|
+ 保存
|
|
|
+ </wd-button>
|
|
|
+ </BottomAppBar>
|
|
|
+ </div>
|
|
|
+</template>
|
|
|
+
|
|
|
+<style lang="scss" scoped></style>
|