修改部署配置优化前端界面显示
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 291 KiB |
|
Before Width: | Height: | Size: 11 KiB After Width: | Height: | Size: 19 KiB |
|
|
@ -1,4 +1,4 @@
|
||||||
import { createRouter, createWebHistory } from 'vue-router'
|
import { createRouter, createWebHashHistory } from 'vue-router'
|
||||||
|
|
||||||
import Login from '@/views/Login/index.vue'
|
import Login from '@/views/Login/index.vue'
|
||||||
import Exam from '@/views/Exam/index.vue'
|
import Exam from '@/views/Exam/index.vue'
|
||||||
|
|
@ -6,7 +6,7 @@ import ScaleList from '@/views/ScaleList/index.vue'
|
||||||
import ExamDetail from '@/views/ExamDetail/index.vue'
|
import ExamDetail from '@/views/ExamDetail/index.vue'
|
||||||
|
|
||||||
const router = createRouter({
|
const router = createRouter({
|
||||||
history: createWebHistory(import.meta.env.BASE_URL),
|
history: createWebHashHistory(import.meta.env.BASE_URL),
|
||||||
routes: [
|
routes: [
|
||||||
{
|
{
|
||||||
path: '/login',
|
path: '/login',
|
||||||
|
|
|
||||||
|
|
@ -75,18 +75,18 @@ async function login() {
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
flex: 3;
|
flex: 3;
|
||||||
background: rgba(38, 72, 176) url(../../assets/images/bg1.png) no-repeat center / cover;
|
background: rgba(38, 72, 176) url(../../assets/images/bg1.jpg) no-repeat center / cover;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: stretch;
|
align-items: stretch;
|
||||||
|
|
||||||
.second_bg {
|
//.second_bg {
|
||||||
width: 100%;
|
// width: 100%;
|
||||||
height: 100%;
|
// height: 100%;
|
||||||
background: url(../../assets/images/bg2.png) 50% no-repeat;
|
// background: url(../../assets/images/bg2.png) 50% no-repeat;
|
||||||
background-size: cover;
|
// background-size: cover;
|
||||||
}
|
//}
|
||||||
}
|
}
|
||||||
|
|
||||||
.form {
|
.form {
|
||||||
|
|
|
||||||
|
|
@ -5,7 +5,7 @@
|
||||||
<span class="desc">本平台提供专业的自评量表、请仔细地阅读每一条，根据近期内您的实际感受，点击适合您的选项，请注意不要漏题、答题完成后您将获得一份专业的分析报告！</span>
|
<span class="desc">本平台提供专业的自评量表、请仔细地阅读每一条，根据近期内您的实际感受，点击适合您的选项，请注意不要漏题、答题完成后您将获得一份专业的分析报告！</span>
|
||||||
</el-header>
|
</el-header>
|
||||||
<el-main class="main">
|
<el-main class="main">
|
||||||
<div class="content">
|
<div class="content" v-if="scaleList.length > 0">
|
||||||
<el-card shadow="hover" style="max-width: 520px; margin-bottom: 10px; position: relative;"
|
<el-card shadow="hover" style="max-width: 520px; margin-bottom: 10px; position: relative;"
|
||||||
v-for="item in scaleList" :key="item.scaleId" @click="gotoExam(item)">
|
v-for="item in scaleList" :key="item.scaleId" @click="gotoExam(item)">
|
||||||
<img :src="item.coverUrl" alt="">
|
<img :src="item.coverUrl" alt="">
|
||||||
|
|
@ -23,6 +23,7 @@
|
||||||
</template>
|
</template>
|
||||||
</el-card>
|
</el-card>
|
||||||
</div>
|
</div>
|
||||||
|
<el-empty v-else description="暂无测评量表" style=" height: 600px;" />
|
||||||
</el-main>
|
</el-main>
|
||||||
</el-container>
|
</el-container>
|
||||||
</template>
|
</template>
|
||||||
|
|
|
||||||
|
|
@ -14,6 +14,11 @@ import IconsResolver from 'unplugin-icons/resolver'
|
||||||
|
|
||||||
// https://vitejs.dev/config/
|
// https://vitejs.dev/config/
|
||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
|
build: {
|
||||||
|
outDir: 'web',
|
||||||
|
chunkSizeWarningLimit: 1600
|
||||||
|
},
|
||||||
|
base: '/web',
|
||||||
plugins: [
|
plugins: [
|
||||||
vue(),
|
vue(),
|
||||||
vueSetupExtend(),
|
vueSetupExtend(),
|
||||||
|
|
|
||||||
|
After Width: | Height: | Size: 80 KiB |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 291 KiB |
|
After Width: | Height: | Size: 76 KiB |
|
After Width: | Height: | Size: 19 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
|
@ -0,0 +1,15 @@
|
||||||
|
<!doctype html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8" />
|
||||||
|
<link rel="icon" href="/web/favicon.ico" />
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
|
<title>云舒-心理健康平台-学生端</title>
|
||||||
|
<link rel="stylesheet" href="//at.alicdn.com/t/font_2143783_iq6z4ey5vu.css" />
|
||||||
|
<script type="module" crossorigin src="/web/assets/index-a_YmE4Kg.js"></script>
|
||||||
|
<link rel="stylesheet" crossorigin href="/web/assets/index-15jeKwZf.css">
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="app"></div>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||