<template>
	<view class="container">
		<navBar title="客服中心" :back="true" color="#333333" background="#FFFFFF" />
		<view class='box' >
		<view class='list'>
		<view class='item'>
		<view class='left'>
		<view class='top'>
		 <image class='icon' mode="" src="../../../static/tabbar/my.png">
		    </image>
		    手机号码
		</view>
		   <view class='bot'>
		  {{phone}}
		   </view>
		</view>
		<view class='right'>
		<view class='btnBox'  style="background:#017AFF;" @click="call(phone)" >
		拨号
		</view>
		</view>
		</view>
		
		
		
		<view class='item'>
		<view class='left'>
		<view class='top'>
		 <image class='icon' mode="" src="../../../static/tabbar/my.png">
		    </image>
		    微信官方客服
		</view>
		</view>
		<view class='right'>
		<!-- <view class='btnBox'  style="background:#017AFF;">
		联系
		</view> -->
		<u-button customStyle="{'font-size': 26rpx}" class="btnBox" text="联系" open-type="contact"></u-button>
		
		<!-- <van-button custom-class="btnBox conBtn"  round type="default" open-type="contact" bindcontact="handleContact" session-from="sessionFrom">联系</van-button> -->
		</view>
		</view>
		</view>
		</view>
	</view>
</template>

<script>
	// import navBar from '@/components/navBar/index.vue'
	export default {
		// components: {
		// 	navBar
		// },
		data() {
			return {
			phone:'15609038522'
			}
		},
		onLoad() {

		},
		methods: {
 call(e){
    wx.makePhoneCall({
      phoneNumber: e //仅为示例，并非真实的电话号码
    })
  },
		}
	}
</script>

<style lang="scss" scoped>
	@import "./index.scss";
</style>