Refactor(购物车&我的):增加未登录或者登录过期显示以便微信审核

pages/cart.vue

@@ -16,8 +16,13 @@
       class="list-wrap"
     >
       <view v-if="isNoLogin" class="no-login-wrap">
+        <image
+          :src="webUrl + '/page/my/nologin.png'"
+          class="img"
+        />
         <view class="txt">您还未登录</view>
-        <view class="btn">去登录&nbsp;→</view>
+        <view class="desc">请注册/登录账户后重试</view>
+        <view class="btn">去登录</view>
       </view>
       <view v-else>
         <view class="v12-justify-between v12-px-2">
@@ -1116,24 +1121,35 @@ view {
   border-radius: 20rpx;
 }
 .no-login-wrap {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding: 20vh 0;
+  position: relative;
+  top: 50%;
+  text-align: center;
+  transform: translateY(-50%);
+  .img {
+    display: block;
+    width: 478rpx;
+    height: 398rpx;
+    margin: 0 auto;
+  }
   .txt {
     font-size: 36rpx;
     line-height: 56rpx;
-    color: #333;
+    color: #666;
+  }
+  .desc {
+    font-size: 28rpx;
+    line-height: 56rpx;
+    color: #999;
   }
   .btn {
-    height: 60rpx;
-    margin: 40rpx 0 0 0;
-    padding: 0 30rpx;
-    border-radius: 8rpx;
-    border: 1px solid #C52733;
-    line-height: 56rpx;
-    color: #C52733;
-    font-size: 28rpx;
+    width: 320rpx;
+    height: 80rpx;
+    margin: 40rpx auto 0 auto;
+    border-radius: 40rpx;
+    line-height: 80rpx;
+    color: #fff;
+    font-size: 30rpx;
+    background-color: #C52733;
   }
 }
 </style>