wangqiao/front-pc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 添加客服微信功能和页面优化

Browse Source
This commit is contained in:
wangqiao
2025-09-06 21:05:12 +08:00
parent 615ac78156
commit cd58054cfa
3 changed files with 29 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
pages/upnew/components/Preview.vue
View File

@ -1,5 +1,5 @@
<template>
<div class="ml-[23px] box-border min-h-[930px] w-[516px] border border-[#EEEEEE] rounded-[12px] border-solid bg-[#FFFFFF] px-[33px] py-[22px]">
<div class="ml-[23px] box-border min-h-[930px] w-[400px] border border-[#EEEEEE] rounded-[12px] border-solid bg-[#FFFFFF] px-[33px] py-[22px]">
<!-- <div class="flex items-center">
<img src="~/assets/images/preview.png" alt="" srcset="" width="16px" height="19px" /><span class="ml-[7px] text-[18px] text-[#333333] font-normal">
预览
@ -11,22 +11,29 @@
> -->
<!-- <div class="my-[30px] h-[1px] w-[460px] rounded-[1px] bg-[#EEEEEE]"></div> -->
<div class="flex items-center">
<img src="~/assets/images/tip.png" width="20px" height="20px" />
<span class="ml-[7px] text-[18px] text-[#333333] font-normal"> 上传遇到问题可以咨询 </span>
<!-- <img src="~/assets/images/tip.png" width="20px" height="20px" /> -->
<span class="ml-[7px] text-[16px] text-[#666] font-normal">tips：遇到上传问题可以咨询 </span>
</div>
<div class="mt-[20px] text-center"><el-image src="https://picsum.photos/290/290?_t" alt="" srcset="" class="h-[290px] w-[290px]" /></div>
<div class="mt-[30px] text-center text-[16px] text-[#333333] font-normal">
<div class="mt-[20px] text-center">
<qrcode-vue :value="wechatData" :size="200" level="H" class="mt-[10px]" />
<!-- <el-image src="https://picsum.photos/290/290?_t" alt="" srcset="" class="h-[290px] w-[290px]" /> -->
</div>
<!-- <div class="mt-[30px] text-center text-[16px] text-[#333333] font-normal">
<div>TEL：13315189735 </div>
<div class="mt-[4px]">在线时间：8:30-18:00</div>
</div>
</div> -->
</div>
</template>
<script setup lang="ts">
import QrcodeVue from 'qrcode.vue'
import { getWechat } from '~/api/upnew/index'
const previewUrl = defineModel<string>('previewUrl', {
required: true,
})
const previewName = defineModel<string>('previewName', {
required: true,
})
const { data: wechatData } = await getWechat()
</script>