Skip to content

V
vue-kwan-admin

Kwan的解忧杂货铺@新空间代码工作室 / vue-kwan-admin

通知 38
Star 6
Fork 3
V
vue-kwan-admin
提交 cff89c4e 编写于 作者: Kwan的解忧杂货铺@新空间代码工作室's avatar Kwan的解忧杂货铺@新空间代码工作室 🐭
浏览文件
操作

整理

上级 b46aa1b3
展开全部 隐藏空白更改
内联 并排
Showing with 187 addition and 35 deletion
dist/css/app.31f75365.css → dist/css/app.59d4c73d.css
浏览文件 @ cff89c4e
.login-container[data-v-1be4e8ce]{background-color:#35495e;height:100%}.login-container .login-box[data-v-1be4e8ce]{width:400px;height:250px;background-color:#fff;border-radius:3px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px hsla(0,0%,100%,.5)}.login-container .login-box .form-login[data-v-1be4e8ce]{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box}.form-control[data-v-1be4e8ce]{flex:1}.avatar-box[data-v-1be4e8ce]{position:absolute;width:100%;top:-65px;left:0}.avatar-box .avatar[data-v-1be4e8ce]{width:120px;height:120px;border-radius:50%!important;box-shadow:0 0 6px #efefef}.layout-header-container[data-v-36ae6cf9]{height:60px;border-bottom:1px solid #eaeaea}.layout-header-left-img[data-v-36ae6cf9]{height:50px}.layout-aside-container[data-v-63d3d405]{width:250px;height:100%;border-right:1px solid #eaeaea}.left-aside-item[data-v-63d3d405]{font-size:20px}.home-container[data-v-e41dbfec]{height:100%;display:flex;flex-direction:column}.home-container .home-main-box[data-v-e41dbfec]{height:100%;display:flex}.home-container .home-main-box .home-main-body[data-v-e41dbfec]{padding:15px;flex:1}.el-header[data-v-15b8f4b2]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-15b8f4b2]{color:#333}.pagination[data-v-15b8f4b2]{margin-top:16px;text-align:right}.arrow-button[data-v-15b8f4b2]{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;cursor:pointer}.custom-icon[data-v-15b8f4b2]{font-size:24px;color:#f90;margin-right:6px}.arrow-button.disabled[data-v-15b8f4b2]{pointer-events:none;opacity:.1}.el-header[data-v-6e64ea6a]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-6e64ea6a]{color:#333}.pagination[data-v-6e64ea6a]{margin-top:16px;text-align:right}.header-button-item[data-v-6e64ea6a]{margin-right:15px;font-size:20px}.backtop[data-v-6e64ea6a]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.backtop[data-v-6e64ea6a]:hover{background-color:#0050a0}.el-header[data-v-153268c2]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-153268c2]{color:#333}.pagination[data-v-153268c2]{margin-top:16px;text-align:right}.header-button-item[data-v-153268c2]{margin-right:15px;font-size:20px}.red-title[data-v-153268c2]{line-height:24px;font-size:18px;color:red}.backtop[data-v-153268c2]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.reddish-purple-value[data-v-153268c2]{color:#eb6ea5}.new-orange-value[data-v-153268c2]{color:#59b9c6}.clove-tea-value[data-v-153268c2]{color:#b4866b}.grassy-value[data-v-153268c2]{color:#c3d825}.daylily-value[data-v-153268c2]{color:#f8b862}.balloon-flower-value[data-v-153268c2]{color:#4d5aaf}.pink-value[data-v-153268c2]{color:#f47983}.purple-value[data-v-153268c2]{color:#8d4bbb}.sapphire-blue-value[data-v-153268c2]{color:#4b5cc4}.green-value[data-v-153268c2]{color:#ce9ffc}.black-value[data-v-153268c2]{color:#000}.magenta-value[data-v-153268c2]{color:#ff0097}.dark-blue-value[data-v-153268c2]{color:#3eede7}.rose-hermosa-value[data-v-153268c2]{color:#ff6fd8}.white-dress-value[data-v-153268c2]{color:#83ccd2}.prunus-gracilis-value[data-v-153268c2]{color:#5a79ba}.custom-textarea[data-v-153268c2]{width:100%;text-align:left}.backtop[data-v-153268c2]:hover{background-color:#0050a0}.el-header[data-v-776d7299]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-776d7299]{color:#333}.pagination[data-v-776d7299]{margin-top:16px;text-align:right}.header-button-item[data-v-776d7299]{margin-right:15px;font-size:20px}.red-title[data-v-776d7299]{line-height:24px;font-size:18px;color:red}.backtop[data-v-776d7299]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.reddish-purple-value[data-v-776d7299]{color:#eb6ea5}.new-orange-value[data-v-776d7299]{color:#59b9c6}.clove-tea-value[data-v-776d7299]{color:#b4866b}.grassy-value[data-v-776d7299]{color:#c3d825}.daylily-value[data-v-776d7299]{color:#f8b862}.balloon-flower-value[data-v-776d7299]{color:#4d5aaf}.pink-value[data-v-776d7299]{color:#f47983}.purple-value[data-v-776d7299]{color:#8d4bbb}.sapphire-blue-value[data-v-776d7299]{color:#4b5cc4}.green-value[data-v-776d7299]{color:#ce9ffc}.black-value[data-v-776d7299]{color:#000}.magenta-value[data-v-776d7299]{color:#ff0097}.dark-blue-value[data-v-776d7299]{color:#3eede7}.rose-hermosa-value[data-v-776d7299]{color:#ff6fd8}.white-dress-value[data-v-776d7299]{color:#83ccd2}.prunus-gracilis-value[data-v-776d7299]{color:#5a79ba}.custom-textarea[data-v-776d7299]{width:100%;text-align:left}.backtop[data-v-776d7299]:hover{background-color:#0050a0}.el-header[data-v-d65f9cee]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-d65f9cee]{color:#333}.pagination[data-v-d65f9cee]{margin-top:16px;text-align:right}.header-button-item[data-v-d65f9cee]{margin-right:15px;font-size:20px}.red-title[data-v-d65f9cee]{line-height:24px;font-size:18px;color:red}.backtop[data-v-d65f9cee]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-d65f9cee]{width:100%;text-align:left}.backtop[data-v-d65f9cee]:hover{background-color:#0050a0}.button-container[data-v-9d5d30a4]{position:fixed;bottom:0;right:0;margin:16px}.container[data-v-ddc6c3e0]{display:flex;justify-content:center;align-items:center;height:30vh} .login-container[data-v-1be4e8ce]{background-color:#35495e;height:100%}.login-container .login-box[data-v-1be4e8ce]{width:400px;height:250px;background-color:#fff;border-radius:3px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 6px hsla(0,0%,100%,.5)}.login-container .login-box .form-login[data-v-1be4e8ce]{position:absolute;bottom:0;left:0;width:100%;box-sizing:border-box}.form-control[data-v-1be4e8ce]{flex:1}.avatar-box[data-v-1be4e8ce]{position:absolute;width:100%;top:-65px;left:0}.avatar-box .avatar[data-v-1be4e8ce]{width:120px;height:120px;border-radius:50%!important;box-shadow:0 0 6px #efefef}.layout-header-container[data-v-1da97aec]{height:60px;border-bottom:1px solid #eaeaea}.layout-header-left-img[data-v-1da97aec]{height:50px}.layout-aside-container[data-v-5197148d]{width:250px;height:100%;border-right:1px solid #eaeaea}.left-aside-item[data-v-5197148d]{font-size:20px}.home-container[data-v-e41dbfec]{height:100%;display:flex;flex-direction:column}.home-container .home-main-box[data-v-e41dbfec]{height:100%;display:flex}.home-container .home-main-box .home-main-body[data-v-e41dbfec]{padding:15px;flex:1}.el-header[data-v-15b8f4b2]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-15b8f4b2]{color:#333}.pagination[data-v-15b8f4b2]{margin-top:16px;text-align:right}.arrow-button[data-v-15b8f4b2]{display:flex;align-items:center;justify-content:center;border:none;background-color:transparent;cursor:pointer}.custom-icon[data-v-15b8f4b2]{font-size:24px;color:#f90;margin-right:6px}.arrow-button.disabled[data-v-15b8f4b2]{pointer-events:none;opacity:.1}.el-header[data-v-6e64ea6a]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-6e64ea6a]{color:#333}.pagination[data-v-6e64ea6a]{margin-top:16px;text-align:right}.header-button-item[data-v-6e64ea6a]{margin-right:15px;font-size:20px}.backtop[data-v-6e64ea6a]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.backtop[data-v-6e64ea6a]:hover{background-color:#0050a0}.el-header[data-v-846de288]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-846de288]{color:#333}.pagination[data-v-846de288]{margin-top:16px;text-align:right}.header-button-item[data-v-846de288]{margin-right:15px;font-size:20px}.red-title[data-v-846de288]{line-height:24px;font-size:18px;color:red}.backtop[data-v-846de288]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.reddish-purple-value[data-v-846de288]{color:#eb6ea5}.new-orange-value[data-v-846de288]{color:#59b9c6}.clove-tea-value[data-v-846de288]{color:#b4866b}.grassy-value[data-v-846de288]{color:#c3d825}.daylily-value[data-v-846de288]{color:#f8b862}.balloon-flower-value[data-v-846de288]{color:#4d5aaf}.pink-value[data-v-846de288]{color:#f47983}.purple-value[data-v-846de288]{color:#8d4bbb}.sapphire-blue-value[data-v-846de288]{color:#4b5cc4}.green-value[data-v-846de288]{color:#ce9ffc}.black-value[data-v-846de288]{color:#000}.magenta-value[data-v-846de288]{color:#ff0097}.dark-blue-value[data-v-846de288]{color:#3eede7}.rose-hermosa-value[data-v-846de288]{color:#ff6fd8}.white-dress-value[data-v-846de288]{color:#83ccd2}.prunus-gracilis-value[data-v-846de288]{color:#5a79ba}.custom-textarea[data-v-846de288]{width:100%;text-align:left}.backtop[data-v-846de288]:hover{background-color:#0050a0}.el-header[data-v-776d7299]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-776d7299]{color:#333}.pagination[data-v-776d7299]{margin-top:16px;text-align:right}.header-button-item[data-v-776d7299]{margin-right:15px;font-size:20px}.red-title[data-v-776d7299]{line-height:24px;font-size:18px;color:red}.backtop[data-v-776d7299]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.reddish-purple-value[data-v-776d7299]{color:#eb6ea5}.new-orange-value[data-v-776d7299]{color:#59b9c6}.clove-tea-value[data-v-776d7299]{color:#b4866b}.grassy-value[data-v-776d7299]{color:#c3d825}.daylily-value[data-v-776d7299]{color:#f8b862}.balloon-flower-value[data-v-776d7299]{color:#4d5aaf}.pink-value[data-v-776d7299]{color:#f47983}.purple-value[data-v-776d7299]{color:#8d4bbb}.sapphire-blue-value[data-v-776d7299]{color:#4b5cc4}.green-value[data-v-776d7299]{color:#ce9ffc}.black-value[data-v-776d7299]{color:#000}.magenta-value[data-v-776d7299]{color:#ff0097}.dark-blue-value[data-v-776d7299]{color:#3eede7}.rose-hermosa-value[data-v-776d7299]{color:#ff6fd8}.white-dress-value[data-v-776d7299]{color:#83ccd2}.prunus-gracilis-value[data-v-776d7299]{color:#5a79ba}.custom-textarea[data-v-776d7299]{width:100%;text-align:left}.backtop[data-v-776d7299]:hover{background-color:#0050a0}.el-header[data-v-d65f9cee]{background-color:#b3c0d1;color:#333;line-height:60px}.el-aside[data-v-d65f9cee]{color:#333}.pagination[data-v-d65f9cee]{margin-top:16px;text-align:right}.header-button-item[data-v-d65f9cee]{margin-right:15px;font-size:20px}.red-title[data-v-d65f9cee]{line-height:24px;font-size:18px;color:red}.backtop[data-v-d65f9cee]{position:fixed;bottom:50px;right:50px;height:40px;width:40px;line-height:40px;text-align:center;border-radius:20px;background-color:#007aff;color:#fff;cursor:pointer;z-index:999}.custom-textarea[data-v-d65f9cee]{width:100%;text-align:left}.backtop[data-v-d65f9cee]:hover{background-color:#0050a0}.button-container[data-v-9d5d30a4]{position:fixed;bottom:0;right:0;margin:16px}.container[data-v-ddc6c3e0]{display:flex;justify-content:center;align-items:center;height:30vh}
/*! /*!
* Bootstrap v4.5.0 (https://getbootstrap.com/) * Bootstrap v4.5.0 (https://getbootstrap.com/)
......
dist/index.html
浏览文件 @ cff89c4e
<!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/kwan.png"><title>kwan66</title><link href="/css/app.31f75365.css" rel="preload" as="style"><link href="/css/chunk-vendors.bedbfba9.css" rel="preload" as="style"><link href="/js/app.13073c59.js" rel="preload" as="script"><link href="/js/chunk-vendors.48475ebe.js" rel="preload" as="script"><link href="/css/chunk-vendors.bedbfba9.css" rel="stylesheet"><link href="/css/app.31f75365.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but kwan66 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/js/chunk-vendors.48475ebe.js"></script><script src="/js/app.13073c59.js"></script></body></html> <!DOCTYPE html><html lang=""><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="icon" href="/kwan.png"><title>kwan66</title><link href="/css/app.59d4c73d.css" rel="preload" as="style"><link href="/css/chunk-vendors.bedbfba9.css" rel="preload" as="style"><link href="/js/app.2a0e20de.js" rel="preload" as="script"><link href="/js/chunk-vendors.48475ebe.js" rel="preload" as="script"><link href="/css/chunk-vendors.bedbfba9.css" rel="stylesheet"><link href="/css/app.59d4c73d.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but kwan66 doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div><script src="/js/chunk-vendors.48475ebe.js"></script><script src="/js/app.2a0e20de.js"></script></body></html>
\ No newline at end of file \ No newline at end of file
dist/js/app.13073c59.js 已删除 100644 → 0
浏览文件 @ b46aa1b3
此差异已折叠。
dist/js/app.13073c59.js.map 已删除 100644 → 0
浏览文件 @ b46aa1b3
因为 它太大了无法显示 source diff 。你可以改为 查看blob。
dist/js/app.2a0e20de.js 0 → 100644
浏览文件 @ cff89c4e
此差异已折叠。
dist/js/app.2a0e20de.js.map 0 → 100644
浏览文件 @ cff89c4e
因为 它太大了无法显示 source diff 。你可以改为 查看blob。
src/components/menus/MyInterview.vue
浏览文件 @ cff89c4e
...@@ -139,15 +139,13 @@ export default { ...@@ -139,15 +139,13 @@ export default {
if (newVal === '') { if (newVal === '') {
this.currentPage = 1 this.currentPage = 1
localStorage.setItem('lastPage', this.currentPage) localStorage.setItem('lastPage', this.currentPage)
this.interviewPage() this.getQuestionType()
} }
}, },
}, },
created() { created() {
//获取问题类型的枚举
this.getQuestionType()
//获取问题列表 //获取问题列表
this.interviewPage() this.getQuestionType()
}, },
mounted() {}, mounted() {},
methods: { methods: {
...@@ -203,7 +201,7 @@ export default { ...@@ -203,7 +201,7 @@ export default {
if (res.code === 200) { if (res.code === 200) {
this.form.question = '' this.form.question = ''
this.form.questionType = 0 this.form.questionType = 0
this.interviewPage() // 确保这个方法是有效的 this.getQuestionType() // 确保这个方法是有效的
} else { } else {
console.error('Received non-200 status code', res) console.error('Received non-200 status code', res)
this.errorMsg(res.message) this.errorMsg(res.message)
...@@ -236,7 +234,7 @@ export default { ...@@ -236,7 +234,7 @@ export default {
this.form.questionType = 0 this.form.questionType = 0
this.editVisible = false this.editVisible = false
currentRowId: null currentRowId: null
this.interviewPage() // 确保这个方法是有效的 this.getQuestionType() // 确保这个方法是有效的
} else { } else {
console.error('Received non-200 status code', res) console.error('Received non-200 status code', res)
} }
...@@ -256,7 +254,7 @@ export default { ...@@ -256,7 +254,7 @@ export default {
id: id, id: id,
}, },
}) })
this.interviewPage() this.getQuestionType()
this.loading = false this.loading = false
}, },
refreshPage() { refreshPage() {
...@@ -269,6 +267,7 @@ export default { ...@@ -269,6 +267,7 @@ export default {
const { data: res } = await axios.get('http://120.79.36.53:8888/interviewQuestion/questionType', { params: {} }) const { data: res } = await axios.get('http://120.79.36.53:8888/interviewQuestion/questionType', { params: {} })
if (res.code === 200) { if (res.code === 200) {
this.options = res.result this.options = res.result
this.interviewPage()
} }
}, },
...@@ -338,7 +337,7 @@ export default { ...@@ -338,7 +337,7 @@ export default {
handleCurrentChange(currentPage) { handleCurrentChange(currentPage) {
this.currentPage = currentPage this.currentPage = currentPage
this.interviewPage() this.getQuestionType()
}, },
}, },
} }
......
src/components/subcomponents/MyAside.vue
浏览文件 @ cff89c4e
...@@ -8,10 +8,16 @@ ...@@ -8,10 +8,16 @@
</router-link> </router-link>
<router-link to="/home/algorithmic"> <router-link to="/home/algorithmic">
<el-menu-item index="/algorithmic" class="left-aside-item"> <el-menu-item index="/algorithmic" class="left-aside-item">
<i class="el-icon-question"></i> <i class="el-icon-info"></i>
<span slot="title">算法题管理</span> <span slot="title">算法题管理</span>
</el-menu-item> </el-menu-item>
</router-link> </router-link>
<router-link to="/home/aphorismPoetry">
<el-menu-item index="/aphorismPoetry" class="left-aside-item">
<i class="el-icon-document"></i>
<span slot="title">诗词管理</span>
</el-menu-item>
</router-link>
<router-link to="/home/chat"> <router-link to="/home/chat">
<el-menu-item index="/chat" class="left-aside-item"> <el-menu-item index="/chat" class="left-aside-item">
<i class="el-icon-chat-line-square"></i> <i class="el-icon-chat-line-square"></i>
...@@ -30,12 +36,6 @@ ...@@ -30,12 +36,6 @@
<span slot="title">用户管理</span> <span slot="title">用户管理</span>
</el-menu-item> </el-menu-item>
</router-link> </router-link>
<router-link to="/home/aphorismPoetry">
<el-menu-item index="/aphorismPoetry" class="left-aside-item">
<i class="el-icon-document"></i>
<span slot="title">诗词管理</span>
</el-menu-item>
</router-link>
<router-link to="/home/settings"> <router-link to="/home/settings">
<el-menu-item index="/settings" class="left-aside-item"> <el-menu-item index="/settings" class="left-aside-item">
<i class="el-icon-setting"></i> <i class="el-icon-setting"></i>
......
src/components/subcomponents/MyHeader.vue
浏览文件 @ cff89c4e
...@@ -7,6 +7,7 @@ ...@@ -7,6 +7,7 @@
<!-- 标题 --> <!-- 标题 -->
<h4 class="layout-header-left-title ml-3">kwan的解忧杂货铺</h4> <h4 class="layout-header-left-title ml-3">kwan的解忧杂货铺</h4>
</div> </div>
<h2 class="layout-header-left-title ml-3" :style="{ color: textColor }">{{ randomAlgorithmic.poetryText }}</h2>
<el-row> <el-row>
<el-col :inline="true" :span="24"> <el-col :inline="true" :span="24">
<el-button class="el-button-header" type="success" round @click="myHome">我的主页</el-button> <el-button class="el-button-header" type="success" round @click="myHome">我的主页</el-button>
...@@ -17,22 +18,174 @@ ...@@ -17,22 +18,174 @@
</template> </template>
<script> <script>
import axios from 'axios'
export default { export default {
name: 'MyHeader', name: 'MyHeader',
methods: { data() {
logout() { return {
// 1. 清空 token randomAlgorithmic: {
localStorage.removeItem('token') poetryText: '',
// 2. 跳转到登录页面 },
this.$router.push('/login') color: [
}, 'red',
myHome() { 'blue',
// 新页面打开 'green',
window.open('http://qinyingjie.top/') 'yellow',
// 当前页面打开 'purple',
// window.location.href = "http://qinyingjie.top/"; 'orange',
}, 'pink',
}, 'brown',
'cyan',
'magenta',
'maroon',
'navy',
'olive',
'teal',
'lime',
'aqua',
'silver',
'gray',
'black',
'white',
'indigo',
'violet',
'lavender',
'coral',
'gold',
'salmon',
'turquoise',
'orchid',
'khaki',
'slategray',
'thistle',
'burlywood',
'cadetblue',
'chartreuse',
'chocolate',
'crimson',
'darkblue',
'darkcyan',
'darkgoldenrod',
'darkgray',
'darkgreen',
'darkkhaki',
'darkmagenta',
'darkolivegreen',
'darkorange',
'darkorchid',
'darkred',
'darksalmon',
'darkseagreen',
'darkslateblue',
'darkslategray',
'darkturquoise',
'darkviolet',
'deeppink',
'deepskyblue',
'dodgerblue',
'firebrick',
'forestgreen',
'fuchsia',
'gold',
'greenyellow',
'hotpink',
'indianred',
'lawngreen',
'lightcoral',
'lightgreen',
'lightpink',
'lightsalmon',
'lightseagreen',
'lightskyblue',
'lightslategray',
'lightsteelblue',
'mediumaquamarine',
'mediumblue',
'mediumorchid',
'mediumpurple',
'mediumseagreen',
'mediumslateblue',
'mediumspringgreen',
'mediumturquoise',
'mediumvioletred',
'midnightblue',
'orangered',
'palegoldenrod',
'palegreen',
'paleturquoise',
'palevioletred',
'peru',
'powderblue',
'rosybrown',
'saddlebrown',
'seagreen',
'sienna',
'skyblue',
'slateblue',
'springgreen',
'tan',
'thistle',
'tomato',
'turquoise',
'violet',
],
textColor: 'black', // 初始字体颜色为黑色
loading: false,
}
},
watch: {
'randomAlgorithmic.poetryText': {
handler(newValue, oldValue) {
if (newValue !== oldValue) {
// 当值改变时，根据条件设置不同的字体颜色
this.textColor = this.getRandomColor()
}
},
deep: true,
},
},
created() {
//获取问题类型的枚举
this.startInterviewRandomTimer()
},
methods: {
logout() {
// 1. 清空 token
localStorage.removeItem('token')
// 2. 跳转到登录页面
this.$router.push('/login')
},
myHome() {
// 新页面打开
window.open('http://qinyingjie.top/')
},
async interviewRandom() {
this.loading = true
const { data: res } = await axios.get('http://120.79.36.53:8888/aphorismPoetry/random', { params: {} })
if (res.code === 200) {
this.randomAlgorithmic.poetryText = res.result.poetryText
}
this.loading = false
},
// 定时执行 interviewRandom 方法
startInterviewRandomTimer() {
this.interviewRandom() // 首次调用方法
this.interviewRandomTimer = setInterval(() => {
this.interviewRandom()
}, 1000) // 5000 毫秒（5秒）为间隔
},
// 停止定时执行 interviewRandom 方法
stopInterviewRandomTimer() {
clearInterval(this.interviewRandomTimer)
},
getRandomColor() {
// 从颜色数组中随机选取一个颜色
const randomIndex = Math.floor(Math.random() * this.color.length)
return this.color[randomIndex]
},
},
} }
</script> </script>
......
Markdown is supported
0% 或 .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑！
想要评论请 注册 或