feat: 优化应用初始化逻辑,移除不必要的 mocks 导入,简化代码结构;更新市场视图样式,增强标签导航的布局;修复通知视图中的 API 导入

This commit is contained in:
2026-01-11 01:57:38 +07:00
parent 1c0d3e7288
commit 0aa4347177
3 changed files with 24 additions and 26 deletions

View File

@@ -7,7 +7,6 @@ import uiComponents from "@/ui";
import App from "./App.vue"; import App from "./App.vue";
import { authClient } from "./auth"; import { authClient } from "./auth";
import { i18n } from "./locales"; import { i18n } from "./locales";
import { setupMocks } from "./mocks";
import { router } from "./router"; import { router } from "./router";
/* Core CSS required for Ionic components to work properly */ /* Core CSS required for Ionic components to work properly */
@@ -94,34 +93,28 @@ function initTradingView() {
return Promise.all([promise1, promise2]); return Promise.all([promise1, promise2]);
} }
function initApp() { initTradingView().then(() => {
initTradingView().then(() => { authClient.getSession().then((session) => {
authClient.getSession().then((session) => { const pinia = createPinia();
const pinia = createPinia(); const userStore = useUserStore(pinia);
const userStore = useUserStore(pinia); userStore.setToken(session.data?.session.token || "");
userStore.setToken(session.data?.session.token || "");
const app = createApp(App) const app = createApp(App)
.use(IonicVue, { .use(IonicVue, {
backButtonText: "返回", backButtonText: "返回",
mode: "ios", mode: "ios",
statusTap: true, statusTap: true,
swipeBackEnabled: true, swipeBackEnabled: true,
// rippleEffect: true, // rippleEffect: true,
// animated: false, // animated: false,
}) })
.use(uiComponents) .use(uiComponents)
.use(pinia) .use(pinia)
.use(router) .use(router)
.use(i18n); .use(i18n);
router.isReady().then(() => { router.isReady().then(() => {
app.mount("#app"); app.mount("#app");
});
}); });
}); });
}
setupMocks().then(() => {
initApp();
}); });

View File

@@ -55,10 +55,15 @@ ion-searchbar {
padding: 0; padding: 0;
} }
:deep(.tabs) .ui-tabs__nav-wrapper { :deep(.tabs) .ui-tabs__nav-wrapper {
display: flex;
margin: 0 auto; margin: 0 auto;
margin-bottom: 10px; margin-bottom: 10px;
width: 100%; width: 100%;
} }
:deep(.tabs) .ui-tabs__nav {
display: flex;
width: 100%;
}
:deep(.tabs) .ui-tab--segment { :deep(.tabs) .ui-tab--segment {
font-size: 13px; font-size: 13px;
padding: 6px !important; padding: 6px !important;

View File

@@ -5,7 +5,7 @@ import { toastController } from "@ionic/vue";
import IcBaselineNotificationsNone from "~icons/ic/baseline-notifications-none"; import IcBaselineNotificationsNone from "~icons/ic/baseline-notifications-none";
import IconParkOutlineClearFormat from "~icons/icon-park-outline/clear-format"; import IconParkOutlineClearFormat from "~icons/icon-park-outline/clear-format";
import MaterialSymbolsAndroidContacts from "~icons/material-symbols/android-contacts"; import MaterialSymbolsAndroidContacts from "~icons/material-symbols/android-contacts";
import { client, mockClient, safeClient } from "@/api"; import { client, safeClient } from "@/api";
import { NotificationTypeIcon } from "./enum"; import { NotificationTypeIcon } from "./enum";
const router = useRouter(); const router = useRouter();