first commit

金壶/appV1/pages/my/opinion.vue

@@ -0,0 +1,95 @@
+<template>
+	<!-- 意见反馈 页面 -->
+	<view class="content bg_F2F2F2">
+		<HeaderTop page_title='专属客服'></HeaderTop>
+		<view class="list bg_F2F2F2">
+			<view class="top bg-linear-gradient w-100">
+				<!-- <img src="../../static/my/zhuanshukefu.png" alt="" class='kefu'> -->
+				<image src="../../static/my/zhuanshukefu.png" alt="" class='kefu'></image>
+			</view>
+			<view class="x-bg-white info" v-for="(item,index) in list" :key="index" >
+				<view class="d-flex border-bottom">
+					<view class="font-weight">客服名称</view>
+					<view class="margin-zy20">{{item.nickname}}</view>
+				</view>
+				<view class="d-flex j-sb a-center">
+					<view  class="font-weight">联系方式</view>
+					<view class="margin-zy20 text-left flex-1" @tap='to_call(item)'>{{item.mobile}}</view>
+					<image src="../../static/my/dianhua.png" mode="" class="tell" @tap='to_call(item)'></image>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import HeaderTop from '../../components/HeaderTop/HeaderTop.vue'
+	import X_goods from '../../utils/models/goods.js'
+	export default {
+		data() {
+			return {
+				list:''
+			}
+		},
+		comments: {
+			HeaderTop
+		},
+		onShow() {
+			this.the_custOmer()
+		},
+		components: {
+			
+			
+		},
+		methods: {
+			to_call(item){
+				uni.makePhoneCall({
+				    phoneNumber: item.mobile //仅为示例
+				});
+			},
+			// x_custOmer
+			async the_custOmer() {
+				let res = await X_goods.x_custOmer()
+				console.log(res)
+				this.list = res.data
+				console.log(this.list)
+				this.handleError(res, res => {
+				
+				})
+			},
+		}
+	}
+</script>
+
+<style lang="scss">
+	.content {
+		.list{
+			.top{
+				height:240upx;
+				text-align: center;
+				.kefu{
+					height:180upx;
+					width:180upx;
+					border-radius: 50%;
+					margin-top:126upx;
+				}
+			}
+			.info{
+				width:690upx;
+				border-radius: 30upx;
+				margin:100upx auto;
+				padding: 0 30upx;
+				line-height: 100upx;
+				.tell{
+					height:34upx;
+					width:28upx;
+				}
+			}
+			.other{
+				width:100%;
+				position: fixed;
+				bottom:50upx;
+			}
+		}
+	}
+</style>