diff --git a/package-lock.json b/package-lock.json index 00453d5..70cf275 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,8 +8,10 @@ "name": "vue", "version": "0.0.0", "dependencies": { + "@element-plus/icons-vue": "^2.3.1", "axios": "^1.9.0", - "element-plus": "^2.9.9", + "element-plus": "^2.9.8", + "moment": "^2.30.1", "pinia": "^3.0.1", "vue": "^3.5.13", "vue-router": "^4.5.0", @@ -2705,6 +2707,15 @@ "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==", "license": "MIT" }, + "node_modules/moment": { + "version": "2.30.1", + "resolved": "https://registry.npmjs.org/moment/-/moment-2.30.1.tgz", + "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==", + "license": "MIT", + "engines": { + "node": "*" + } + }, "node_modules/mrmime": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz", diff --git a/package.json b/package.json index dee1412..6d3065f 100644 --- a/package.json +++ b/package.json @@ -9,8 +9,10 @@ "preview": "vite preview" }, "dependencies": { + "@element-plus/icons-vue": "^2.3.1", "axios": "^1.9.0", - "element-plus": "^2.9.9", + "element-plus": "^2.9.8", + "moment": "^2.30.1", "pinia": "^3.0.1", "vue": "^3.5.13", "vue-router": "^4.5.0", diff --git a/src/App.vue b/src/App.vue index 61fd5bc..9857248 100644 --- a/src/App.vue +++ b/src/App.vue @@ -13,4 +13,4 @@ export default { \ No newline at end of file + diff --git a/src/api/homeApi.js b/src/api/homeApi.js new file mode 100644 index 0000000..a86a02d --- /dev/null +++ b/src/api/homeApi.js @@ -0,0 +1,13 @@ +import service from "."; +const homeApi = { + //分页查询 + getHomeData(PageNo,PageSize) { + return service.post("/api/activity",{ + params:{ + PageNo, + PageSize + } + }); + } +}; +export default homeApi; diff --git a/src/api/index.js b/src/api/index.js new file mode 100644 index 0000000..f571fa3 --- /dev/null +++ b/src/api/index.js @@ -0,0 +1,5 @@ +import axios from "axios"; +const service = axios.create({ + baseURL:"http://192.168.8.235:8000" +}); +export default service; diff --git a/src/assets/base.css b/src/assets/base.css index 8816868..e69de29 100644 --- a/src/assets/base.css +++ b/src/assets/base.css @@ -1,86 +0,0 @@ -/* color palette from */ -:root { - --vt-c-white: #ffffff; - --vt-c-white-soft: #f8f8f8; - --vt-c-white-mute: #f2f2f2; - - --vt-c-black: #181818; - --vt-c-black-soft: #222222; - --vt-c-black-mute: #282828; - - --vt-c-indigo: #2c3e50; - - --vt-c-divider-light-1: rgba(60, 60, 60, 0.29); - --vt-c-divider-light-2: rgba(60, 60, 60, 0.12); - --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65); - --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48); - - --vt-c-text-light-1: var(--vt-c-indigo); - --vt-c-text-light-2: rgba(60, 60, 60, 0.66); - --vt-c-text-dark-1: var(--vt-c-white); - --vt-c-text-dark-2: rgba(235, 235, 235, 0.64); -} - -/* semantic color variables for this project */ -:root { - --color-background: var(--vt-c-white); - --color-background-soft: var(--vt-c-white-soft); - --color-background-mute: var(--vt-c-white-mute); - - --color-border: var(--vt-c-divider-light-2); - --color-border-hover: var(--vt-c-divider-light-1); - - --color-heading: var(--vt-c-text-light-1); - --color-text: var(--vt-c-text-light-1); - - --section-gap: 160px; -} - -@media (prefers-color-scheme: dark) { - :root { - --color-background: var(--vt-c-black); - --color-background-soft: var(--vt-c-black-soft); - --color-background-mute: var(--vt-c-black-mute); - - --color-border: var(--vt-c-divider-dark-2); - --color-border-hover: var(--vt-c-divider-dark-1); - - --color-heading: var(--vt-c-text-dark-1); - --color-text: var(--vt-c-text-dark-2); - } -} - -*, -*::before, -*::after { - box-sizing: border-box; - margin: 0; - font-weight: normal; -} - -body { - min-height: 100vh; - color: var(--color-text); - background: var(--color-background); - transition: - color 0.5s, - background-color 0.5s; - line-height: 1.6; - font-family: - Inter, - -apple-system, - BlinkMacSystemFont, - 'Segoe UI', - Roboto, - Oxygen, - Ubuntu, - Cantarell, - 'Fira Sans', - 'Droid Sans', - 'Helvetica Neue', - sans-serif; - font-size: 15px; - text-rendering: optimizeLegibility; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} diff --git a/src/assets/main.css b/src/assets/main.css index 36fb845..4d15ca7 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -1,5 +1,5 @@ -@import './base.css'; - +/* @import './base.css'; */ +/* #app { max-width: 1280px; margin: 0 auto; @@ -32,4 +32,4 @@ a, grid-template-columns: 1fr 1fr; padding: 0 2rem; } -} +} */ diff --git a/src/main.js b/src/main.js index 20aa8af..e1ffbce 100644 --- a/src/main.js +++ b/src/main.js @@ -8,8 +8,33 @@ import 'element-plus/dist/index.css' const app = createApp(App) // 创建vue实例 + app.use(router) // 添加路由 app.component('VotingManagement', VotingManagement) // 注册组件 app.config.globalProperties.axios = axios; // 全局挂载axios app.mount('#app') // 挂载到id为app的div上 -app.use(ElementPlus) \ No newline at end of file +app.use(ElementPlus) +import App from './App.vue' +import router from './router' + +import ElementPlus from 'element-plus' +import 'element-plus/dist/index.css' + +import * as ElementPlusIconsVue from '@element-plus/icons-vue' +import zhCn from 'element-plus/es/locale/lang/zh-cn' + + + +const app = createApp(App) + +for (const [key, component] of Object.entries(ElementPlusIconsVue)) { + app.component(key, component) + } + + app.use(ElementPlus, { + locale: zhCn, + }) +app.use(createPinia()) +app.use(router) +app.use(ElementPlus) +app.mount('#app') diff --git a/src/router/index.js b/src/router/index.js index ed474c3..5b227c4 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -1,9 +1,14 @@ import { createRouter, createWebHistory } from 'vue-router' +import ActivityManagement from '@/views/ActivityManagement.vue' const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), routes: [ - + { + path: '/', + name: 'activityManagement', + component: ActivityManagement, + }, ], }) diff --git a/src/views/ActivityManagement.vue b/src/views/ActivityManagement.vue new file mode 100644 index 0000000..89b033e --- /dev/null +++ b/src/views/ActivityManagement.vue @@ -0,0 +1,276 @@ + + + + + \ No newline at end of file