8 months ago · b736084c74
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1,30 @@
 
				+# Logs
			
 
				+logs
			
 
				+*.log
			
 
				+npm-debug.log*
			
 
				+yarn-debug.log*
			
 
				+yarn-error.log*
			
 
				+pnpm-debug.log*
			
 
				+lerna-debug.log*
			
 
				+
			
 
				+node_modules
			
 
				+.DS_Store
			
 
				+dist
			
 
				+dist-ssr
			
 
				+coverage
			
 
				+*.local
			
 
				+
			
 
				+/cypress/videos/
			
 
				+/cypress/screenshots/
			
 
				+
			
 
				+# Editor directories and files
			
 
				+.vscode/*
			
 
				+!.vscode/extensions.json
			
 
				+.idea
			
 
				+*.suo
			
 
				+*.ntvs*
			
 
				+*.njsproj
			
 
				+*.sln
			
 
				+*.sw?
			
 
				+
			
 
				+*.tsbuildinfo
			
--- a/package.json
+++ b/package.json
@@ -0,0 +1,11 @@
 
				+{
			
 
				+  "name": "yz-enamel-exhibition",
			
 
				+  "version": "1.0.0",
			
 
				+  "description": "",
			
 
				+  "main": "index.js",
			
 
				+  "scripts": {
			
 
				+    "test": "echo \"Error: no test specified\" && exit 1"
			
 
				+  },
			
 
				+  "author": "",
			
 
				+  "license": "ISC"
			
 
				+}
			
--- a/packages/mobile/index.html
+++ b/packages/mobile/index.html
@@ -0,0 +1,13 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="">
			
 
				+  <head>
			
 
				+    <meta charset="UTF-8" />
			
 
				+    <link rel="icon" href="/favicon.ico" />
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
			
 
				+    <title>馆藏珐琅器精品展</title>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <div id="app"></div>
			
 
				+    <script type="module" src="/src/main.js"></script>
			
 
				+  </body>
			
 
				+</html>
			
--- a/packages/mobile/jsconfig.json
+++ b/packages/mobile/jsconfig.json
@@ -0,0 +1,8 @@
 
				+{
			
 
				+  "compilerOptions": {
			
 
				+    "paths": {
			
 
				+      "@/*": ["./src/*"]
			
 
				+    }
			
 
				+  },
			
 
				+  "exclude": ["node_modules", "dist"]
			
 
				+}
			
--- a/packages/mobile/package.json
+++ b/packages/mobile/package.json
@@ -0,0 +1,27 @@
 
				+{
			
 
				+  "name": "@enamel/pc",
			
 
				+  "version": "0.0.0",
			
 
				+  "private": true,
			
 
				+  "type": "module",
			
 
				+  "scripts": {
			
 
				+    "dev": "vite",
			
 
				+    "build": "vite build",
			
 
				+    "preview": "vite preview"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "element-plus": "^2.9.0",
			
 
				+    "pinia": "^2.2.6",
			
 
				+    "vue": "^3.5.13",
			
 
				+    "vue-router": "^4.4.5"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@vitejs/plugin-vue": "^5.2.1",
			
 
				+    "autoprefixer": "^10.4.20",
			
 
				+    "postcss-px-to-viewport": "^1.1.1",
			
 
				+    "sass": "^1.82.0",
			
 
				+    "unplugin-auto-import": "^0.18.6",
			
 
				+    "unplugin-vue-components": "^0.27.5",
			
 
				+    "vite": "^6.0.1",
			
 
				+    "vite-plugin-vue-devtools": "^7.6.5"
			
 
				+  }
			
 
				+}
			
--- a/packages/mobile/postcss.config.js
+++ b/packages/mobile/postcss.config.js
@@ -0,0 +1,22 @@
 
				+export default {

			
 
				+  plugins: {

			
 
				+    autoprefixer: {},

			
 
				+    "postcss-px-to-viewport": {

			
 
				+      unitToConvert: "px", // 需要转换的单位，默认为"px"

			
 
				+      viewportWidth: 1920, // 设计稿的视口宽度

			
 
				+      unitPrecision: 5, // 单位转换后保留的精度

			
 
				+      propList: ["*"], // 能转化为vw的属性列表

			
 
				+      viewportUnit: "vw", // 希望使用的视口单位

			
 
				+      fontViewportUnit: "vw", // 字体使用的视口单位

			
 
				+      selectorBlackList: [], // 需要忽略的CSS选择器，不会转为视口单位，使用原有的px等单位。

			
 
				+      minPixelValue: 1, // 设置最小的转换数值，如果为1的话，只有大于1的值会被转换

			
 
				+      mediaQuery: true, // 媒体查询里的单位是否需要转换单位

			
 
				+      replace: true, //  是否直接更换属性值，而不添加备用属性

			
 
				+      exclude: undefined, // 忽略某些文件夹下的文件或特定文件，例如 'node_modules' 下的文件

			
 
				+      include: undefined, // 如果设置了include，那将只有匹配到的文件才会被转换

			
 
				+      landscape: false, // 是否添加根据 landscapeWidth 生成的媒体查询条件 @media (orientation: landscape)

			
 
				+      landscapeUnit: "vw", // 横屏时使用的单位

			
 
				+      landscapeWidth: 1920, // 横屏时使用的视口宽度

			
 
				+    },

			
 
				+  },

			
 
				+};

			
--- a/packages/mobile/public/favicon.ico
+++ b/packages/mobile/public/favicon.ico
--- a/packages/mobile/src/App.vue
+++ b/packages/mobile/src/App.vue
@@ -0,0 +1,21 @@
 
				+<script setup>
			
 
				+import { RouterView } from "vue-router";
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <RouterView />
			
 
				+</template>
			
 
				+
			
 
				+<style>
			
 
				+:root {
			
 
				+  --design-width: 1920;
			
 
				+  --design-height: 1080;
			
 
				+}
			
 
				+
			
 
				+@media screen and (max-width: 768px) {
			
 
				+  :root {
			
 
				+    --design-width: 750;
			
 
				+    --design-height: 1624;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/packages/mobile/src/assets/fonts/SOURCEHANSERIFCN-BOLD.OTF
+++ b/packages/mobile/src/assets/fonts/SOURCEHANSERIFCN-BOLD.OTF
--- a/packages/mobile/src/assets/fonts/SOURCEHANSERIFCN-REGULAR.OTF
+++ b/packages/mobile/src/assets/fonts/SOURCEHANSERIFCN-REGULAR.OTF
--- a/packages/mobile/src/assets/main.css
+++ b/packages/mobile/src/assets/main.css
@@ -0,0 +1,101 @@
 
				+:root {
			
 
				+  --z-index-normal: 1;
			
 
				+  --z-index-top: 1000;
			
 
				+  --z-index-popper: 2000;
			
 
				+  --z-hot-popper: 3000;
			
 
				+}
			
 
				+
			
 
				+body,
			
 
				+ol,
			
 
				+ul,
			
 
				+h1,
			
 
				+h2,
			
 
				+h3,
			
 
				+h4,
			
 
				+h5,
			
 
				+h6,
			
 
				+p,
			
 
				+th,
			
 
				+td,
			
 
				+dl,
			
 
				+dd,
			
 
				+form,
			
 
				+fieldset,
			
 
				+legend,
			
 
				+input,
			
 
				+textarea,
			
 
				+select {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+}
			
 
				+* {
			
 
				+  box-sizing: border-box;
			
 
				+  user-select: none;
			
 
				+}
			
 
				+body {
			
 
				+  color: #352a28;
			
 
				+  text-align: justify;
			
 
				+  font-family: "SourceHanSerifSC-Regular";
			
 
				+  -webkit-tap-highlight-color: transparent;
			
 
				+}
			
 
				+a {
			
 
				+  color: #fff;
			
 
				+  cursor: pointer;
			
 
				+  text-decoration: none;
			
 
				+}
			
 
				+em {
			
 
				+  font-style: normal;
			
 
				+}
			
 
				+li {
			
 
				+  list-style: none;
			
 
				+}
			
 
				+img {
			
 
				+  border: 0;
			
 
				+  vertical-align: middle;
			
 
				+}
			
 
				+table {
			
 
				+  border-collapse: collapse;
			
 
				+  border-spacing: 0;
			
 
				+}
			
 
				+p {
			
 
				+  word-wrap: break-word;
			
 
				+}
			
 
				+iframe {
			
 
				+  border: none;
			
 
				+}
			
 
				+
			
 
				+@font-face {
			
 
				+  font-family: "SourceHanSerifSC-Bold";
			
 
				+  src: url("./fonts/SOURCEHANSERIFCN-BOLD.otf");
			
 
				+}
			
 
				+@font-face {
			
 
				+  font-family: "SourceHanSerifSC-Regular";
			
 
				+  src: url("./fonts/SOURCEHANSERIFCN-REGULAR.otf");
			
 
				+}
			
 
				+
			
 
				+.timesi {
			
 
				+  font-family: "timesi";
			
 
				+}
			
 
				+
			
 
				+.limit-line {
			
 
				+  display: -webkit-box;
			
 
				+  overflow: hidden;
			
 
				+  text-overflow: ellipsis;
			
 
				+  -webkit-line-clamp: 1;
			
 
				+  -webkit-box-orient: vertical;
			
 
				+  word-break: break-all;
			
 
				+  word-wrap: break-word;
			
 
				+}
			
 
				+
			
 
				+.line-2 {
			
 
				+  -webkit-line-clamp: 2;
			
 
				+}
			
 
				+
			
 
				+.line-3 {
			
 
				+  -webkit-line-clamp: 3;
			
 
				+}
			
 
				+
			
 
				+.hidden {
			
 
				+  display: none !important;
			
 
				+  visibility: hidden !important;
			
 
				+}
			
--- a/packages/mobile/src/assets/utils.scss
+++ b/packages/mobile/src/assets/utils.scss
@@ -0,0 +1,7 @@
 
				+@function vh-calc($num) {

			
 
				+  @return calc(100vh * ($num / var(--design-height)));

			
 
				+}

			
 
				+

			
 
				+@function vw-calc($num) {

			
 
				+  @return calc(100vw * ($num / var(--design-width)));

			
 
				+}

			
--- a/packages/mobile/src/main.js
+++ b/packages/mobile/src/main.js
@@ -0,0 +1,14 @@
 
				+import "./assets/main.css";
			
 
				+
			
 
				+import { createApp } from "vue";
			
 
				+import { createPinia } from "pinia";
			
 
				+
			
 
				+import App from "./App.vue";
			
 
				+import router from "./router";
			
 
				+
			
 
				+const app = createApp(App);
			
 
				+
			
 
				+app.use(createPinia());
			
 
				+app.use(router);
			
 
				+
			
 
				+app.mount("#app");
			
--- a/packages/mobile/src/router/index.js
+++ b/packages/mobile/src/router/index.js
@@ -0,0 +1,14 @@
 
				+import { createRouter, createWebHashHistory } from "vue-router";
			
 
				+
			
 
				+const router = createRouter({
			
 
				+  history: createWebHashHistory(import.meta.env.BASE_URL),
			
 
				+  routes: [
			
 
				+    {
			
 
				+      path: "/",
			
 
				+      name: "home",
			
 
				+      component: () => import("../views/Home/index.vue"),
			
 
				+    },
			
 
				+  ],
			
 
				+});
			
 
				+
			
 
				+export default router;
			
--- a/packages/mobile/src/stores/counter.js
+++ b/packages/mobile/src/stores/counter.js
@@ -0,0 +1,12 @@
 
				+import { ref, computed } from 'vue'
			
 
				+import { defineStore } from 'pinia'
			
 
				+
			
 
				+export const useCounterStore = defineStore('counter', () => {
			
 
				+  const count = ref(0)
			
 
				+  const doubleCount = computed(() => count.value * 2)
			
 
				+  function increment() {
			
 
				+    count.value++
			
 
				+  }
			
 
				+
			
 
				+  return { count, doubleCount, increment }
			
 
				+})
			
--- a/packages/mobile/src/utils.ts
+++ b/packages/mobile/src/utils.ts
@@ -0,0 +1,20 @@
 
				+import { ref, onMounted } from "vue";

			
 
				+

			
 
				+export function useMobile() {

			
 
				+  const isMobile = ref(false);

			
 
				+

			
 
				+  const checkIsMobile = () => {

			
 
				+    isMobile.value = Boolean(

			
 
				+      navigator.userAgent.match(

			
 
				+        /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i

			
 
				+      )

			
 
				+    );

			
 
				+  };

			
 
				+

			
 
				+  onMounted(() => {

			
 
				+    checkIsMobile();

			
 
				+    window.addEventListener("resize", checkIsMobile);

			
 
				+  });

			
 
				+

			
 
				+  return { isMobile };

			
 
				+}

			
--- a/packages/mobile/src/views/Home/index.scss
+++ b/packages/mobile/src/views/Home/index.scss
@@ -0,0 +1 @@
 
				+@use "@/assets/utils.scss";

			
--- a/packages/mobile/src/views/Home/index.vue
+++ b/packages/mobile/src/views/Home/index.vue
@@ -0,0 +1,7 @@
 
				+<template>

			
 
				+  <div class="home"></div>

			
 
				+</template>

			
 
				+

			
 
				+<style lang="scss" scoped>

			
 
				+@use "./index.scss";

			
 
				+</style>

			
--- a/packages/mobile/vite.config.js
+++ b/packages/mobile/vite.config.js
@@ -0,0 +1,29 @@
 
				+import { fileURLToPath, URL } from "node:url";
			
 
				+
			
 
				+import { defineConfig } from "vite";
			
 
				+import vue from "@vitejs/plugin-vue";
			
 
				+import AutoImport from "unplugin-auto-import/vite";
			
 
				+import Components from "unplugin-vue-components/vite";
			
 
				+import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
			
 
				+
			
 
				+// https://vite.dev/config/
			
 
				+export default defineConfig({
			
 
				+  base: "./",
			
 
				+  plugins: [
			
 
				+    vue(),
			
 
				+    AutoImport({
			
 
				+      resolvers: [ElementPlusResolver()],
			
 
				+    }),
			
 
				+    Components({
			
 
				+      resolvers: [ElementPlusResolver()],
			
 
				+    }),
			
 
				+  ],
			
 
				+  server: {
			
 
				+    host: "0.0.0.0",
			
 
				+  },
			
 
				+  resolve: {
			
 
				+    alias: {
			
 
				+      "@": fileURLToPath(new URL("./src", import.meta.url)),
			
 
				+    },
			
 
				+  },
			
 
				+});
			
--- a/packages/pc/index.html
+++ b/packages/pc/index.html
@@ -0,0 +1,13 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="">
			
 
				+  <head>
			
 
				+    <meta charset="UTF-8" />
			
 
				+    <link rel="icon" href="/favicon.ico" />
			
 
				+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
			
 
				+    <title>馆藏珐琅器精品展</title>
			
 
				+  </head>
			
 
				+  <body>
			
 
				+    <div id="app"></div>
			
 
				+    <script type="module" src="/src/main.js"></script>
			
 
				+  </body>
			
 
				+</html>
			
--- a/packages/pc/jsconfig.json
+++ b/packages/pc/jsconfig.json
@@ -0,0 +1,8 @@
 
				+{
			
 
				+  "compilerOptions": {
			
 
				+    "paths": {
			
 
				+      "@/*": ["./src/*"]
			
 
				+    }
			
 
				+  },
			
 
				+  "exclude": ["node_modules", "dist"]
			
 
				+}
			
--- a/packages/pc/package.json
+++ b/packages/pc/package.json
@@ -0,0 +1,27 @@
 
				+{
			
 
				+  "name": "@enamel/pc",
			
 
				+  "version": "0.0.0",
			
 
				+  "private": true,
			
 
				+  "type": "module",
			
 
				+  "scripts": {
			
 
				+    "dev": "vite",
			
 
				+    "build": "vite build",
			
 
				+    "preview": "vite preview"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "element-plus": "^2.9.0",
			
 
				+    "pinia": "^2.2.6",
			
 
				+    "vue": "^3.5.13",
			
 
				+    "vue-router": "^4.4.5"
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "@vitejs/plugin-vue": "^5.2.1",
			
 
				+    "autoprefixer": "^10.4.20",
			
 
				+    "postcss-px-to-viewport": "^1.1.1",
			
 
				+    "sass": "^1.82.0",
			
 
				+    "unplugin-auto-import": "^0.18.6",
			
 
				+    "unplugin-vue-components": "^0.27.5",
			
 
				+    "vite": "^6.0.1",
			
 
				+    "vite-plugin-vue-devtools": "^7.6.5"
			
 
				+  }
			
 
				+}
			
--- a/packages/pc/postcss.config.js
+++ b/packages/pc/postcss.config.js
@@ -0,0 +1,22 @@
 
				+export default {

			
 
				+  plugins: {

			
 
				+    autoprefixer: {},

			
 
				+    "postcss-px-to-viewport": {

			
 
				+      unitToConvert: "px", // 需要转换的单位，默认为"px"

			
 
				+      viewportWidth: 1920, // 设计稿的视口宽度

			
 
				+      unitPrecision: 5, // 单位转换后保留的精度

			
 
				+      propList: ["*"], // 能转化为vw的属性列表

			
 
				+      viewportUnit: "vw", // 希望使用的视口单位

			
 
				+      fontViewportUnit: "vw", // 字体使用的视口单位

			
 
				+      selectorBlackList: [], // 需要忽略的CSS选择器，不会转为视口单位，使用原有的px等单位。

			
 
				+      minPixelValue: 1, // 设置最小的转换数值，如果为1的话，只有大于1的值会被转换

			
 
				+      mediaQuery: true, // 媒体查询里的单位是否需要转换单位

			
 
				+      replace: true, //  是否直接更换属性值，而不添加备用属性

			
 
				+      exclude: undefined, // 忽略某些文件夹下的文件或特定文件，例如 'node_modules' 下的文件

			
 
				+      include: undefined, // 如果设置了include，那将只有匹配到的文件才会被转换

			
 
				+      landscape: false, // 是否添加根据 landscapeWidth 生成的媒体查询条件 @media (orientation: landscape)

			
 
				+      landscapeUnit: "vw", // 横屏时使用的单位

			
 
				+      landscapeWidth: 1920, // 横屏时使用的视口宽度

			
 
				+    },

			
 
				+  },

			
 
				+};

			
--- a/packages/pc/public/favicon.ico
+++ b/packages/pc/public/favicon.ico
--- a/packages/pc/src/App.vue
+++ b/packages/pc/src/App.vue
@@ -0,0 +1,21 @@
 
				+<script setup>
			
 
				+import { RouterView } from "vue-router";
			
 
				+</script>
			
 
				+
			
 
				+<template>
			
 
				+  <RouterView />
			
 
				+</template>
			
 
				+
			
 
				+<style>
			
 
				+:root {
			
 
				+  --design-width: 1920;
			
 
				+  --design-height: 1080;
			
 
				+}
			
 
				+
			
 
				+@media screen and (max-width: 768px) {
			
 
				+  :root {
			
 
				+    --design-width: 750;
			
 
				+    --design-height: 1624;
			
 
				+  }
			
 
				+}
			
 
				+</style>
			
--- a/packages/pc/src/assets/fonts/SOURCEHANSERIFCN-BOLD.OTF
+++ b/packages/pc/src/assets/fonts/SOURCEHANSERIFCN-BOLD.OTF
--- a/packages/pc/src/assets/fonts/SOURCEHANSERIFCN-REGULAR.OTF
+++ b/packages/pc/src/assets/fonts/SOURCEHANSERIFCN-REGULAR.OTF
--- a/packages/pc/src/assets/main.css
+++ b/packages/pc/src/assets/main.css
@@ -0,0 +1,101 @@
 
				+:root {
			
 
				+  --z-index-normal: 1;
			
 
				+  --z-index-top: 1000;
			
 
				+  --z-index-popper: 2000;
			
 
				+  --z-hot-popper: 3000;
			
 
				+}
			
 
				+
			
 
				+body,
			
 
				+ol,
			
 
				+ul,
			
 
				+h1,
			
 
				+h2,
			
 
				+h3,
			
 
				+h4,
			
 
				+h5,
			
 
				+h6,
			
 
				+p,
			
 
				+th,
			
 
				+td,
			
 
				+dl,
			
 
				+dd,
			
 
				+form,
			
 
				+fieldset,
			
 
				+legend,
			
 
				+input,
			
 
				+textarea,
			
 
				+select {
			
 
				+  margin: 0;
			
 
				+  padding: 0;
			
 
				+}
			
 
				+* {
			
 
				+  box-sizing: border-box;
			
 
				+  user-select: none;
			
 
				+}
			
 
				+body {
			
 
				+  color: #352a28;
			
 
				+  text-align: justify;
			
 
				+  font-family: "SourceHanSerifSC-Regular";
			
 
				+  -webkit-tap-highlight-color: transparent;
			
 
				+}
			
 
				+a {
			
 
				+  color: #fff;
			
 
				+  cursor: pointer;
			
 
				+  text-decoration: none;
			
 
				+}
			
 
				+em {
			
 
				+  font-style: normal;
			
 
				+}
			
 
				+li {
			
 
				+  list-style: none;
			
 
				+}
			
 
				+img {
			
 
				+  border: 0;
			
 
				+  vertical-align: middle;
			
 
				+}
			
 
				+table {
			
 
				+  border-collapse: collapse;
			
 
				+  border-spacing: 0;
			
 
				+}
			
 
				+p {
			
 
				+  word-wrap: break-word;
			
 
				+}
			
 
				+iframe {
			
 
				+  border: none;
			
 
				+}
			
 
				+
			
 
				+@font-face {
			
 
				+  font-family: "SourceHanSerifSC-Bold";
			
 
				+  src: url("./fonts/SOURCEHANSERIFCN-BOLD.otf");
			
 
				+}
			
 
				+@font-face {
			
 
				+  font-family: "SourceHanSerifSC-Regular";
			
 
				+  src: url("./fonts/SOURCEHANSERIFCN-REGULAR.otf");
			
 
				+}
			
 
				+
			
 
				+.timesi {
			
 
				+  font-family: "timesi";
			
 
				+}
			
 
				+
			
 
				+.limit-line {
			
 
				+  display: -webkit-box;
			
 
				+  overflow: hidden;
			
 
				+  text-overflow: ellipsis;
			
 
				+  -webkit-line-clamp: 1;
			
 
				+  -webkit-box-orient: vertical;
			
 
				+  word-break: break-all;
			
 
				+  word-wrap: break-word;
			
 
				+}
			
 
				+
			
 
				+.line-2 {
			
 
				+  -webkit-line-clamp: 2;
			
 
				+}
			
 
				+
			
 
				+.line-3 {
			
 
				+  -webkit-line-clamp: 3;
			
 
				+}
			
 
				+
			
 
				+.hidden {
			
 
				+  display: none !important;
			
 
				+  visibility: hidden !important;
			
 
				+}
			
--- a/packages/pc/src/assets/utils.scss
+++ b/packages/pc/src/assets/utils.scss
@@ -0,0 +1,7 @@
 
				+@function vh-calc($num) {

			
 
				+  @return calc(100vh * ($num / var(--design-height)));

			
 
				+}

			
 
				+

			
 
				+@function vw-calc($num) {

			
 
				+  @return calc(100vw * ($num / var(--design-width)));

			
 
				+}

			
--- a/packages/pc/src/main.js
+++ b/packages/pc/src/main.js
@@ -0,0 +1,14 @@
 
				+import "./assets/main.css";
			
 
				+
			
 
				+import { createApp } from "vue";
			
 
				+import { createPinia } from "pinia";
			
 
				+
			
 
				+import App from "./App.vue";
			
 
				+import router from "./router";
			
 
				+
			
 
				+const app = createApp(App);
			
 
				+
			
 
				+app.use(createPinia());
			
 
				+app.use(router);
			
 
				+
			
 
				+app.mount("#app");
			
--- a/packages/pc/src/router/index.js
+++ b/packages/pc/src/router/index.js
@@ -0,0 +1,14 @@
 
				+import { createRouter, createWebHashHistory } from "vue-router";
			
 
				+
			
 
				+const router = createRouter({
			
 
				+  history: createWebHashHistory(import.meta.env.BASE_URL),
			
 
				+  routes: [
			
 
				+    {
			
 
				+      path: "/",
			
 
				+      name: "home",
			
 
				+      component: () => import("../views/Home/index.vue"),
			
 
				+    },
			
 
				+  ],
			
 
				+});
			
 
				+
			
 
				+export default router;
			
--- a/packages/pc/src/stores/counter.js
+++ b/packages/pc/src/stores/counter.js
@@ -0,0 +1,12 @@
 
				+import { ref, computed } from 'vue'
			
 
				+import { defineStore } from 'pinia'
			
 
				+
			
 
				+export const useCounterStore = defineStore('counter', () => {
			
 
				+  const count = ref(0)
			
 
				+  const doubleCount = computed(() => count.value * 2)
			
 
				+  function increment() {
			
 
				+    count.value++
			
 
				+  }
			
 
				+
			
 
				+  return { count, doubleCount, increment }
			
 
				+})
			
--- a/packages/pc/src/utils.ts
+++ b/packages/pc/src/utils.ts
@@ -0,0 +1,20 @@
 
				+import { ref, onMounted } from "vue";

			
 
				+

			
 
				+export function useMobile() {

			
 
				+  const isMobile = ref(false);

			
 
				+

			
 
				+  const checkIsMobile = () => {

			
 
				+    isMobile.value = Boolean(

			
 
				+      navigator.userAgent.match(

			
 
				+        /(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i

			
 
				+      )

			
 
				+    );

			
 
				+  };

			
 
				+

			
 
				+  onMounted(() => {

			
 
				+    checkIsMobile();

			
 
				+    window.addEventListener("resize", checkIsMobile);

			
 
				+  });

			
 
				+

			
 
				+  return { isMobile };

			
 
				+}

			
--- a/packages/pc/src/views/Home/index.scss
+++ b/packages/pc/src/views/Home/index.scss
@@ -0,0 +1 @@
 
				+@use "@/assets/utils.scss";

			
--- a/packages/pc/src/views/Home/index.vue
+++ b/packages/pc/src/views/Home/index.vue
@@ -0,0 +1,7 @@
 
				+<template>

			
 
				+  <div class="home"></div>

			
 
				+</template>

			
 
				+

			
 
				+<style lang="scss" scoped>

			
 
				+@use "./index.scss";

			
 
				+</style>

			
--- a/packages/pc/vite.config.js
+++ b/packages/pc/vite.config.js
@@ -0,0 +1,29 @@
 
				+import { fileURLToPath, URL } from "node:url";
			
 
				+
			
 
				+import { defineConfig } from "vite";
			
 
				+import vue from "@vitejs/plugin-vue";
			
 
				+import AutoImport from "unplugin-auto-import/vite";
			
 
				+import Components from "unplugin-vue-components/vite";
			
 
				+import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
			
 
				+
			
 
				+// https://vite.dev/config/
			
 
				+export default defineConfig({
			
 
				+  base: "./",
			
 
				+  plugins: [
			
 
				+    vue(),
			
 
				+    AutoImport({
			
 
				+      resolvers: [ElementPlusResolver()],
			
 
				+    }),
			
 
				+    Components({
			
 
				+      resolvers: [ElementPlusResolver()],
			
 
				+    }),
			
 
				+  ],
			
 
				+  server: {
			
 
				+    host: "0.0.0.0",
			
 
				+  },
			
 
				+  resolve: {
			
 
				+    alias: {
			
 
				+      "@": fileURLToPath(new URL("./src", import.meta.url)),
			
 
				+    },
			
 
				+  },
			
 
				+});
			
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -0,0 +1,2 @@
 
				+packages:

			
 
				+  - "packages/*"