新增意见反馈、帮助中心

pages/me/contact.vue

@@ -0,0 +1,74 @@
+<template>
+	<view class="container">
+		<view class="card">
+			<view class="title">
+				<view class="t1">添加客服微信咨询</view>
+				<view class="t2">{{ info.wx }}</view>
+			</view>
+			<view class="content">
+				<image class="img" :src="info.qrcode" mode="widthFix" @click="checkQrcode"></image>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue';
+import { onLoad } from '@dcloudio/uni-app';
+import { commonType } from '@/api/me/me.js';
+
+const info = ref({});
+async function commonTypeAjax() {
+	try {
+		const res1 = await commonType(205);
+		const res2 = await commonType(207);
+		info.value.wx = res2.value;
+		info.value.qrcode = res1.value;
+	} catch (error) {
+		console.log(error);
+	}
+}
+
+// 预览二维码
+function checkQrcode() {
+	uni.previewImage({
+		urls: [info.value.qrcode]
+	});
+}
+
+onLoad(() => {
+	commonTypeAjax();
+});
+</script>
+
+<style scoped lang="scss">
+page {
+	background: #f5f5f5;
+}
+.container {
+	padding: 28upx;
+}
+.card {
+	padding: 28upx;
+	border-radius: 20upx;
+	background-color: #fff;
+	.title {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
+		.t1 {
+			color: #555;
+		}
+	}
+	.content {
+		display: flex;
+		justify-content: center;
+		padding-top: 28upx;
+		.img {
+			width: 100%;
+			display: block;
+		}
+	}
+}
+</style>