mirror of
https://github.com/jiangrui1994/CloudSaver.git
synced 2026-01-12 16:18:45 +08:00
feat:add mobile views
This commit is contained in:
@@ -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;
|
||||
|
||||
35
frontend/src/router/mobile-routes.ts
Normal file
35
frontend/src/router/mobile-routes.ts
Normal 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;
|
||||
35
frontend/src/router/pc-routes.ts
Normal file
35
frontend/src/router/pc-routes.ts
Normal 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;
|
||||
Reference in New Issue
Block a user