<template>
|
<div class="demography">
|
<el-row style="display: flex;justify-content: center;">
|
<el-image style="margin-top:30px" :src="require('@/assets/logo-apifan.png')" fit="fill"></el-image>
|
</el-row>
|
<el-row style="display: flex;justify-content: center;">
|
<el-button style="margin-top:20px" @click="next" type="primary">开始测试</el-button>
|
</el-row>
|
</div>
|
</template>
|
|
<script>
|
import { mapMutations, mapState } from 'vuex'
|
|
export default {
|
// components: { QuestionEdit },
|
data () {
|
return {
|
}
|
},
|
created () {
|
},
|
methods: {
|
next: function () {
|
this.$router.push({ path: '/demography/fill/index', query: { demographyMenber: this.memberToken, isStart: false } })
|
},
|
...mapMutations('user', ['setMemberTocken']),
|
...mapMutations('exam', ['setDoUrl'])
|
},
|
computed: {
|
...mapState('user', { memberToken: state => state.memberToken }),
|
...mapState('exam', { doUrl: state => state.doUrl })
|
}
|
}
|
</script>
|
|
<style lang="scss" scoped>
|
.demography {
|
width: 90%;
|
margin: 0 auto;
|
margin-top: 5%;
|
}
|
|
.align-center {
|
text-align: center
|
}
|
|
/* .product-style /deep/ .el-select-dropdown__item {
|
width: 300px;
|
display: inline-block;
|
overflow: hidden;
|
text-overflow: ellipsis;
|
white-space: nowrap;
|
}*/
|
|
//样式修改部分
|
.el-select .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view .el-select-dropdown__item{
|
white-space: pre-wrap;
|
color: #606266;
|
height: auto;
|
font-weight: normal;
|
width: 300px;
|
}
|
/*.el-select .el-select-dropdown .el-scrollbar .el-select-dropdown__wrap .el-scrollbar__view .el-select-dropdown__item.selected{
|
background: #0090FF;
|
color: #fff;
|
font-weight: 700
|
}*/
|
|
</style>
|
