1

pages/order/order.vue

@@ -2,14 +2,18 @@
 	<view class="pages">
 		<view v-show="false">{{userms}}</view>
 		<view class="empty" v-show="userms && empty == true">
+			<view :style="{'text-align':'center'}">
 				<image class="empty_icon" src="/static/imgs/none_content.png"></image>
-			<view  class="empty_text">---您还未下单，下单品尝一下吧---</view>
-			<button class="empty_button" @click="goHome">去品尝</button>
+			</view>
+			<view  class="empty_text">——您还未下单，下单品尝一下吧——</view>
+			<button class="empty_button" @click="goHome"></button>
 		</view>
 		<view class="empty" v-show="!userms">
+			<view :style="{'text-align':'center'}">
 				<image class="empty_icon" src="/static/imgs/none_content.png"></image>
-			<view  class="empty_text">---您还未登录，请先登录---</view>
-			<button class="empty_button" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">去登录</button>
+			</view>
+			<view  class="empty_text">——您还未登录，请先登录——</view>
+			<button class="empty_button" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber"></button>
 		</view>
 		<view class="orders">
 			<view class="order_item" v-for="item in list" :key="item.id" @click="openInfo(item)">
@@ -227,31 +231,32 @@ export default {
 	 left: 50%;
 	 /* 兼容老版本的方法 */
 	 -webkit-transform: translateX(-50%);
-	 transform: translateX(-50%);
-	 margin-top: 200rpx;
+	 transform: translate(-50%);
+	 margin-top: 311rpx;
 	
 	.empty_icon {
-		 width: 325rpx;
-		 height: 296rpx;
+		 width: 280rpx;
+		 height: 266rpx;
 		 
 	}
 	.empty_text {
-		font-size: 20rpx;
-		margin-top: 10rpx;
-		font-family: ArialMT;
-		color: #666666;
+		margin-top: 35rpx;
 		text-align: center;
+
+		font-size: 24rpx;
+		font-family: PingFangSC-Medium, PingFang SC;
+		font-weight: 500;
+		color: #999999;
 	}
 	.empty_button {
-		width: 128rpx;
-		height: 46rpx;
-		margin-top: 10rpx;
-		background: #006ECF;
-		border-radius: 10rpx;
-		text-align: center;
-		line-height: 46rpx;
-		font-size: 20rpx;
-		color: #fff;
+		margin-top: 35rpx;
+		width: 167rpx;
+		height: 64rpx;
+		background: url('@/static/imgs/qupinchang.png') center center no-repeat;
+		border-radius: 0rpx;
+	}
+	.empty_button::after{
+		border-radius: 0rpx;
 	}
 }