RiyueGorge/pages/travel/customerService.vue

<template>
	<view class="">
		  <u-navbar title="客服中心"  safeAreaInsetTop :autoBack="true" leftIconSize=32> </u-navbar>
		  <view class="content">
			  <view class="logo">
			  	
			  </view>
			  <view class="">
			  	感谢您使用日月峡小程序，有相关问题可通过以下联系方式联系
			  </view>
			  <view class="phoneNumber">
			  	<view class="number">
			  		1323123123123
			  	</view>
				<view class="icon">
					图标
				</view>
			  </view>
			  <view class="phoneNumber">
			  	<view class="number">
			  		1323123123123
			  	</view>
			  				<view class="icon">
			  					图标
			  				</view>
			  </view>
			  <view class="phoneNumber">
			  	<view class="number">
			  		1323123123123
			  	</view>
			  				<view class="icon">
			  					图标
			  				</view>
			  </view>
			  
			  <view class="online">
			  	<view class="">
			  		图标
			  	</view>
			  	<view class="">
			  		<u-button type="info"  shape="circle" :plain="true" text="在线客服"></u-button>
			  	</view>
			  </view>
		  </view>
		  
		
		 
	</view>
</template>

<script>
</script>

<style lang="less">
	.content{
		// padding: 30rpx;
		margin: 220rpx 30rpx 30rpx;
		text-align: center;
		.logo{
			width: 300rpx;
			height: 300rpx;
			margin: 0 auto;
			background-color: pink;
		}
		.phoneNumber{
			display: flex;
			justify-content: space-between;
			margin: 20rpx 0;
		}
		.online{
			display: flex;
			justify-content: space-around;
			margin: 20rpx 0;
		}
	}
</style>