完成联系客服页面UI

pages.json

@@ -34,6 +34,12 @@
 			"style": {
 				"navigationBarTitleText": "我的收藏"
 			}
+		},
+		{
+			"path": "pages/contactService/index",
+			"style": {
+				"navigationBarTitleText": "联系客服"
+			}
 		}
 	],
 	"globalStyle": {

pages/contactService/index.vue

@@ -0,0 +1,71 @@
+<template>
+	<view class="content">
+		<view class="lf-row-between item">
+			<view class="lf-color-gray">在线客服</view>
+			<button class="btn" open-type="contact">在线联系</button>
+		</view>
+		<view class="lf-row-between item">
+			<view class="lf-color-gray">服务时间</view>
+			<view>10:00～20:00</view>
+		</view>
+		<view class="lf-row-between item">
+			<view class="lf-color-gray">客服电话</view>
+			<view>13278683790</view>
+		</view>
+		<view class="lf-row-between item">
+			<view class="lf-color-gray">联系地址</view>
+			<view>南宁市青秀区汇东国际F座6楼</view>
+		</view>
+		<view class="lf-row-between item">
+			<view class="lf-color-gray">客服微信</view>
+			<view>
+				<text>whhu8798</text>
+				<text class="lf-m-l-20 lf-color-primary">复制</text>
+			</view>
+		</view>
+		<view class="lf-row-between item">
+			<view class="lf-color-gray">当前版本</view>
+			<view>1.0.1</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data(){
+			return {
+				
+			}
+		},
+		onLoad(){
+			
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style lang="scss" scoped="scoped">
+	.content{
+		width: 750rpx;
+		height: auto;
+		padding: 0 32rpx;
+		box-sizing: border-box;
+		.item{
+			width: 100%;
+			height: 104rpx;
+			border-bottom: 1rpx solid #EEEEEE;
+			.btn{
+				margin: 0;
+				width: 176rpx;
+				height: 60rpx;
+				background: #FE9903;
+				border-radius: 30rpx;
+				color: #FFFFFF;
+				font-size: 28rpx;
+				line-height: 60rpx;
+			}
+		}
+	}
+</style>