这里是游戏下载页面内容。
+您可以在这里提供各种游戏的下载链接和介绍。
+
+ Success
+
+ hello world!
+ 姓名：{{ username }}，年龄：{{ age }}
+
+
+
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+ + 美天智能科技，这里是介绍！ +
+
+
+
+
+
+
+
+
+
+ 关于我们
+ +
+
+
+
+ 商务合作
+ +
+
+ 服务支持
+ +
+
+
+ 
+
+
+ 微信公众号
+
+
+ + Copyright 2025 | All Rights By + Yunzer +
+
+ 苏ICP备2023006641号
+
+
+
+
+
+
+
diff --git a/frontend/src/views/downloadGames/index.vue b/frontend/src/views/downloadGames/index.vue
new file mode 100644
index 0000000..d0cc976
--- /dev/null
+++ b/frontend/src/views/downloadGames/index.vue
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/downloadPrograms/index.vue b/frontend/src/views/downloadPrograms/index.vue
new file mode 100644
index 0000000..aa81692
--- /dev/null
+++ b/frontend/src/views/downloadPrograms/index.vue
@@ -0,0 +1,66 @@
+
+
+
+ 游戏下载
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/index/index.vue b/frontend/src/views/index/index.vue
index 7d4d276..e50777f 100644
--- a/frontend/src/views/index/index.vue
+++ b/frontend/src/views/index/index.vue
@@ -1,24 +1,64 @@
-
+
+ 程序下载
+
+
+ 这里是程序下载页面内容。
+您可以在这里提供各种软件程序的下载链接和介绍。
+hello world!
- 姓名：{{username}}，年龄：{{age}}
-
+
+
+
+
-
-
\ No newline at end of file
+.main-content {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+}
+
+.content-wrapper {
+ flex: 1;
+ padding: 20px;
+ background-color: var(--background-color-page);
+}
+
+// 响应式设计
+@media (max-width: 768px) {
+ .content-wrapper {
+ padding: 15px;
+ }
+}
+
+@media (max-width: 480px) {
+ .content-wrapper {
+ padding: 10px;
+ }
+}
+
diff --git a/frontend/src/views/officeResources/index.vue b/frontend/src/views/officeResources/index.vue
new file mode 100644
index 0000000..00f8608
--- /dev/null
+++ b/frontend/src/views/officeResources/index.vue
@@ -0,0 +1,66 @@
+
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/siteInformation/index.vue b/frontend/src/views/siteInformation/index.vue
new file mode 100644
index 0000000..047c8cf
--- /dev/null
+++ b/frontend/src/views/siteInformation/index.vue
@@ -0,0 +1,422 @@
+
+
+
+ 办公资源
+
+
+ 这里是办公资源页面内容。
+您可以在这里分享办公模板、工具、资源等内容。
+
+
+
+
+
+
+
+
diff --git a/frontend/src/views/technicalArticles/index.vue b/frontend/src/views/technicalArticles/index.vue
new file mode 100644
index 0000000..acc3431
--- /dev/null
+++ b/frontend/src/views/technicalArticles/index.vue
@@ -0,0 +1,66 @@
+
+
+
+
+
+ 站点资讯
+
+
+ 最新的站点资讯、公告等内容。
+
+
+
+
+
+
+
+
+ 加载中...
+ 暂无内容
+
+
+
+
+
+
+
+
+ {{ article.title }}
+ +
+
+
+ + {{ + article.summary || + article.content?.substring(0, 100) + "..." + }} +
+
+
+
+
+
+
+
+
+
+
diff --git a/frontend/tsconfig.app.json b/frontend/tsconfig.app.json
index 5434266..2947118 100644
--- a/frontend/tsconfig.app.json
+++ b/frontend/tsconfig.app.json
@@ -2,7 +2,7 @@
"extends": "@vue/tsconfig/tsconfig.dom.json",
"compilerOptions": {
"tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
- "types": ["vite/client", "src/auto-imports.d.ts"],
+ "types": ["vite/client"],
"baseUrl": "./",
"paths": {
"@/*": ["src/*"]
@@ -14,8 +14,7 @@
"noUnusedParameters": true,
"erasableSyntaxOnly": true,
"noFallthroughCasesInSwitch": true,
- "noUncheckedSideEffectImports": true,
- "skipLibCheck": true
+ "noUncheckedSideEffectImports": true
},
"include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
}
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index ddb363a..4e9d21b 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -6,31 +6,59 @@ import AutoImport from "unplugin-auto-import/vite";
import Components from "unplugin-vue-components/vite";
import { ElementPlusResolver } from "unplugin-vue-components/resolvers";
-// https://vitejs.dev/config/
export default defineConfig({
+ // 开发服务器配置（可选，解决跨域等问题）
+ // server: {
+ // host: "0.0.0.0", // 允许局域网访问
+ // port: 5173, // 自定义端口
+ // open: true, // 启动后自动打开浏览器
+ // },
plugins: [
vue(),
+ // 自动导入 Vue/VueRouter/Element Plus API
AutoImport({
imports: ["vue", "vue-router"],
- resolvers: [ElementPlusResolver()],
- dts: "src/auto-imports.d.ts",
+ resolvers: [ElementPlusResolver({ importStyle: "css" })],
+ dts: path.resolve(__dirname, "src/auto-imports.d.ts"),
eslintrc: {
enabled: true,
+ filepath: path.resolve(__dirname, ".eslintrc-auto-import.json"),
},
}),
+ // 自动导入 Element Plus 组件
Components({
- resolvers: [ElementPlusResolver()],
+ dirs: ["src/components"],
+ resolvers: [ElementPlusResolver({ importStyle: "css" })],
+ dts: path.resolve(__dirname, "src/components.d.ts"),
}),
],
resolve: {
alias: {
"@": path.resolve(__dirname, "src"),
},
+ // 省略文件扩展名，导入时无需写 .vue/.scss/.js
+ extensions: [
+ ".mjs",
+ ".js",
+ ".ts",
+ ".jsx",
+ ".tsx",
+ ".json",
+ ".vue",
+ ".less",
+ ],
},
css: {
preprocessorOptions: {
- scss: {
- additionalData: '@import "./src/assets/scss/main.scss";',
+ less: {
+ // 全局注入：用函数判断，避免给 global.less 自身注入导致循环导入
+ additionalData: (content, filename) => {
+ if (!filename.includes("global.less")) {
+ return `@import "@/assets/less/global.less";${content}`;
+ }
+ return content;
+ },
+ charset: false,
},
},
},
+
+ 技术文章
+
+
+ 这里是技术文章页面内容。
+您可以在这里展示技术博客、教程、开发经验等内容。
+