|
|
@@ -0,0 +1,53 @@
|
|
|
+<route lang="json">
|
|
|
+{ "style": { "navigationBarTitleText": "客服", "navigationBarBackgroundColor": "#fff" } }
|
|
|
+</route>
|
|
|
+<script setup lang="ts">
|
|
|
+import Card from '@/components/card.vue'
|
|
|
+import { materialDealers, close, phone } from '../../../core/libs/svgs'
|
|
|
+
|
|
|
+const data = ref([{}, {}, {}])
|
|
|
+const handleClick = () => {
|
|
|
+ uni.navigateTo({ url: '/pages/mine/orders/detail/index' })
|
|
|
+}
|
|
|
+const handleCall = (phone: string) => {
|
|
|
+ uni.makePhoneCall({ phoneNumber: phone })
|
|
|
+}
|
|
|
+</script>
|
|
|
+<template>
|
|
|
+ <div class="flex-grow flex flex-col gap-4 px-3.5 py-6">
|
|
|
+ <template v-for="({}, i) in data" :key="i">
|
|
|
+ <div>
|
|
|
+ <Card>
|
|
|
+ <div class="flex gap-4">
|
|
|
+ <wd-img
|
|
|
+ round
|
|
|
+ width="63"
|
|
|
+ height="63"
|
|
|
+ src="https://image.zhuchaohui.com/zhucaohui/d3a335ede20d72ebf873e1b2ebd4835749dde2b694a08dfdffd1781973e3df21.png"
|
|
|
+ />
|
|
|
+ <div class="flex flex-col flex-1 justify-around">
|
|
|
+ <div
|
|
|
+ class="text-start text-black/40 text-lg font-normal font-['PingFang SC'] leading-normal"
|
|
|
+ >
|
|
|
+ 王玉辉
|
|
|
+ </div>
|
|
|
+ <div class="text-black/40 text-sm font-normal font-['PingFang SC'] leading-normal">
|
|
|
+ 平台客服
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="flex items-center">
|
|
|
+ <wd-button
|
|
|
+ type="text"
|
|
|
+ size="small"
|
|
|
+ custom-class=" bg-[#f2f2f2]! p-0! ml-4"
|
|
|
+ @click="handleCall('')"
|
|
|
+ >
|
|
|
+ <wd-img width="28" height="28" :src="phone"></wd-img>
|
|
|
+ </wd-button>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </Card>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </div>
|
|
|
+</template>
|
