发货单详情

src/pageSubs/deliveryOrder/detail.vue

@@ -4,10 +4,12 @@
  * @Author: dream
  * @Date: 2021-03-31 18:03:25
  * @LastEditors: dream
- * @LastEditTime: 2021-03-31 18:04:08
+ * @LastEditTime: 2021-04-01 11:28:40
 -->
 <template>
-	<view>Delivery Orders Detail</view>
+	<view class="delivery-order-detail-main">
+    <view class="head-area"><text class="status-title">待发货</text></view>
+  </view>
 </template>
 
 <script>
@@ -28,5 +30,17 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
+.delivery-order-detail-main {
+  .head-area {
+    padding: 24px 24px 0;
+    height: 282px;
+    background: linear-gradient(180deg, #1677FF 0%, #7CB1FB 55%, #F5F5F5 100%);
+    .status-title {
+      font-size: 56px;
+      font-weight: 500;
+      line-height: 80px;
+      color: $iph-standby-text;
+    }
+  }
+}
 </style>

src/pages.json

@@ -42,6 +42,8 @@
     }, {
       "path": "detail",
       "style": {
+        "navigationBarBackgroundColor": "#1677FF",
+        "navigationBarTextStyle": "white",
         "navigationBarTitleText": "发货单详情"
 			}
     }]