no message

src/pages/bind/bind.vue

@@ -14,8 +14,9 @@ const handleBind = async () => {
 <template>
   <view class="viewport">
     <view class="cont">
-      <view class="title">您未绑定站点，请联系管理员绑定站点...</view>
-      <view class="button" @tab="handleBind">我已绑定站点</view>
+      <view class="title">当前暂无已关联的站点...</view>
+      <view class="desc">请联系管理员关联站点</view>
+      <view class="button" @tab="handleBind">我已关联站点</view>
     </view>
   </view>
 </template>
@@ -31,12 +32,17 @@ page {
   display: flex;
   flex-direction: column;
   .cont {
-    margin: 100rpx auto;
+    margin: 200rpx auto;
     width: 100%;
     text-align: center;
     .title {
-      margin: 40rpx 0;
+      margin: 14rpx 0;
+      font-size: 40rpx;
+      color: #3d3d3d;
+    }
+    .desc {
       font-size: 28rpx;
+      color: #949494;
     }
     .button {
       width: 384rpx;
@@ -44,7 +50,7 @@ page {
       padding: 20rpx 30rpx;
       border-radius: 50rpx;
       color: #fff;
-      background: linear-gradient(149deg, #51B6FF 19%, #3775F6 82%);
+      background: linear-gradient(149deg, #51b6ff 19%, #3775f6 82%);
     }
   }
 }

src/pages/index/components/DataList.vue

@@ -77,11 +77,9 @@ const getMemberOrderData = async () => {
     isFinish.value = true
   }
 }
-
 onMounted(() => {
   getSettingInfo()
 })
-
 // const handleTimeup = async (item: Object) => {
 //   const order = orderList.value.find((v) => v.id === item.id)
 //   order!.unAccept = true
@@ -220,7 +218,7 @@ const getLocationInfo = () => {
               },
             })
           }
-        }
+        },
       })
     },
   })
@@ -273,22 +271,28 @@ const getAuthorizeInfo = () => {
         <view class="button" v-else @tap="onOrderPay(item)">结算</view>
       </view>
       <navigator
-        class="order"
+        class="card"
         :url="`/pages/orderDetail/orderDetail?orderId=${item.id}&orderState=${props.orderState}`"
         hover-class="none"
       >
         <view class="meta">
-          <view class="loction">
-            <image class="img" src="/static/images/loction_home.png" mode="aspectFit" />
+          <view class="meta-item">
+            <view class="icon">
+              <uni-icons type="location" color="#3775F6" size="20"></uni-icons>
+            </view>
             <view class="text ellipsis">{{ item.recycleAddress }}</view>
           </view>
-          <view class="time ellipsis">
-            <image class="img" src="/static/images/time_home.png" mode="aspectFit" />
-            <view class="text">{{ item.appointmentTime }}</view>
+          <view class="meta-item">
+            <view class="icon">
+              <uni-icons type="calendar" color="#3775F6" size="20"></uni-icons>
+            </view>
+            <view class="text ellipsis">{{ item.appointmentTime }}</view>
           </view>
-          <view class="people ellipsis">
-            <image class="img" src="/static/images/iphone_home.png" mode="aspectFit" />
-            <view class="text">{{ item.clientName }} <text class="iphone">{{ item.clientMobile }}</text></view>
+          <view class="meta-item">
+            <view class="icon">
+              <uni-icons type="phone" color="#3775F6" size="20"></uni-icons>
+            </view>
+            <view class="text phone">{{ item.clientName }} <text class="iphone">{{ item.clientMobile }}</text></view>
           </view>
         </view>
       </navigator>
@@ -379,7 +383,7 @@ const getAuthorizeInfo = () => {
     }
   }
 
-  .order {
+  .card {
     display: flex;
     padding: 10rpx;
 
@@ -389,12 +393,11 @@ const getAuthorizeInfo = () => {
       flex-direction: column;
       justify-content: center;
 
-      .loction {
-        margin-top: 20rpx;
+      .meta-item {
         display: flex;
+        margin: 10rpx 0;
         align-items: center;
-
-        .img {
+        .icon {
           width: 40rpx;
           height: 40rpx;
           margin-right: 20rpx;
@@ -403,44 +406,9 @@ const getAuthorizeInfo = () => {
           font-size: 28rpx;
           color: #3D3D3D;
         }
-      }
-
-      .time {
-        display: flex;
-        align-items: center;
-        margin: 20rpx 0;
-
-        .img {
-          width: 40rpx;
-          height: 40rpx;
-          margin-right: 20rpx;
-        }
-
-        .text {
-          font-size: 28rpx;
-          color: #3d3d3d;
-        }
-      }
-
-      .people {
-        display: flex;
-        align-items: center;
-        margin-bottom: 20rpx;
-
-        .img {
-          width: 36rpx;
-          height: 36rpx;
-          margin-right: 26rpx;
-        }
-
-        .text {
-          font-size: 28rpx;
-          color: #3d3d3d;
-
-          .iphone {
-            color: #3775f6;
-            margin-left: 10rpx;
-          }
+        .iphone {
+          color: #3775f6;
+          margin-left: 10rpx;
         }
       }
     }
@@ -482,7 +450,6 @@ const getAuthorizeInfo = () => {
       }
     }
   }
-
   .loading-text {
     text-align: center;
     font-size: 28rpx;
@@ -490,5 +457,4 @@ const getAuthorizeInfo = () => {
     padding: 20rpx 0;
   }
 }
-</style>import type { debug } from 'console'
-
+</style>