feat: 替换了导航栏组件

This commit is contained in:
zoujing
2026-04-02 11:37:37 +08:00
parent 453d2f0580
commit 5585976e99
5 changed files with 9 additions and 9 deletions

View File

@@ -1,7 +1,7 @@
<template>
<div class="page">
<!-- 顶部栏 -->
<NavBar title="生成中" color="white" :showHistory="true" @back="onBack" @history="onHistory" />
<TopNavBar title="生成中" color="white" :showHistory="true" @back="onBack" @history="onHistory" />
<!-- 中间内容 -->
<div class="content">
@@ -31,7 +31,7 @@
<script setup lang="ts">
import { useRouter } from 'vue-router';
// @ts-ignore
import NavBar from '../components/NavBar.vue';
import TopNavBar from '../components/TopNavBar.vue';
const router = useRouter();

View File

@@ -1,7 +1,7 @@
<template>
<div class="page">
<!-- Header -->
<NavBar title="最近任务" color="white" :showHistory="false" @back="onBack" />
<TopNavBar title="最近任务" color="white" :showHistory="false" @back="onBack" />
<!-- 列表 -->
<div class="list">
@@ -43,7 +43,7 @@
<script setup lang="ts">
import { useRouter } from 'vue-router';
// @ts-ignore
import NavBar from '../components/NavBar.vue';
import TopNavBar from '../components/TopNavBar.vue';
interface TaskItem {
id: number

View File

@@ -6,7 +6,7 @@
<div class="gradient-overlay"></div>
<NavBar color="white" :showHistory="true" @back="onBack" @history="onHistory" />
<TopNavBar title="AI生成合影" color="white" :showHistory="true" @back="onBack" @history="onHistory" />
<div class="content-layer">
<div class="style-tabs">
@@ -50,7 +50,7 @@
<script setup>
import { ref, computed } from 'vue';
import { useRouter } from 'vue-router';
import NavBar from '../components/NavBar.vue';
import TopNavBar from '../components/TopNavBar.vue';
import PhotoGuide from '../components/PhotoGuide.vue';
import AgreementTip from '../components/AgreementTip.vue';

View File

@@ -1,6 +1,6 @@
<template>
<div class="app-container">
<NavBar :title="title" color="white" :showHistory="false" @back="onBack" />
<TopNavBar :title="title" color="white" :showHistory="false" @back="onBack" />
<div class="image-area" v-if="sceneData">
<div class="img-wrapper" @click="showLightbox = true">
@@ -30,10 +30,10 @@
</template>
<script setup lang="ts">
import { ref, computed } from 'vue';
import { useRouter, useRoute } from 'vue-router';
// @ts-ignore
import NavBar from '../components/NavBar.vue';
import { ref, computed } from 'vue';
import TopNavBar from '../components/TopNavBar.vue';
// @ts-ignore
import VueEasyLightbox from 'vue-easy-lightbox';
// @ts-ignore