Browse Source

feat(app): 新增骑行排行榜页面及相应导航

EvilDragon 4 months ago
parent
commit
218c7d773a

+ 7 - 0
packages/app/src/pages.json

@@ -329,6 +329,13 @@
       }
     },
     {
+      "path": "pages/home/offline-activity/cycling-rankings/index",
+      "type": "page",
+      "style": {
+        "navigationStyle": "custom"
+      }
+    },
+    {
       "path": "pages/home/offline-activity/list/index",
       "type": "page",
       "style": {

+ 11 - 0
packages/app/src/pages/home/offline-activity/cycling-rankings/index.vue

@@ -0,0 +1,11 @@
+<route lang="json">
+{ "style": { "navigationStyle": "custom" } }
+</route>
+<script setup lang="ts"></script>
+<template>
+  <div
+    class="flex-grow bg-[url(https://image.zhuchaohui.com/zhucaohui/c49e7cd1dda308af18882d95b1a4c52e605d824db9eb2071164f9e5143a17346.png)] bg-[length:100%]"
+  >
+    <wd-navbar title="骑行榜"></wd-navbar>
+  </div>
+</template>

+ 7 - 0
packages/app/src/pages/home/offline-activity/index.vue

@@ -54,6 +54,13 @@ onMounted(async () => {
         <wd-tab :title="it.label"></wd-tab>
       </block>
     </wd-tabs>
+    <Card custom-class="py-2 rounded-lg">
+      <section-heading
+        title="筑巢荟骑行俱乐部"
+        size="sm"
+        path="/pages/home/offline-activity/cycling-rankings/index"
+      ></section-heading>
+    </Card>
     <template v-for="(it, index) in data.list" :key="index">
       <offline-activity-item class="" :options="it"></offline-activity-item>
     </template>

+ 1 - 0
packages/app/src/types/uni-pages.d.ts

@@ -37,6 +37,7 @@ interface NavigateToOptions {
        "/pages/mine/setting/index" |
        "/pages/publish/moment/index" |
        "/pages/publish/tags/index" |
+       "/pages/home/offline-activity/cycling-rankings/index" |
        "/pages/home/offline-activity/list/index" |
        "/pages/mine/orders/detail/index" |
        "/pages/mine/authentication/submit/success/index";