Merge branch 'main' of https://github.com/omnia96/designer-hub

packages/app/src/pages.json

@@ -119,6 +119,14 @@
       }
     },
     {
+      "path": "pages/home/about/index",
+      "type": "page",
+      "style": {
+        "navigationStyle": "custom",
+        "navigationBarTitleText": "1分钟快速了解筑巢荟"
+      }
+    },
+    {
       "path": "pages/home/classmates/index",
       "type": "page",
       "style": {

packages/app/src/pages/home/about/index.vue

@@ -0,0 +1,28 @@
+<route lang="yaml">
+style:
+  navigationStyle: custom
+  navigationBarTitleText: 1分钟快速了解筑巢荟
+</route>
+<script setup lang="ts">
+const imgs = ref([
+  'https://image.zhuchaohui.com/zhucaohui/063c850a39885990836a8fad13575fcd5a5fc4c54b6127d9323be603d80053ae.jpg',
+])
+const handleClickLeft = () => {
+  uni.navigateBack()
+}
+</script>
+<template>
+  <div>
+    <wd-navbar
+      left-arrow
+      fixed
+      safe-area-inset-top
+      custom-class="bg-transparent"
+      title="1分钟快速了解筑巢荟"
+      @click-left="handleClickLeft"
+    ></wd-navbar>
+    <template v-for="(it, i) in imgs" :key="i">
+      <wd-img width="100%" :src="it" mode="widthFix"></wd-img>
+    </template>
+  </div>
+</template>

packages/app/src/pages/home/index.vue

@@ -18,82 +18,12 @@ import dayjs from 'dayjs'
 import Menus from './components/menus.vue'
 import ScheduleCard from './components/schedule-card.vue'
 import { getCircles, getSetIndexConfigs } from '../../core/libs/requests'
+import { logo } from '../../core/libs/svgs'
 
 defineOptions({
   name: 'Home',
 })
 const instance = getCurrentInstance()
-// 测试 uni API 自动引入
-const { data } = useRequest(async () => ({ code: 0, msg: '', data: {} }) as IResData<any>, {
-  initialData: {
-    banners: [],
-    hots: [
-      {
-        id: 1,
-        title: '日本研学·东京艺术大学游学',
-        img: '',
-        start: dayjs('2024-07-15').toDate(),
-        end: dayjs('2024-08-10').toDate(),
-      },
-      {
-        id: 1,
-        title: '日本研学·东京艺术大学游学',
-        img: '',
-        start: dayjs('2024-07-15').toDate(),
-        end: dayjs('2024-08-10').toDate(),
-      },
-    ],
-    dynamics: [
-      {
-        author: {
-          avatar: 'https://via.placeholder.com/35x35',
-          nickname: '苏小萌',
-          level: '0',
-        },
-        content: '用心做好设计，为客户创造美好家居环境',
-        images: ['https://via.placeholder.com/165x220'],
-        tags: ['意大利游学设计班'],
-        shares: 0,
-        comments: 0,
-        likes: 0,
-        createdAt: dayjs('2024-07-15').toDate(),
-      },
-      {
-        author: {
-          avatar: 'https://via.placeholder.com/35x35',
-          nickname: '苏小萌',
-          level: '0',
-        },
-        content: '用心做好设计，为客户创造美好家居环境',
-        images: ['https://via.placeholder.com/220x165'],
-        tags: ['意大利游学设计班'],
-        shares: 0,
-        comments: 0,
-        likes: 0,
-        createdAt: dayjs('2024-07-15').toDate(),
-      },
-      {
-        author: {
-          avatar: 'https://via.placeholder.com/35x35',
-          nickname: '苏小萌',
-          level: '0',
-        },
-        content: '用心做好设计，为客户创造美好家居环境',
-        images: [
-          'https://via.placeholder.com/104x104',
-          'https://via.placeholder.com/104x204',
-          'https://via.placeholder.com/204x104',
-        ],
-        tags: ['意大利游学设计班'],
-        shares: 0,
-        comments: 0,
-        likes: 0,
-        createdAt: dayjs('2024-07-15').toDate(),
-      },
-    ],
-    studyTour: null,
-  },
-})
 const { data: circlesData, run } = useRequest(() => getCircles({}), { initialData: { list: [] } })
 const { data: indexConfigsData, run: setIndexConfigsData } = useRequest(
   () => getSetIndexConfigs(),
@@ -113,6 +43,9 @@ onLoad(async () => {
   )
   console.log(indexVideoContexts.value)
 })
+const toAbout = () => {
+  uni.navigateTo({ url: '/pages/home/about/index' })
+}
 onShareAppMessage(() => ({}))
 </script>
 
@@ -158,8 +91,17 @@ onShareAppMessage(() => ({}))
       <view class="my-6 mx-3.5">
         <HotActivity></HotActivity>
       </view>
-      <view class="my-6 mx-3.5">
-        <Card>一分钟快速了解筑巢荟</Card>
+      <view class="my-6 mx-3.5" @click="toAbout()">
+        <Card>
+          <div class="flex items-center gap-2">
+            <wd-img width="28" height="28" :src="logo"></wd-img>
+            <div class="text-black/90 text-base font-normal font-['PingFang SC'] leading-[10.18px]">
+              1分钟快速了解筑巢荟
+            </div>
+            <div class="flex-1"></div>
+            <wd-icon name="help-circle" size="22px" custom-class="text-black/60"></wd-icon>
+          </div>
+        </Card>
       </view>
       <view class="mx-3.5 text-5 font-400">设计圈</view>
       <view class="mx-3.5">

packages/app/src/types/uni-pages.d.ts

@@ -10,6 +10,7 @@ interface NavigateToOptions {
        "/pages/material/index" |
        "/pages/messages/index" |
        "/pages/mine/index" |
+       "/pages/home/about/index" |
        "/pages/home/classmates/index" |
        "/pages/home/classmates-detail/index" |
        "/pages/home/mall/index" |