提交专属客服页面切图

pages/talk/talk.vue

@@ -1,8 +1,102 @@
 <template>
+	<view class="changecontainer">
+		<view class="logobox">
+			<image src="../../static/logo-xietaitai.png" mode="widthFix"></image>
+		</view>
+		<view class="customerService">
+			<view class="customerTit">
+				<text class="bigtitle">铂金款产品</text>
+				<text>专属管家通道</text>
+			</view>
+			<view class="qrCodebox">
+				<view class="codeimg">
+					<image src="../../static/ewmimg.jpg" mode="widthFix"></image>
+				</view>
+			</view>
+			<view class="textbottom">长按扫码添加企业微信</view>
+		</view>
+	</view>
 </template>
 
 <script>
+	
 </script>
-
-<style>
+<style type="text/css" scoped>
+	.changecontainer{
+		width: 100%;
+		background-image: url(../../static/bg-change.jpg);
+		background-position: center top;
+		background-size: cover;
+		padding-top: 114rpx;
+		padding-bottom: 300rpx;
+	}
+	.logobox{
+		width: 162rpx;
+		height: 162rpx;
+		border-radius: 50%;
+		overflow: hidden;
+		margin: 0 auto;
+		background: #fff;
+		margin-bottom: 80rpx;
+		box-shadow: 0 22rpx 32rpx rgba(53,53,53,.6);
+	}
+	.logobox image{
+		width: 100%;
+		height: auto;
+	}
+	.customerService{
+		width: 87.33%;
+		margin: 0 auto;
+		background: #fff;
+		border-radius: 10rpx;
+		overflow: hidden;
+	}
+	.customerTit{
+		text-align: center;
+		padding-top: 80rpx;
+		padding-bottom: 62rpx;
+	}
+	.customerTit text{
+		display: block;
+		font-size: 20rpx;
+		color: #000;
+	}
+	.customerTit text.bigtitle{
+		color:#b98b44;
+		font-size: 36rpx;
+		margin-bottom: 26rpx;
+	}
+	.qrCodebox{
+		width: 510rpx;
+		margin: 0 auto;
+		border-radius: 30rpx;
+		overflow: hidden;
+		padding: 22rpx;
+		box-sizing: border-box;
+		background: #ededed;
+		text-align: center;
+		margin-bottom: 98rpx;
+	}
+	.codeimg{
+		width: 466rpx;
+		height: 466rpx;
+		margin: 0 auto;
+		background: url(../../static/ewmbg.png) center center no-repeat;
+		background-size: cover;
+		padding: 19rpx;
+	}
+	.codeimg image{
+		width: 428rpx;
+		height: auto;
+		border-radius: 20rpx;
+	}
+	.textbottom{
+		width: 100%;
+		height: 60rpx;
+		line-height: 60rpx;
+		text-align: center;
+		background: #f4f4f4;
+		font-size: 20rpx;
+		color: #000;
+	}
 </style>