已购商品

src/pageSubs/deliveryOrder/components/deliveryOrderCard.vue

@@ -0,0 +1,29 @@
+<!--
+ * @Descripttion: 发货单卡片
+ * @version: 1.0.0
+ * @Author: dream
+ * @Date: 2021-03-31 18:33:43
+ * @LastEditors: dream
+ * @LastEditTime: 2021-03-31 18:34:33
+-->
+<template>
+	<view>Delivery Orders Card</view>
+</template>
+
+<script>
+export default {
+  name: 'deliveryOrderCard',
+  data () {
+    return {
+
+    }
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/pageSubs/deliveryOrder/detail.vue

@@ -0,0 +1,32 @@
+<!--
+ * @Descripttion: 发货单详情
+ * @version: 1.0.0
+ * @Author: dream
+ * @Date: 2021-03-31 18:03:25
+ * @LastEditors: dream
+ * @LastEditTime: 2021-03-31 18:04:08
+-->
+<template>
+	<view>Delivery Orders Detail</view>
+</template>
+
+<script>
+export default {
+  name: 'deliveryOrderDetail',
+  data () {
+    return {
+
+    }
+  },
+  onLoad () {
+
+  },
+  methods: {
+
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/pageSubs/deliveryOrder/history.vue

@@ -0,0 +1,78 @@
+<!--
+ * @Descripttion: 已购商品
+ * @version: 1.0.0
+ * @Author: dream
+ * @Date: 2021-03-31 18:01:37
+ * @LastEditors: dream
+ * @LastEditTime: 2021-03-31 18:31:37
+-->
+<template>
+	<view class="delivery-order-history-main">
+		<u-sticky :enable="enable">
+      <u-tabs
+        class="history-tab"
+        :list="tabList"
+        :is-scroll="false"
+        :current="currentTab"
+        :bold="false"
+        inactive-color="#AAAAAA"
+        :bar-style="{
+          marginLeft: '-22rpx',
+          bottom:  '-4rpx',
+          width: '84rpx',
+          height: '4rpx',
+          borderRadius: 0
+        }"
+        @change="changeTab"
+      ></u-tabs>
+		</u-sticky>
+    <iph-empty :show="!recordList.length" :type="1" :marginTop="168"/>
+  </view>
+</template>
+
+<script>
+import iphEmpty from '../../components/iphEmpty.vue'
+export default {
+  components: { iphEmpty },
+  name: 'deliveryOrderHistory',
+  data () {
+    return {
+      enable: true,
+      currentTab: 0,
+      tabList: [{
+        name: '待发货'
+      }, {
+        name: '待收货'
+      }, {
+        name: '已收货'
+      }],
+      recordList: []
+    }
+  },
+  onShow () {
+    this.enable = true
+  },
+  onHide () {
+    this.enable = false
+  },
+  methods: {
+    changeTab (val) {
+      this.currentTab = val
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.delivery-order-history-main {
+  // padding-top: 80px;
+  .history-tab {
+    // position: fixed;
+    // top: 0;
+    // width: 100%;
+    /deep/ .u-tab-item {
+      font-weight: 500 !important;
+    }
+  }
+}
+</style>

src/pages.json

@@ -32,6 +32,20 @@
 			}
 		}]
 	}, {
+    "root": "pageSubs/deliveryOrder",
+    "pages": [{
+      "path": "history",
+      "style": {
+        "navigationBarTitleText": "已购商品",
+        "enablePullDownRefresh": true
+			}
+    }, {
+      "path": "detail",
+      "style": {
+        "navigationBarTitleText": "发货单详情"
+			}
+    }]
+  }, {
     "root": "pageSubs/orders",
     "pages": [{
       "path": "submit",

src/pages/my/my.vue

@@ -4,7 +4,7 @@
  * @Author: dream
  * @Date: 2021-03-25 15:56:03
  * @LastEditors: dream
- * @LastEditTime: 2021-03-31 17:24:15
+ * @LastEditTime: 2021-03-31 18:02:54
 -->
 <template>
 	<view class="my-main">
@@ -55,21 +55,21 @@
           <image class="item-img" src="~@/static/common/icon_tj_zd.png" />
           <text class="u-m-t-8 u-font-22 u-line-32">账单</text>
         </view>
-        <view class="order-item">
+        <navigator class="order-item" url="/pageSubs/deliveryOrder/history">
           <image class="item-img" src="~@/static/common/icon_tj_dfh.png" />
           <text class="u-m-t-8 u-font-22 u-line-32">待发货</text>
-        </view>
+        </navigator>
       </view>
       <view class="u-m-t-32 u-p-b-40 u-flex u-row-around">
-        <view class="order-item">
+        <navigator class="order-item" url="/pageSubs/deliveryOrder/history">
           <image class="item-img" src="~@/static/common/icon_tj_dsh.png" />
           <text class="u-m-t-8 u-font-22 u-line-32">待收货</text>
           <u-badge :count="2" :offset="[-12, 12]" size="mini" color="#ffffff" bgColor="#FE5128"></u-badge>
-        </view>
-        <view class="order-item">
+        </navigator>
+        <navigator class="order-item" url="/pageSubs/deliveryOrder/history">
           <image class="item-img" src="~@/static/common/icon_tj_ysh.png" />
           <text class="u-m-t-8 u-font-22 u-line-32">已收货</text>
-        </view>
+        </navigator>
         <view class="order-item">
           <image class="item-img" src="~@/static/common/icon_tj_kf.png" />
           <text class="u-m-t-8 u-font-22 u-line-32">售后</text>

src/uni.scss

@@ -122,3 +122,8 @@ $iph-btn-disabel-bg: #999999;
   background: url('~@/static/common/icon_dz_bj.png') no-repeat center center;
   background-size: contain;
 }
+
+.iph-icon-warehouse {
+  background: url('~@/static/common/icon_dp.png') no-repeat center center;
+  background-size: contain;
+}