From 072caa24c8d3a018a445b5f9604448eb02429e51 Mon Sep 17 00:00:00 2001
From: lion <120344285@qq.com>
Date: Mon, 23 Sep 2024 10:47:36 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=A2=E6=9C=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/product/talkwx.vue | 172 ++++++++++++++++++++++++++++++++++++
 pages.json                  |   5 ++
 pages/home/home.vue         |   7 +-
 pages/talk/talk.vue         |  10 +--
 4 files changed, 184 insertions(+), 10 deletions(-)
 create mode 100644 packages/product/talkwx.vue

diff --git a/packages/product/talkwx.vue b/packages/product/talkwx.vue
new file mode 100644
index 0000000..2edddee
--- /dev/null
+++ b/packages/product/talkwx.vue
@@ -0,0 +1,172 @@
+<template>
+	<view class="changecontainer">
+		<view>
+			<view class="logobox">
+				<image src="../../static/logo-xietaitai.png" mode="widthFix"></image>
+			</view>
+			<view class="customerService">
+				<view class="customerTit">
+					<text class="bigtitle">蟹太太 官方客服解答</text>
+					<view class="smalltitle">
+						<view>
+							<u-icon name="question-circle-fill" size="28" color="#b98b44"></u-icon>
+							<text>提货答疑</text>
+						</view>
+						<view>
+							<u-icon name="hourglass-half-fill" size="28" color="#b98b44"></u-icon>
+							<text>售后赔付</text>
+						</view>
+						<view>
+							<u-icon name="star-fill" size="28" color="#b98b44"></u-icon>
+							<text>新人特惠</text>
+						</view>
+					</view>
+
+				</view>
+				<view class="qrCodebox">
+					<view class="codeimg">
+						<image show-menu-by-longpress :src="img" mode="widthFix"></image>
+					</view>
+				</view>
+				<view class="textbottom">长按扫码添加专属管家</view>
+			</view>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	export default {
+		components: {
+			
+		},
+		data() {
+			return {
+				img: '',
+				kfType:'kf2'
+			}
+		},
+		onShow() {
+			const banner4 = uni.getStorageSync('banner4') ? uni.getStorageSync('banner4') : []
+			if (banner4.length > 0) {
+				banner4.map(item=>{
+					if(item.type===this.kfType){
+						this.img = item.image
+					}
+				})
+			}
+
+		},
+	}
+</script>
+<style type="text/css" scoped>
+	.changecontainer {
+		width: 100%;
+		padding-bottom: 200rpx;
+		padding-top: 60rpx;
+		min-height: 100vh;
+		display: flex;
+		align-items: center;
+		background-image: url(../../static/bg-change.jpg);
+		background-position: center top;
+		background-size: cover;
+	}
+
+	.changecontainer>view {
+		width: 100%
+	}
+
+	.logobox {
+		width: 162rpx;
+		height: 162rpx;
+		border-radius: 50%;
+		overflow: hidden;
+		margin: 0 auto;
+		background: #fff;
+		margin-bottom: 60rpx;
+		box-shadow: 0 22rpx 32rpx rgba(53, 53, 53, .6);
+	}
+
+	.logobox image {
+		width: 100%;
+		height: auto;
+	}
+
+	.customerService {
+		width: 87.33%;
+		margin: 0 auto;
+		background: #fff;
+		border-radius: 10rpx;
+		overflow: hidden;
+	}
+
+	.customerTit {
+		text-align: center;
+		padding-top: 62rpx;
+		padding-bottom: 62rpx;
+	}
+
+	.customerTit text {
+		display: block;
+		font-size: 20rpx;
+		color: #000;
+	}
+
+	.customerTit text.bigtitle {
+		color: #b98b44;
+		font-size: 36rpx;
+		margin-bottom: 26rpx;
+	}
+
+	.customerTit .smalltitle {}
+
+	.customerTit .smalltitle>view {
+		display: inline-block;
+		margin: 0 20rpx;
+
+	}
+
+	.customerTit .smalltitle text {
+		font-size: 28rpx;
+		display: inline-block;
+
+		margin-left: 5rpx;
+	}
+
+	.qrCodebox {
+		width: 510rpx;
+		margin: 0 auto;
+		border-radius: 30rpx;
+		overflow: hidden;
+		padding: 22rpx;
+		box-sizing: border-box;
+		background: #ededed;
+		text-align: center;
+		margin-bottom: 98rpx;
+	}
+
+	.codeimg {
+		width: 466rpx;
+		height: 466rpx;
+		margin: 0 auto;
+		background: url(../../static/ewmbg.png) center center no-repeat;
+		background-size: cover;
+		padding: 19rpx;
+	}
+
+	.codeimg image {
+		width: 428rpx;
+		height: auto;
+		border-radius: 20rpx;
+	}
+
+	.textbottom {
+		width: 100%;
+		height: 60rpx;
+		line-height: 60rpx;
+		text-align: center;
+		background: #f4f4f4;
+		font-size: 26rpx;
+		color: #000;
+	}
+</style>
\ No newline at end of file
diff --git a/pages.json b/pages.json
index 698c8fb..d9c0827 100644
--- a/pages.json
+++ b/pages.json
@@ -56,6 +56,11 @@
 				"style": {
 					"navigationBarTitleText": "铂金商品"
 				}
+			},  {
+				"path": "product/talkwx",
+				"style": {
+					"navigationBarTitleText": "客服"
+				}
 			}, {
 				"path": "product/offline",
 				"style": {
diff --git a/pages/home/home.vue b/pages/home/home.vue
index 11a67d8..39109c9 100644
--- a/pages/home/home.vue
+++ b/pages/home/home.vue
@@ -254,10 +254,9 @@
 					url = '/packages/myorder/myorder'
 				} else if (index == 4) {
 					url = '/packages/myorder/myorder'
-				} else if (index == 5) {
-					uni.setStorageSync('kfType','kf2')
-					uni.switchTab({
-						url:'/pages/talk/talk'
+				} else if (index == 5) {
+					uni.navigateTo({
+						url:'/packages/product/talkwx'
 					})
 				} else if (index == 6) {
 					url = '/packages/product/fresh'
diff --git a/pages/talk/talk.vue b/pages/talk/talk.vue
index 6c3a9d9..77fa9c3 100644
--- a/pages/talk/talk.vue
+++ b/pages/talk/talk.vue
@@ -44,21 +44,19 @@
 		},
 		data() {
 			return {
-				img: ''
+				img: '',
+				kfType:'gzh'
 			}
 		},
 		onShow() {
-			const banner4 = uni.getStorageSync('banner4') ? uni.getStorageSync('banner4') : []
-			const kfType = uni.getStorageSync('kfType') ? uni.getStorageSync('kfType') : 'gzh'
+			const banner4 = uni.getStorageSync('banner4') ? uni.getStorageSync('banner4') : []
 			if (banner4.length > 0) {
 				banner4.map(item=>{
-					if(item.type===kfType){
+					if(item.type===this.kfType){
 						this.img = item.image
 					}
 				})
-				uni.removeStorageSync('kfType')
 			}
-
 		},
 	}
 </script>