更新

BagStation/orderInvoicing/orderInvoicing.vue

@@ -80,20 +80,30 @@
 				</view>
 			</uni-forms>
 		</view> -->
-		<view class="btn-box">
-			<view class="tip">功能暂时维护 详情请咨询客服电话</view>
-			<view>白天（上午8点-下午18点）客服电话：<text style="color: #00BFFF;" @click="arouse('13296360386')">13296360386</text>
+		<view class="container">
+			<view>功能暂时维护</view>
+			<view>详细请咨询请拨打客服电话</view>
 		</view>
-			<view>夜间（下午18点-次日8点）客服电话：<text style="color: #00BFFF;" @click="arouse('15653644882')">15653644882</text>
+		<view class="contact day">
+			<text>8:00-18:00</text>
+			<text>13296360386</text>
+			<img src="./img/phone.png" @click="arouse('13296360386')">
+
+		</view>
+		<view class="contact night">
+			<text>18:00-8:00</text>
+			<text>15653644882</text>
+			<img src="./img/phone.png" @click="arouse('15653644882')">
 		</view>
-			<!-- 			<view class="cu-btn width-50 text-lg height-80 padding text-center" @tap="backtodetail">
+		<!-- <view class="btn-box">
+			<view class="cu-btn width-50 text-lg height-80 padding text-center" @tap="backtodetail">
 				取消
 			</view>
 			<view @tap="saveInvoicRecord"
 				class="cu-btn width-50 text-lg height-80 padding text-center bg-red text-white">
 				提交
-			</view> -->
 			</view>
+		</view> -->
 		<uni-popup ref="popup" :is-mask-click="false">
 			<view class="notice">
 				<view>用户协议</view>
@@ -377,7 +387,76 @@
 	}
 </script>
 
-<style>
+<style lang="scss">
+	page {
+		padding-top: 26rpx;
+		background: #F2F3F8;
+	}
+
+	.container {
+		margin: 0 auto;
+		padding-top: 234rpx;
+		width: 702rpx;
+		height: 384rpx;
+		border-radius: 10rpx;
+		background: url('./img/background.png') #fff center 70rpx/184rpx 128rpx no-repeat;
+
+		>view {
+			text-align: center;
+
+			&:nth-of-type(1) {
+				color: #333;
+				font-size: 30rpx;
+			}
+
+			&:nth-of-type(2) {
+				margin-top: 5rpx;
+				color: #999;
+				font-size: 26rpx;
+			}
+		}
+	}
+
+	.contact {
+		margin: 24rpx auto 0;
+		padding-left: 98rpx;
+		width: 702rpx;
+		height: 131rpx;
+		background: #fff;
+		border-radius: 10rpx;
+
+		&.day {
+			background: url('./img/day.png') #fff 32rpx center/46rpx 46rpx no-repeat;
+		}
+
+		&.night {
+			background: url('./img/night.png') #fff 32rpx center/46rpx 46rpx no-repeat;
+		}
+
+		>text {
+			line-height: 131rpx;
+			font-size: 28rpx;
+
+			&:nth-of-type(1) {
+				font-weight: 550;
+				color: #000;
+			}
+
+			&:nth-of-type(2) {
+				margin-left: 41rpx;
+				color: #999;
+			}
+		}
+
+		>img {
+			float: right;
+			margin-top: 48rpx;
+			margin-right: 22rpx;
+			width: 36rpx;
+			height: 36rpx;
+		}
+	}
+
 	.notice {
 		position: relative;
 		padding: 50rpx;
@@ -443,28 +522,11 @@
 		align-items: center;
 	}
 
-	. {
-		font-weight: 100;
-	}
 
 	.btn-box {
-		margin-top: 50%;
-		/* display: flex; */
-		/* justify-content: flex-start; */
-		/* align-items: center; */
-	}
-
-	.tip {
-		margin-bottom: 10rpx;
-		width: 100%;
-		text-align: center;
-		color: red;
-		font-size: 35rpx;
-	}
-
-	.btn-box>view {
-		margin-top: 20rpx;
-		text-align: center;
+		display: flex;
+		justify-content: flex-start;
+		align-items: center;
 	}
 
 	.Invoicing-header {