diff --git a/README.md b/README.md index 0f714a2..dd08cb6 100644 --- a/README.md +++ b/README.md @@ -27,3 +27,5 @@ npm run dev ```sh npm run build ``` + +npm install element-plus --save 下载 element-plus 组件 diff --git a/index.html b/index.html index b19040a..51e10fc 100644 --- a/index.html +++ b/index.html @@ -11,3 +11,9 @@ + + \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 81ae0be..fb52225 100644 --- a/package-lock.json +++ b/package-lock.json @@ -10,6 +10,7 @@ "dependencies": { "axios": "^1.7.9", "element-plus": "^2.9.1", + "moment": "^2.30.1", "pinia": "^2.2.6", "vue": "^3.5.13", "vue-router": "^4.4.5" @@ -491,7 +492,7 @@ }, "node_modules/@ctrl/tinycolor": { "version": "3.6.1", - "resolved": "https://registry.npmmirror.com/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz", "integrity": "sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==", "license": "MIT", "engines": { @@ -500,7 +501,7 @@ }, "node_modules/@element-plus/icons-vue": { "version": "2.3.1", - "resolved": "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.3.1.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/@element-plus/icons-vue/-/icons-vue-2.3.1.tgz", "integrity": "sha512-XxVUZv48RZAd87ucGS48jPf6pKu0yV5UCg9f4FFwtrYxXOwWuVJo6wOvSLKEoMQKjv8GsX/mhP6UsC1lRwbUWg==", "license": "MIT", "peerDependencies": { @@ -917,7 +918,7 @@ }, "node_modules/@floating-ui/core": { "version": "1.6.8", - "resolved": "https://registry.npmmirror.com/@floating-ui/core/-/core-1.6.8.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/@floating-ui/core/-/core-1.6.8.tgz", "integrity": "sha512-7XJ9cPU+yI2QeLS+FCSlqNFZJq8arvswefkZrYI1yQBbftw6FyrZOxYSh+9S7z7TpeWlRt9zJ5IhM1WIL334jA==", "license": "MIT", "dependencies": { @@ -926,7 +927,7 @@ }, "node_modules/@floating-ui/dom": { "version": "1.6.12", - "resolved": "https://registry.npmmirror.com/@floating-ui/dom/-/dom-1.6.12.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/@floating-ui/dom/-/dom-1.6.12.tgz", "integrity": "sha512-NP83c0HjokcGVEMeoStg317VD9W7eDlGK7457dMBANbKA6GJZdc7rjujdgqzTaz93jkGgc5P/jeWbaCHnMNc+w==", "license": "MIT", "dependencies": { @@ -936,7 +937,7 @@ }, "node_modules/@floating-ui/utils": { "version": "0.2.8", - "resolved": "https://registry.npmmirror.com/@floating-ui/utils/-/utils-0.2.8.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/@floating-ui/utils/-/utils-0.2.8.tgz", "integrity": "sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==", "license": "MIT" }, @@ -1002,7 +1003,7 @@ "node_modules/@popperjs/core": { "name": "@sxzz/popperjs-es", "version": "2.11.7", - "resolved": "https://registry.npmmirror.com/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz", "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==", "license": "MIT", "funding": { @@ -1328,13 +1329,13 @@ }, "node_modules/@types/lodash": { "version": "4.17.13", - "resolved": "https://registry.npmmirror.com/@types/lodash/-/lodash-4.17.13.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/@types/lodash/-/lodash-4.17.13.tgz", "integrity": "sha512-lfx+dftrEZcdBPczf9d0Qv0x+j/rfNCMuC6OcfXmO8gkfeNAY88PgKUbvG56whcN23gc27yenwF6oJZXGFpYxg==", "license": "MIT" }, "node_modules/@types/lodash-es": { "version": "4.17.12", - "resolved": "https://registry.npmmirror.com/@types/lodash-es/-/lodash-es-4.17.12.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/@types/lodash-es/-/lodash-es-4.17.12.tgz", "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==", "license": "MIT", "dependencies": { @@ -1343,7 +1344,7 @@ }, "node_modules/@types/web-bluetooth": { "version": "0.0.16", - "resolved": "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz", "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==", "license": "MIT" }, @@ -1583,7 +1584,7 @@ }, "node_modules/@vueuse/core": { "version": "9.13.0", - "resolved": "https://registry.npmmirror.com/@vueuse/core/-/core-9.13.0.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/@vueuse/core/-/core-9.13.0.tgz", "integrity": "sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==", "license": "MIT", "dependencies": { @@ -1598,7 +1599,7 @@ }, "node_modules/@vueuse/metadata": { "version": "9.13.0", - "resolved": "https://registry.npmmirror.com/@vueuse/metadata/-/metadata-9.13.0.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/@vueuse/metadata/-/metadata-9.13.0.tgz", "integrity": "sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==", "license": "MIT", "funding": { @@ -1607,7 +1608,7 @@ }, "node_modules/@vueuse/shared": { "version": "9.13.0", - "resolved": "https://registry.npmmirror.com/@vueuse/shared/-/shared-9.13.0.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/@vueuse/shared/-/shared-9.13.0.tgz", "integrity": "sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==", "license": "MIT", "dependencies": { @@ -1619,19 +1620,19 @@ }, "node_modules/async-validator": { "version": "4.2.5", - "resolved": "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/async-validator/-/async-validator-4.2.5.tgz", "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==", "license": "MIT" }, "node_modules/asynckit": { "version": "0.4.0", - "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/asynckit/-/asynckit-0.4.0.tgz", "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==", "license": "MIT" }, "node_modules/axios": { "version": "1.7.9", - "resolved": "https://registry.npmmirror.com/axios/-/axios-1.7.9.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/axios/-/axios-1.7.9.tgz", "integrity": "sha512-LhLcE7Hbiryz8oMDdDptSrWowmB4Bl6RCt6sIJKpRB4XtVf0iEgewX3au/pJqm+Py1kCASkb/FFKjxQaLtxJvw==", "license": "MIT", "dependencies": { @@ -1722,7 +1723,7 @@ }, "node_modules/combined-stream": { "version": "1.0.8", - "resolved": "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/combined-stream/-/combined-stream-1.0.8.tgz", "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==", "license": "MIT", "dependencies": { @@ -1778,7 +1779,7 @@ }, "node_modules/dayjs": { "version": "1.11.13", - "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.13.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/dayjs/-/dayjs-1.11.13.tgz", "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==", "license": "MIT" }, @@ -1845,7 +1846,7 @@ }, "node_modules/delayed-stream": { "version": "1.0.0", - "resolved": "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/delayed-stream/-/delayed-stream-1.0.0.tgz", "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==", "license": "MIT", "engines": { @@ -1861,7 +1862,7 @@ }, "node_modules/element-plus": { "version": "2.9.1", - "resolved": "https://registry.npmmirror.com/element-plus/-/element-plus-2.9.1.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/element-plus/-/element-plus-2.9.1.tgz", "integrity": "sha512-9Agqf/jt4Ugk7EZ6C5LME71sgkvauPCsnvJN12Xid2XVobjufxMGpRE4L7pS4luJMOmFAH3J0NgYEGZT5r+NDg==", "license": "MIT", "dependencies": { @@ -1959,7 +1960,7 @@ }, "node_modules/escape-html": { "version": "1.0.3", - "resolved": "https://registry.npmmirror.com/escape-html/-/escape-html-1.0.3.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/escape-html/-/escape-html-1.0.3.tgz", "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==", "license": "MIT" }, @@ -2014,7 +2015,7 @@ }, "node_modules/follow-redirects": { "version": "1.15.9", - "resolved": "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.9.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/follow-redirects/-/follow-redirects-1.15.9.tgz", "integrity": "sha512-gew4GsXizNgdoRyqmyfMHyAmXsZDk6mHkSxZFCzW9gwlbtOW44CDtYavM+y+72qD/Vq2l550kMF52DT8fOLJqQ==", "funding": [ { @@ -2034,7 +2035,7 @@ }, "node_modules/form-data": { "version": "4.0.1", - "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.1.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/form-data/-/form-data-4.0.1.tgz", "integrity": "sha512-tzN8e4TX8+kkxGPK8D5u0FNmjPUjw3lwC9lSLxxoB/+GtsJG91CO8bSWy73APlgAZzZbXEYZJuxjkHH2w+Ezhw==", "license": "MIT", "dependencies": { @@ -2315,19 +2316,19 @@ }, "node_modules/lodash": { "version": "4.17.21", - "resolved": "https://registry.npmmirror.com/lodash/-/lodash-4.17.21.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/lodash/-/lodash-4.17.21.tgz", "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==", "license": "MIT" }, "node_modules/lodash-es": { "version": "4.17.21", - "resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.21.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/lodash-es/-/lodash-es-4.17.21.tgz", "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==", "license": "MIT" }, "node_modules/lodash-unified": { "version": "1.0.3", - "resolved": "https://registry.npmmirror.com/lodash-unified/-/lodash-unified-1.0.3.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/lodash-unified/-/lodash-unified-1.0.3.tgz", "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==", "license": "MIT", "peerDependencies": { @@ -2357,13 +2358,13 @@ }, "node_modules/memoize-one": { "version": "6.0.0", - "resolved": "https://registry.npmmirror.com/memoize-one/-/memoize-one-6.0.0.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/memoize-one/-/memoize-one-6.0.0.tgz", "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==", "license": "MIT" }, "node_modules/mime-db": { "version": "1.52.0", - "resolved": "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/mime-db/-/mime-db-1.52.0.tgz", "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==", "license": "MIT", "engines": { @@ -2372,7 +2373,7 @@ }, "node_modules/mime-types": { "version": "2.1.35", - "resolved": "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/mime-types/-/mime-types-2.1.35.tgz", "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==", "license": "MIT", "dependencies": { @@ -2389,6 +2390,15 @@ "dev": true, "license": "MIT" }, + "node_modules/moment": { + "version": "2.30.1", + "resolved": "https://registry.npmmirror.com/moment/-/moment-2.30.1.tgz", + "integrity": "sha512-uEmtNhbDOrWPFS+hdjFCBfy9f2YoyzRpwcl+DqpC6taX21FzsTLQVbMV/W7PzNSX6x/bhC1zA3c2UQ5NzH6how==", + "license": "MIT", + "engines": { + "node": "*" + } + }, "node_modules/mrmime": { "version": "2.0.0", "resolved": "https://registry.npmmirror.com/mrmime/-/mrmime-2.0.0.tgz", @@ -2433,7 +2443,7 @@ }, "node_modules/normalize-wheel-es": { "version": "1.2.0", - "resolved": "https://registry.npmmirror.com/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz", "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==", "license": "BSD-3-Clause" }, @@ -2610,7 +2620,7 @@ }, "node_modules/proxy-from-env": { "version": "1.1.0", - "resolved": "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz", + "resolved": "https://mirrors.huaweicloud.com/repository/npm/proxy-from-env/-/proxy-from-env-1.1.0.tgz", "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==", "license": "MIT" }, diff --git a/package.json b/package.json index f973d06..7953c06 100644 --- a/package.json +++ b/package.json @@ -11,6 +11,7 @@ "dependencies": { "axios": "^1.7.9", "element-plus": "^2.9.1", + "moment": "^2.30.1", "pinia": "^2.2.6", "vue": "^3.5.13", "vue-router": "^4.4.5" diff --git a/src/assets/logo.svg b/src/assets/logo.svg deleted file mode 100644 index 7565660..0000000 --- a/src/assets/logo.svg +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/assets/main.css b/src/assets/main.css index 57efd4f..368e202 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -1,3 +1,6 @@ *{ margin: 0; +} +body{ + margin: 0; } \ No newline at end of file diff --git a/src/main.js b/src/main.js index ff87f29..f53e012 100644 --- a/src/main.js +++ b/src/main.js @@ -1,4 +1,4 @@ -import './assets/main.css' + import { createApp } from 'vue' import { createPinia } from 'pinia' @@ -9,7 +9,7 @@ import ElementPlus from 'element-plus' import 'element-plus/dist/index.css' const app = createApp(App) +app.use(ElementPlus) 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 0a51d79..c63bdf1 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -1,15 +1,20 @@ import { createRouter, createWebHistory } from 'vue-router' -import FrontView from '../views/FrontView.vue' +import Backindex from '@/views/backindex.vue' +import FrontView from '@/views/FrontView.vue' const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), routes: [ { path: '/', + name:'front', + component:FrontView + }, + { + path: '/back', name: 'home', - component: FrontView, + component: Backindex, }, - ], }) diff --git a/src/views/FrontView.vue b/src/views/FrontView.vue index d989216..df2081f 100644 --- a/src/views/FrontView.vue +++ b/src/views/FrontView.vue @@ -1,76 +1,20 @@ @@ -81,55 +25,48 @@ loadParticipants();
- 关于{{activity.title}}众筹 + 关于{{ activity.title }}众筹
- 只需要{{activity.targetNumber}}个名额 + 只需要{{ activity.targetNumber }}个名额
众筹状态 - 众筹中 + 众筹中 已完成
- 当前进度:{{activity.nowNumber}}人 + 当前进度:{{ activity.nowNumber }}人 - 目标：{{activity.targetNumber}}人 + 目标：{{ activity.targetNumber }}人
-
- +
- -
- 恭喜{{ participant.jwcode }}参与了本次众筹
+ 恭喜{{ participant.jwcode }}参与了本次众筹 +
@@ -139,79 +76,84 @@ loadParticipants(); .container { background-image: url("../assets/bg.png"); width: 100%; - height: auto; + height: 100vh; } +/* 20vh */ .title { - color: #FFC48D; + color: #ffc48d; text-shadow: 20px 0 7px rgba(96, 0, 0, 0.35); font-weight: 700; - width: auto; - height: auto; - font-size: 150px; + width: auto; + height: 12vh; + font-size: 6vw; margin: auto; display: flex; justify-content: center; align-items: center; - padding-top: 100px; - font-family: Alibaba PuHuiTi 3.0; - + padding-top: 8vh; + font-family: Alibaba PuHuiTi 3; } +/* 12vh */ .minge { font-weight: 700; - color: #FFC48D; + color: #ffc48d; font-weight: 115 Black; width: auto; - height: auto; - font-size: 110px; + height: 10vh; + font-size: 5vw; text-align: center; text-shadow: 0 20px 7px 0 #61000059; margin: auto; display: flex; justify-content: center; align-items: center; - margin-top: 50px; + margin-top: 2vh; } +/* 10vh */ .state { margin: auto; - margin-top: 40px; - background-color: #E0BA77; - border: 1px solid #BE6F2D; + margin-top: 3vh; + background-color: #e0ba77; + border: 1px solid #be6f2d; border-radius: 29.18px 29.18px 29.18px 29.18px; - width: 355.09px; - height: 58.38px; + width: 29vw; + height: 7vh; } .doing { - color: #AE0000; + color: #ae0000; display: inline-block; font-weight: 800; - font-size: 30.41px; + font-size: 2vw; text-align: center; - color: #AE0000 100%; + color: #ae0000 100%; text-align: center; - padding-left: 20px; - padding-top: 5px; + padding-left: 2vw; + padding-top: 1vh; } .finished { - margin-left: 19px; - margin-top: 7px; + margin-left: 3vw; + margin-top: 1vh; display: inline-block; - width: 187.56px; - height: 45.62px; + width: 15vw; + height: 5.5vh; border-radius: 22.81px 22.81px 22.81px 22.81px; background: #ffffff; - color: #AE0000; + color: #ae0000; font-weight: 800; - font-size: 30.41px; + font-size: 2vw; text-align: center; } +/* 10vh */ .jindu { - margin-top: 25px; + margin-top: 3vh; + height: 3vh; + margin-bottom: 4vh; display: flex; /* 启用 Flexbox 布局 */ justify-content: center; @@ -228,7 +170,7 @@ loadParticipants(); justify-content: center; align-items: center; color: #bb0404; - font-size: 32px; + font-size: 2vw; font-weight: 900; } @@ -243,18 +185,21 @@ loadParticipants(); justify-content: center; align-items: center; color: #bb0404; - font-size: 32px; + font-size: 2vw; font-weight: 900; } +/* 20vh */ .progress-bar { - margin-top: 30px; + /* margin-top: 30px; */ + height: 20vh; + position: relative; } .progress-bg { background-image: url("../assets/底座.png"); /* width: 1920px; */ - height: 200px; + height: 20vh; display: flex; justify-content: center; align-items: center; @@ -277,36 +222,38 @@ loadParticipants(); /* padding-top: 80px; */ width: 90%; } + +/* .sidai1{ + position: absolute; + left: 1vw; + top: -3vh; +} */ .el-progress__text { - font-size: 16px; /* 调整字体大小 */ - color: #333; /* 调整字体颜色 */ + font-size: 16px; + /* 调整字体大小 */ + color: #333; + /* 调整字体颜色 */ } + .list { margin: auto; display: flex; - /* 启用 Flexbox 布局 */ flex-wrap: wrap; - /* 允许换行 */ justify-content: flex-start; align-items: flex-start; - /* 子元素之间的间隔 */ - /* align-items: center; */ width: 70vw; - max-height: 300px; + height: 20vh; border-radius: 0 0px 48px 48px; background: linear-gradient(-90deg, #e51b1b, #990505); - - /* padding: 0 200px; */ - padding-left: 50px; - /* margin-top: 10px; */ - padding-top: 20px; - padding-bottom: 50px; - border: #EDD88E solid 4px; - overflow-y:scroll /*只是y方向*/ + padding-left: 3vw; + padding-top: 3vh; + padding-bottom: 3vh; + border: #edd88e solid 4px; + overflow-y: scroll; } .list-item { - flex: 0 0 calc(50% - 20px); + flex: 0 0 calc(50% - 20px); /* 占据一半宽度减去间隔 */ margin-bottom: 5px; /* 子元素之间的垂直间隔 */ @@ -315,34 +262,42 @@ loadParticipants(); /* 垂直内边距 */ display: inline-block; - - width: 60%; - box-sizing: border-box; /* 确保 padding 和 border 不会增加元素的总宽度 */ - padding: 15px 0; - + width: 60%; + box-sizing: border-box; + /* 确保 padding 和 border 不会增加元素的总宽度 */ + padding: 15px 0; } + /* 为奇数项添加左边距，使得两列并排显示 */ .list-item:nth-child(odd) { margin-left: 0; - margin-right: 10px; /* 添加右边距，确保两列之间有间隔 */ + margin-right: 10px; + /* 添加右边距，确保两列之间有间隔 */ text-align: center; } .list-item:nth-child(even) { - margin-left: 10px; /* 为偶数项添加左边距，确保两列之间有间隔 */ + margin-left: 10px; + /* 为偶数项添加左边距，确保两列之间有间隔 */ margin-right: 10px; text-align: center; } + .display-item { font-size: 1.7vw; font-weight: 200; font-family: Source Han Serif SC; border-bottom: 1px solid white; - display: inline-block; /* 使下划线与文本内容对齐 */ - width: auto; /* 自动宽度，根据内容调整 */ - margin: 0 auto; /* 居中显示 */ - padding-left: 40px; /* 左边距，可以根据需要调整 */ - padding-right: 40px; /* 右边距，可以根据需要调整 */ + display: inline-block; + /* 使下划线与文本内容对齐 */ + width: auto; + /* 自动宽度，根据内容调整 */ + margin: 0 auto; + /* 居中显示 */ + padding-left: 40px; + /* 左边距，可以根据需要调整 */ + padding-right: 40px; + /* 右边距，可以根据需要调整 */ } - \ No newline at end of file + diff --git a/src/views/backindex.vue b/src/views/backindex.vue new file mode 100644 index 0000000..348794f --- /dev/null +++ b/src/views/backindex.vue @@ -0,0 +1,392 @@ + + + + +