JP-ChargeTeam51/pages/user/contactService.vue

<template>
	<view>
		<ujp-navbar title="联系客服" ></ujp-navbar>
		<view class="service">
			<view class="left">
				<view class="text">
					平台服务
				</view>
				<view class="tel">
					400-8899-619
				</view>
			</view>
			<view class="img-box">
				<img src="../../assets/img/fas fa-phone@3x.png" alt="">
			</view>
		</view>
		
		<view class="service breakdown">
			<view class="left">
				<view class="text">
					平台服务
				</view>
				<view class="tel">
					15607217777
				</view>
			</view>
			<view class="img-box">
				<img src="../../assets/img/fas fa-phone@3x.png" alt="">
			</view>
		</view>
		
		<view class="service after-sale">
			<view class="left">
				<view class="text">
					平台服务
				</view>
				<view class="tel">
					15607217777
				</view>
			</view>
			<view class="img-box">
				<img src="../../assets/img/fas fa-phone@3x.png" alt="">
			</view>
		</view>
		
		<!-- 意见反馈 -->
		<view class="feedback">
			<view class="title">
				您也可以在线提交反馈意见：
			</view>
			<u-button>意见反馈</u-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	page{
		background-color: #fff;
	}
	.service{
		width: 91.4%;
		margin:12px auto 0;
		padding: 24px 20px;
		height: 100px;
		display: flex;
		justify-content: space-between;
		background:linear-gradient(to right,#39BCFD,#3F70E6);
		color: #fff;
		border-radius: 8px;
		
		.text{
			line-height: 28px;
			color: rgba(255, 255, 255, 100);
			font-size: 24px;
		}
		.tel{
			height: 24px;
			color: rgba(255, 255, 255, 100);
			font-size: 20px;
			margin-top: 4px;
		}
		.img-box{
			
			padding-top: 12px;
			
			img{
				width: 28px;
				height: 28px;
				
				
			}
		}
	}
// 故障处理
.breakdown{
	background:linear-gradient(to right,#F19063,#EA624C);
}
// 售后
.after-sale{
	background:linear-gradient(to right,#30CDBD,#04C08F);
}
.feedback{
	padding: 40px 18px;
}
  .u-btn{
	  background-color: rgba(244, 248, 255, 100);
	  color: rgba(16, 16, 16, 100);
	  font-size: 16px;
	  border-radius: 8px;
	  height: 44px;
	  margin-top: 12px;
	  border: 1px solid rgba(172, 203, 255, 100);
  }
</style>