我的客服页面搭建

src/pages.json

@@ -180,8 +180,16 @@
                         "navigationBarTitleText": "",//证件详情
                         "navigationStyle":"custom"
                     }
+                },
+				{
+                    "path": "customer/index",
+                    "style": {
+						"navigationStyle":"custom",
+						"navigationBarTitleText": "联系客服",
+						"enablePullDownRefresh": false
+					}
                 }
-			]
+            ]
 		},
 		{
 			"root": "pages/order",
@@ -411,16 +419,6 @@
 	"condition": { //模式配置，仅开发期间生效
 		"current": 0, //当前激活的模式(list 的索引项)
 		"list": [
-			{
-				"name": "自营平台", //模式名称
-				"path": "pages/index/index", //启动页面，必选
-				"query": "" //启动参数，在页面的onLoad函数里面得到
-			},
-			{
-				"name": "订单列表", //模式名称
-				"path": "pages/index/order", //启动页面，必选
-				"query": "" //启动参数，在页面的onLoad函数里面得到
-			},
 			{
 				"name": "拍照小工具", //模式名称
 				"path": "pages/photo/index", //启动页面，必选
@@ -432,11 +430,6 @@
 				"path": "pages/order/feedback",
 				"query": ""
 			},
-			{
-				"name": "订单详情", //模式名称
-				"path": "pages/order/detail", //启动页面，必选
-				"query": "" //启动参数，在页面的onLoad函数里面得到
-			},
 			{
 				"name": "在线考试", //模式名称
 				"path": "pages/learn/exam", //启动页面，必选
@@ -454,31 +447,6 @@
 					"id":11880091
 				} //启动参数，在页面的onLoad函数里面得到
 			},
-			{
-				"name": "资料信息", //模式名称
-				"path": "pages/settle/file", //启动页面，必选
-				"query": "" //启动参数，在页面的onLoad函数里面得到
-			},
-			{
-				"name": "缴纳保证金", //模式名称
-				"path": "pages/settle/pay-ensure", //启动页面，必选
-				"query": "" //启动参数，在页面的onLoad函数里面得到
-			},
-			{
-				"name": "签约页面", //模式名称
-				"path": "pages/settle/sign-contract", //启动页面，必选
-				"query": "" //启动参数，在页面的onLoad函数里面得到
-			},
-			{
-				"name": "订单 - 拒单", //模式名称
-				"path": "pages/order/refuse", //启动页面，必选
-				"query": "" //启动参数，在页面的onLoad函数里面得到
-			},
-			{
-				"name": "订单 - 过程反馈", //模式名称
-				"path": "pages/order/feedback", //启动页面，必选
-				"query": "" //启动参数，在页面的onLoad函数里面得到
-			},
 			{
 				"name": "学习 - 首页", //模式名称
 				"path": "pages/index/learn", //启动页面，必选

src/pages/index/mine.vue

@@ -123,7 +123,7 @@
 				return process.uniEnv.qn_base_url
 			},
 			pages() {
-				return ['wallet', '', 'contract', 'cert', 'address', '', '']
+				return ['wallet', '', 'contract', 'cert', 'address', '', 'customer']
 			},
 			headImageUrl() {
 				return this.info.headImage || this.placeholderImage

src/pages/mine/customer/index.vue

+<template>
+	<view class="cus-wrap">
+		<w-navbar title="联系客服"></w-navbar>
+		<view class="content">
+			<u-image class="qrcode" :src="cusQrcode" width="400" mode="widthFix" @longtap="download">
+				<u-loading slot="loading"></u-loading>
+				<view slot="error" style="font-size: 24rpx;">加载失败</view>
+			</u-image>
+			<text class="desc">长按二维码保存图片添加官方客服微信</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			};
+		},
+		computed: {
+			cusQrcode() {
+				return process.uniEnv.qn_base_url + 'erweima-bg.png'
+			},
+		},
+		methods: {
+			download() {
+				let that = this;
+				uni.downloadFile({           //获得二维码的临时地址
+					url: that.erweimaImage,
+					success:(res)=>{
+						if(res.statusCode == 200){
+							uni.saveImageToPhotosAlbum({
+								filePath:res.tempFilePath,//传入临时地址
+								success() {
+									that.$u.toast('保存成功!');
+								},
+								fail() {
+									that.$u.toast('保存失败!');
+								}
+							})
+						}
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss">
+.cus-wrap {
+	background-color: #F4F5F7;
+	padding: 30rpx;
+	
+	.content {
+		width: 690rpx;
+		height: 800rpx;
+		background: #FFFFFF;
+		border-radius: 12rpx;
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		
+		.qrcode {
+			margin-top: 160rpx;
+		}
+		.desc {
+			margin-top: 40rpx;
+			font-size: 24rpx;
+			font-weight: 400;
+			color: #666666;
+			line-height: 24rpx;
+		}
+	}
+}
+
+</style>