静态页面

src/pages.js

@@ -316,6 +316,15 @@ const Other = [
       eventType: 'other',
     }
   },
+  {
+    name: '我的-我的订单',
+    page: 'pages/WoDe/WoDeDingDan/index',
+    auth: ['avatar', 'phone'],
+    track: {
+      event: 'list',
+      eventType: 'other',
+    }
+  },
 ]
 
 module.exports = [

src/pages/WoDe/WoDeDingDan/index.config.js

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: '我的订单'
+}

src/pages/WoDe/WoDeDingDan/index.css

@@ -0,0 +1,20 @@
+.WoDeDingDan {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #f8f8f8;
+  overflow: hidden;
+}
+.WoDeDingDan .Content {
+  padding: 0 30px;
+  position: relative;
+  overflow: hidden;
+}
+.WoDeDingDan .Content > .ListItem {
+  position: relative;
+  overflow: hidden;
+  margin-bottom: 30px;
+}
+.WoDeDingDan .Content > .ListItem:first-child {
+  margin-top: 30px;
+}

src/pages/WoDe/WoDeDingDan/index.jsx

@@ -0,0 +1,45 @@
+import React, { useState } from 'react'
+import ActivityListItem from '@/components/ActivityListItem'
+import ScrollPageRefresh from '@/components/ScrollPageRefresh'
+import Page from '@/layouts'
+import '@/assets/css/reset.less'
+import '@/assets/css/iconfont.less'
+import './index.less'
+
+export default function WoDeDingDan () {
+
+  const [PageList, setPageList] = useState([])
+  const [IsEmpty, setIsEmpty] = useState(false)
+
+  const Refresh = (e) => { // 下拉刷新
+    if (e.length > 0) {
+      setIsEmpty(false)
+      setPageList(e)
+    } else {
+      setIsEmpty(true)
+    }
+  }
+
+  const Push = (e) => { // 上拉加载
+    setPageList(PageList.concat(e))
+  }
+
+
+  return (
+    <Page>
+      <view className='WoDeDingDan'>
+        <ScrollPageRefresh IsEmpty={IsEmpty} ApiName={`getActivityList`} RequestParams={{ mine: 1 }} Refresh={Refresh} Push={Push}>
+          <view className='Content Activity'>
+            {
+              PageList.map((item, index) => (
+                <view className='ListItem' key={`ActivityItem-${index}`}>
+                  <ActivityListItem Data={item}></ActivityListItem>
+                </view>
+              ))
+            }
+          </view>
+        </ScrollPageRefresh>
+      </view>
+    </Page>
+  )
+}

src/pages/WoDe/WoDeDingDan/index.less

@@ -0,0 +1,22 @@
+.WoDeDingDan {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #f8f8f8;
+  overflow: hidden;
+
+  .Content {
+    padding: 0 30px;
+    position: relative;
+    overflow: hidden;
+
+    >.ListItem {
+      position: relative;
+      overflow: hidden;
+      margin-bottom: 30px;
+      &:first-child {
+        margin-top: 30px;
+      }
+    }
+  }
+}

src/pages/WoDe/index.jsx

@@ -20,7 +20,8 @@ export default function WoDe () {
   const [MoreUserTab] = useState([
     { icon: 'iconerweima', name: '推荐二维码', id: 5, router: '/pages/WoDe/TuiJianErWeiMa/index' },
     // { icon: 'iconfenxiang', name: '推荐分享', id: 6, router: '/pages/WoDe/TuiJianFenXiang/index' },
-    { icon: 'iconhuodong', name: '参与活动', id: 7, router: '/pages/WoDe/WoDeHuoDong/index' }
+    { icon: 'iconhuodong', name: '参与活动', id: 7, router: '/pages/WoDe/WoDeHuoDong/index' },
+    { icon: 'icondingdan', name: '我的订单', id: 7, router: '/pages/WoDe/WoDeDingDan/index' }
   ])
   const [DataLock, setDataLock] = useState(false)