feat: add new components and update UI and type declarations
- add AiTabSwitch component with its image assets and styles - add Welcome component for welcome text, weather display and notice messages - update ChatMainList to use new components and add background header layout - replace custom swiper in NoticeMessage with Vant VanSwipe component - add Vant Swipe type definitions to components.d.ts
This commit is contained in:
@@ -4,6 +4,18 @@
|
||||
<div class="absolute top-0 left-0 w-full z-10">
|
||||
<ChatTopNavBar ref="topNavBarRef" :mainPageDataModel="mainPageDataModel" @showDrawer="handleShowDrawer" />
|
||||
</div>
|
||||
|
||||
<div class="relative">
|
||||
<img class="w-full block" :src="mainPageDataModel?.initPageImages?.backgroundImageUrl" style="height: 252px;" />
|
||||
<div class="absolute bottom-0 left-0 right-0 flex-1">
|
||||
<div class="px-12 pt-12">
|
||||
<Welcome :mainPageDataModel="mainPageDataModel" />
|
||||
</div>
|
||||
<div style="margin-bottom: -1px;">
|
||||
<AiTabSwitch v-model="tabIndex" :list="tabList" @change="handleChange" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -11,8 +23,8 @@
|
||||
import { onMounted, nextTick, onUnmounted, ref } from "vue";
|
||||
import { MessageRole, MessageType, CompName, Command } from "@/constants/ChatModel";
|
||||
|
||||
import HomeWelcome from "../HomeWelcome/index.vue";
|
||||
import AiTabSwitch from "@/components/AiTabSwitch/index.vue";
|
||||
import Welcome from "../Welcome/index.vue";
|
||||
import AiTabSwitch from "../AiTabSwitch/index.vue";
|
||||
import Discovery from "../Discovery/index.vue";
|
||||
import ChatGuide from "../ChatGuide/index.vue";
|
||||
|
||||
|
||||
Reference in New Issue
Block a user