Jelajahi Sumber

pages config

bianjiang 1 tahun lalu
induk
melakukan
0d0b672633

+ 13 - 0
admin.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>西华大学美术与设计学院--后台管理系统</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="./src/views/admin/main.ts"></script>
+  </body>
+</html>

+ 1 - 1
index.html

@@ -8,6 +8,6 @@
   </head>
   <body>
     <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
+    <script type="module" src="./src/views/website/main.ts"></script>
   </body>
 </html>

+ 1 - 1
src/components/Image.tsx

@@ -1,7 +1,7 @@
 import { defineComponent, ref, reactive } from "vue";
 import { any } from "vue-types";
 
-const defaultImg = getImageUrl("image-error.svg");
+// const defaultImg = getImageUrl("image-error.svg");
 
 export default defineComponent({
   props: {

+ 33 - 0
src/views/admin/App.tsx

@@ -0,0 +1,33 @@
+import { css } from "@linaria/core";
+import { Layout } from "ant-design-vue";
+import { defineComponent } from "vue";
+const { Header, Content, Footer } = Layout;
+// import HeaderComponent from "../../components/layout/Header";
+// import FooterComponent from "../../components/layout/Footer";
+export default defineComponent(() => {
+  return () => (
+    <Layout>
+      <Header class={HeaderLayout}>{/* <HeaderComponent /> */}</Header>
+      <Content>
+        <router-view></router-view>
+      </Content>
+      <Footer class={FooterLayout}>{/* <FooterComponent /> */}</Footer>
+    </Layout>
+  );
+});
+const HeaderLayout = css`
+  &.ant-layout-header {
+    height: auto;
+    line-height: 1;
+    padding: 0;
+    background-color: transparent;
+  }
+`;
+const FooterLayout = css`
+  &.ant-layout-footer {
+    height: auto;
+    line-height: 1;
+    padding: 0;
+    background-color: transparent;
+  }
+`;

+ 1 - 1
src/main.ts → src/views/admin/main.ts

@@ -3,5 +3,5 @@ import App from "./App.tsx";
 import router from "./router";
 import "virtual:windi.css";
 import "ant-design-vue/dist/antd.less";
-import "./styles/main.css";
+import "@/styles/main.css";
 createApp(App).use(router).mount("#app");

+ 9 - 0
src/views/admin/pages/home/index.tsx

@@ -0,0 +1,9 @@
+import { css } from "@linaria/core";
+import { defineComponent } from "vue";
+
+export default defineComponent(() => {
+  return () => <div class={page}>1</div>;
+});
+const page = css`
+  height: 100%;
+`;

+ 1 - 2
src/router/index.ts → src/views/admin/router/index.ts

@@ -1,5 +1,4 @@
 import { createRouter, createWebHashHistory } from "vue-router";
-import HomeView from "../views/home";
 
 const router = createRouter({
   history: createWebHashHistory(),
@@ -7,7 +6,7 @@ const router = createRouter({
     {
       path: "/",
       name: "home",
-      component: HomeView,
+      component: () => import("../pages/home"),
     },
   ],
 });

+ 2 - 2
src/App.tsx → src/views/website/App.tsx

@@ -2,8 +2,8 @@ import { css } from "@linaria/core";
 import { Layout } from "ant-design-vue";
 import { defineComponent } from "vue";
 const { Header, Content, Footer } = Layout;
-import HeaderComponent from "./components/layout/Header";
-import FooterComponent from "./components/layout/Footer";
+import HeaderComponent from "@/components/layout/Header";
+import FooterComponent from "@/components/layout/Footer";
 export default defineComponent(() => {
   return () => (
     <Layout>

+ 1 - 1
src/views/home/components/Banner.tsx → src/views/website/home/components/Banner.tsx

@@ -62,7 +62,7 @@ export default defineComponent({
         <div class={"swiper_pagination"}>
           {images.length > 0 && (
             <div class={"page_dots_box"}>
-              {images.map((e, i) => {
+              {images.map((_, i) => {
                 return (
                   <div
                     class={["page_dot", state.active == i ? "active" : null]}

+ 1 - 1
src/views/home/components/Faculty.tsx → src/views/website/home/components/Faculty.tsx

@@ -21,7 +21,7 @@ export default defineComponent({
               spaceBetween={24}
               slidesPerView={5}
             >
-              {images.map((e) => {
+              {images.map(() => {
                 return (
                   <SwiperSlide>
                     <div class={"teacher_item"}>

+ 0 - 0
src/views/home/components/News.tsx → src/views/website/home/components/News.tsx


+ 1 - 3
src/views/home/components/Research.tsx → src/views/website/home/components/Research.tsx

@@ -1,9 +1,7 @@
 import { css } from "@linaria/core";
 
-import { ArrowRightOutlined } from "@ant-design/icons-vue";
-import { defineComponent, reactive } from "vue";
-import { TabPane, Tabs } from "ant-design-vue";
 import Image from "@/components/Image";
+import { defineComponent } from "vue";
 export default defineComponent({
   setup() {
     return () => (

+ 0 - 0
src/views/home/components/Services.tsx → src/views/website/home/components/Services.tsx


+ 0 - 0
src/views/home/components/Speciality.tsx → src/views/website/home/components/Speciality.tsx


+ 0 - 0
src/views/home/components/Talents.tsx → src/views/website/home/components/Talents.tsx


+ 1 - 2
src/views/home/components/Works.tsx → src/views/website/home/components/Works.tsx

@@ -1,9 +1,8 @@
 import { css } from "@linaria/core";
 
 import { ArrowRightOutlined } from "@ant-design/icons-vue";
-import { defineComponent, reactive } from "vue";
 import { TabPane, Tabs } from "ant-design-vue";
-import Image from "@/components/Image";
+import { defineComponent, reactive } from "vue";
 export default defineComponent({
   setup() {
     const tabs = [

+ 0 - 0
src/views/home/index.tsx → src/views/website/home/index.tsx


+ 7 - 0
src/views/website/main.ts

@@ -0,0 +1,7 @@
+import { createApp } from "vue";
+import App from "./App.tsx";
+import router from "./router";
+import "virtual:windi.css";
+import "ant-design-vue/dist/antd.less";
+import "@/styles/main.css";
+createApp(App).use(router).mount("#app");

+ 14 - 0
src/views/website/router/index.ts

@@ -0,0 +1,14 @@
+import { createRouter, createWebHashHistory } from "vue-router";
+
+const router = createRouter({
+  history: createWebHashHistory(),
+  routes: [
+    {
+      path: "/",
+      name: "home",
+      component: () => import("../home"),
+    },
+  ],
+});
+
+export default router;

+ 5 - 2
tsconfig.json

@@ -5,7 +5,7 @@
     "module": "ESNext",
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "skipLibCheck": true,
-
+    "baseUrl": "./",
     /* Bundler mode */
     "moduleResolution": "node",
     "allowImportingTsExtensions": true,
@@ -18,7 +18,10 @@
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true
+    "noFallthroughCasesInSwitch": true,
+    "paths": {
+      "@/*": ["src/*"]
+    }
   },
   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
   "references": [{ "path": "./tsconfig.node.json" }]

+ 10 - 1
vite.config.ts

@@ -7,10 +7,19 @@ import css from "rollup-plugin-css-only";
 import WindiCSS from "vite-plugin-windicss";
 import Components from "unplugin-vue-components/vite";
 import { AntDesignVueResolver } from "unplugin-vue-components/resolvers";
+import { resolve } from "path";
 // https://vitejs.dev/config/
 export default defineConfig({
   base: process.env.NODE_ENV == "production" ? "./" : "./",
-  build: {},
+  build: {
+    rollupOptions: {
+      input: {
+        index: resolve(__dirname, "./index.html"),
+        admin: resolve(__dirname, "./admin.html"),
+      },
+    },
+  },
+
   plugins: [
     WindiCSS(),
     linaria({