feat:add mobile views

This commit is contained in:
jiangrui
2025-03-03 18:06:19 +08:00
parent 4cd71a72e5
commit 03509eb723
20 changed files with 1346 additions and 40 deletions

View File

@@ -1,41 +1,11 @@
import { createRouter, createWebHistory } from "vue-router";
import type { RouteRecordRaw } from "vue-router";
import Login from "@/views/Login.vue";
import Home from "@/views/Home.vue";
const routes: RouteRecordRaw[] = [
{
path: "/",
name: "home",
component: Home,
children: [
{
path: "",
name: "resource",
component: () => import("@/views/ResourceList.vue"),
},
{
path: "/douban",
name: "douban",
component: () => import("@/views/Douban.vue"),
},
{
path: "/setting",
name: "setting",
component: () => import("@/views/Setting.vue"),
},
],
},
{
path: "/login",
name: "login",
component: Login,
},
];
import mobileRoutes from "./mobile-routes";
import pcRoutes from "./pc-routes";
import { isMobileDevice } from "@/utils/index";
const router = createRouter({
history: createWebHistory(import.meta.env.BASE_URL),
routes,
routes: [...(isMobileDevice() ? mobileRoutes : pcRoutes)],
});
export default router;

View File

@@ -0,0 +1,35 @@
import Login from "@/views/mobile/Login.vue";
import Home from "@/views/mobile/Home.vue";
import type { RouteRecordRaw } from "vue-router";
const routes: RouteRecordRaw[] = [
{
path: "/",
name: "home",
component: Home,
redirect: "/resource",
children: [
{
path: "/resource",
name: "resource",
component: () => import("@/views/mobile/ResourceList.vue"),
},
{
path: "/douban",
name: "douban",
component: () => import("@/views/mobile/Douban.vue"),
},
{
path: "/setting",
name: "setting",
component: () => import("@/views/mobile/Setting.vue"),
},
],
},
{
path: "/login",
name: "login",
component: Login,
},
];
export default routes;

View File

@@ -0,0 +1,35 @@
import Login from "@/views/Login.vue";
import Home from "@/views/Home.vue";
import type { RouteRecordRaw } from "vue-router";
const routes: RouteRecordRaw[] = [
{
path: "/",
name: "home",
component: Home,
redirect: "/resource",
children: [
{
path: "/resource",
name: "resource",
component: () => import("@/views/ResourceList.vue"),
},
{
path: "/douban",
name: "douban",
component: () => import("@/views/Douban.vue"),
},
{
path: "/setting",
name: "setting",
component: () => import("@/views/Setting.vue"),
},
],
},
{
path: "/login",
name: "login",
component: Login,
},
];
export default routes;