🐞 fix(#1000663#16#17#18#19#20): 修复发货列表|发货详情的样式问题

src/pages/delivery/components/Filter/index.module.scss

@@ -48,11 +48,12 @@
   font-size: 28px;
   height: 72px;
   &--text {
-    color: #909090;
+    color: #696969;
     display: flex;
     flex-flow: row nowrap;
     justify-content: center;
     align-items: center;
+    font-weight: lighter;
   }
   &:hover {
     opacity: 0.7;
@@ -62,6 +63,7 @@
     background-color: #eaf2ff;
     .filterButton--text {
       color: $color_main;
+      font-weight: 550;
     }
   }
 }
@@ -74,11 +76,13 @@
   justify-content: space-around;
   padding-bottom: constant(safe-area-inset-bottom);
   padding-bottom: env(safe-area-inset-bottom);
+  .btn {
+    width: 40%;
+    &:hover{
+      filter: blur(.7);
+    }
 
-  btn:hover{
-    filter: blur(.7);
   }
-
   .rest_btn {
     font-size: 28px;
   }

src/pages/delivery/components/ItemList/index.module.scss

@@ -1,5 +1,6 @@
 .layoutBlock{
-  margin: 24px;
+  margin: 20px;
+  padding: 24px;
 }
 .topBar {
   font-size: 28px;
@@ -8,13 +9,16 @@
     flex-flow: row nowrap;
     justify-content: space-between;
     color: $color_font_one;
+    .orderNo{
+      font-weight: bold;
+    }
   }
   &__orderType {
-    color: rgba($color: #000000, $alpha: 0.6);
-    font-weight: 550;
+    color: #6e6e6e;
+    font-weight: bold;
   }
   &__orderStatus {
-    font-weight: 550;
+    font-weight: bold;
     &--toBeAudited{
       color: #e42945;
     }

src/pages/delivery/components/ItemList/index.tsx

@@ -53,13 +53,13 @@ const ItemList:FC<PropsType> = (props) => {
     <LayoutBlock circle customClassName={styles.layoutBlock}>
       <View className={styles.topBar}>
         <View className={styles.topBar__orderNo}>
-          <View>单号：{itemData?.order_no}</View>
+          <View className={styles.orderNo}>单号：{itemData?.order_no}</View>
           {itemData?.status === 1 && <View className={classnames(styles.topBar__orderStatus, styles['topBar__orderStatus--finish'])}>已审核</View>}
           {itemData?.status === 0 && <View className={classnames(styles.topBar__orderStatus, styles['topBar__orderStatus--toBeAudited'])}>待审核</View>}
         </View>
         <Text className={styles.topBar__orderType}>{itemData?.type_name}</Text>
       </View>
-      <Divider direction='horizontal' customStyles={{ margin: '30rpx 0' }}></Divider>
+      <Divider direction='horizontal' customStyles={{ margin: '20rpx 0 10rpx 0' }}></Divider>
       <View className={styles.content}>
         <View className={classnames(styles.content__row, styles.bord)}>
           <View className={styles.content__row__left}>货品信息：</View>
@@ -83,7 +83,7 @@ const ItemList:FC<PropsType> = (props) => {
           customClassName={styles.bottomBar__button}
           plain
           type='info'
-          customStyles={{ color: '#8e8e8e', borderColor: '#8e8e8e' }}
+          customStyles={{ color: '#636363', borderColor: '#c8c8c8' }}
           round
           onClick={() => handleDetail(itemData)}>
           查看详情

src/pages/delivery/index.module.scss

@@ -25,7 +25,7 @@ page {
     height: 100%;
     &--total {
       display: block;
-      margin-top: 24px;
+      margin-top: 20px;
       padding: 0 24px;
       font-size: 24px;
       color: #9d9d9d;

src/pages/delivery/index.tsx

@@ -41,7 +41,7 @@ const Delivery: FC = () => {
   const { fetchData: FetchDeliveryOrderList, state: orderState } = DeliverNoticeOrderList()
   //数据加载状态
   const statusMore = useMemo(() => {
-    return dataLoadingStatus({ list: deliveryOrderList.list, total: deliveryOrderList.total, status: orderState.loading })
+    return dataLoadingStatus({ list: deliveryOrderList.list, total: deliveryOrderList.total, status: orderState.loading! })
   }, [deliveryOrderList, orderState])
 
   //输入搜索关键字