|
|
<template>
|
|
|
<div id="app">
|
|
|
<router-view />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
export default {
|
|
|
name: "App"
|
|
|
};
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
#app {
|
|
|
font-family: Microsoft YaHei;
|
|
|
-webkit-font-smoothing: antialiased;
|
|
|
-moz-osx-font-smoothing: grayscale;
|
|
|
text-align: center;
|
|
|
color: #0d1e2e;
|
|
|
overflow-y: hidden;
|
|
|
}
|
|
|
body,
|
|
|
html,
|
|
|
ol,
|
|
|
ul,
|
|
|
h1,
|
|
|
h2,
|
|
|
h3,
|
|
|
h4,
|
|
|
h5,
|
|
|
h6,
|
|
|
p,
|
|
|
th,
|
|
|
td,
|
|
|
dl,
|
|
|
dd,
|
|
|
form,
|
|
|
fieldset,
|
|
|
legend,
|
|
|
input,
|
|
|
textarea,
|
|
|
select ,
|
|
|
label{
|
|
|
margin: 0;
|
|
|
padding: 0;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
|
|
|
html,
|
|
|
body {
|
|
|
font: 12px "微软雅黑", "MicrosoftYaHei", HELVETICA;
|
|
|
background: #fff;
|
|
|
-webkit-text-size-adjust: 100%;
|
|
|
font-family: "微软雅黑";
|
|
|
overflow: auto;
|
|
|
}
|
|
|
|
|
|
a {
|
|
|
color: #0d1e2e;
|
|
|
text-decoration: none;
|
|
|
font-weight: normal;
|
|
|
}
|
|
|
|
|
|
em {
|
|
|
font-style: normal;
|
|
|
}
|
|
|
|
|
|
li {
|
|
|
list-style: none;
|
|
|
font-weight: normal;
|
|
|
}
|
|
|
|
|
|
img {
|
|
|
border: 0;
|
|
|
vertical-align: middle;
|
|
|
}
|
|
|
|
|
|
table {
|
|
|
border-collapse: collapse;
|
|
|
border-spacing: 0;
|
|
|
}
|
|
|
|
|
|
p {
|
|
|
word-wrap: break-word;
|
|
|
font-weight: normal;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
|
|
|
i {
|
|
|
font-style: normal;
|
|
|
}
|
|
|
input {
|
|
|
outline: none;
|
|
|
border-radius: 3px;
|
|
|
height: 32px;
|
|
|
font-size: 14px;
|
|
|
border: 1px solid #eee;
|
|
|
padding-left: 14px;
|
|
|
}
|
|
|
|
|
|
/* 清浮动 */
|
|
|
.clearfix::after {
|
|
|
content: ".";
|
|
|
clear: both;
|
|
|
display: block;
|
|
|
overflow: hidden;
|
|
|
font-size: 0;
|
|
|
height: 0;
|
|
|
}
|
|
|
|
|
|
.clearfix {
|
|
|
zoom: 1;
|
|
|
}
|
|
|
/* flex布局 */
|
|
|
.layout {
|
|
|
display: -moz-box;
|
|
|
display: -webkit-box;
|
|
|
display: -ms-flexbox;
|
|
|
display: -webkit-flex;
|
|
|
display: flex;
|
|
|
}
|
|
|
/* align-item */
|
|
|
.align_center {
|
|
|
-moz-box-align: center;
|
|
|
-webkit-box-align: center;
|
|
|
-ms-flex-align: center;
|
|
|
-webkit-align-items: center;
|
|
|
align-items: center;
|
|
|
-moz-box-pack: center;
|
|
|
-webkit-box-pack: center;
|
|
|
-ms-flex-pack: center;
|
|
|
}
|
|
|
.align_left {
|
|
|
-moz-box-align: flex-start;
|
|
|
-webkit-box-align: flex-start;
|
|
|
-ms-flex-align: flex-start;
|
|
|
-webkit-align-items: flex-start;
|
|
|
align-items: flex-start;
|
|
|
-moz-box-pack: flex-start;
|
|
|
-webkit-box-pack: flex-start;
|
|
|
-ms-flex-pack: flex-start;
|
|
|
}
|
|
|
/* justify */
|
|
|
.justify {
|
|
|
-webkit-justify-content: space-between;
|
|
|
justify-content: space-between;
|
|
|
-moz-box-pack: space-between;
|
|
|
-webkit-box-pack: space-between;
|
|
|
box-pack: space-between;
|
|
|
}
|
|
|
.justify_around {
|
|
|
-webkit-justify-content: space-around;
|
|
|
justify-content: space-around;
|
|
|
-moz-box-pack: space-around;
|
|
|
-webkit-box-pack: space-around;
|
|
|
box-pack: space-around;
|
|
|
}
|
|
|
.justify_center {
|
|
|
justify-content: center;
|
|
|
-webkit-justify-content: center;
|
|
|
-moz-box-pack: center;
|
|
|
-webkit-box-pack: center;
|
|
|
box-pack: center;
|
|
|
}
|
|
|
/* flex-direction */
|
|
|
.flex_diection {
|
|
|
-webkit-box-orient: vertical;
|
|
|
-webkit-box-direction: normal;
|
|
|
-moz-box-orient: vertical;
|
|
|
-moz-box-direction: normal;
|
|
|
flex-direction: column;
|
|
|
-webkit-flex-direction: column;
|
|
|
}
|
|
|
.flex_row {
|
|
|
flex-direction: row;
|
|
|
-webkit-flex-direction: row;
|
|
|
-moz-flex-direction: row;
|
|
|
-ms-flex-direction: row;
|
|
|
-o-flex-direction: row;
|
|
|
}
|
|
|
/* 选课建议 */
|
|
|
.course_suggest .el-table tr{
|
|
|
color: #34485e
|
|
|
}
|
|
|
/* 轮播图按钮 */
|
|
|
.el-carousel__arrow{
|
|
|
background-color: #409eff!important;
|
|
|
opacity: 0.6!important;
|
|
|
}
|
|
|
/* 录入心得 */
|
|
|
.active_pic .el-upload--picture-card{
|
|
|
border:none!important;
|
|
|
background-color: #fff!important;
|
|
|
}
|
|
|
.active_pic .el-upload-list--picture-card .el-upload-list__item{
|
|
|
width:80px!important;
|
|
|
height: 80px!important;
|
|
|
}
|
|
|
/* 院校分页 */
|
|
|
.el-pagination.is-background .btn-next,
|
|
|
.el-pagination.is-background .btn-prev,
|
|
|
.el-pagination.is-background .el-pager li {
|
|
|
border: 1px solid #8c9198;
|
|
|
}
|
|
|
|
|
|
/* 专业详情 */
|
|
|
.el-breadcrumb {
|
|
|
font-size: 18px !important;
|
|
|
}
|
|
|
/* 按钮划过 */
|
|
|
.el-button--primary:focus, .el-button--primary:hover{
|
|
|
background-color: #409eff!important;
|
|
|
border-color:#409eff!important;
|
|
|
}
|
|
|
/* 进度条内文字 */
|
|
|
.el-progress-bar__innerText{
|
|
|
color: #FFD648 !important;
|
|
|
}
|
|
|
/* 面包屑 */
|
|
|
|
|
|
.major_title {
|
|
|
padding: 27px 0;
|
|
|
}
|
|
|
/* 面包屑最后一项 */
|
|
|
.el-breadcrumb__item:last-child .el-breadcrumb__inner {
|
|
|
color: #409eff !important;
|
|
|
cursor: pointer !important;
|
|
|
}
|
|
|
/* 双一流学科 */
|
|
|
/* 下拉选框 */
|
|
|
|
|
|
.project_intro .el-select {
|
|
|
width: 143px !important;
|
|
|
}
|
|
|
.project_intro .el-input__icon,
|
|
|
.school_select .el-input__icon {
|
|
|
line-height: 30px !important;
|
|
|
}
|
|
|
.project_intro .el-input__inner,
|
|
|
.school_select .el-input__inner {
|
|
|
line-height: 30px !important;
|
|
|
height: 30px !important;
|
|
|
background-color: #f2f5fa !important;
|
|
|
padding-left: 14px !important;
|
|
|
}
|
|
|
/* 报考院校 */
|
|
|
/* 下拉选框 */
|
|
|
.school_select .el-select {
|
|
|
width: 103px !important;
|
|
|
}
|
|
|
/* 职业代码搜索 */
|
|
|
.pro_select .el-select {
|
|
|
width: 130px !important;
|
|
|
}
|
|
|
/* 报考选课要求 */
|
|
|
.choice_course .el-table {
|
|
|
border: 1px solid #eee;
|
|
|
border-bottom: none;
|
|
|
border-top: none;
|
|
|
}
|
|
|
|
|
|
/* 职业介绍 */
|
|
|
/* 查看大图弹窗 */
|
|
|
.el-dialog__title {
|
|
|
font-weight: bold;
|
|
|
color: #34485e;
|
|
|
}
|
|
|
|
|
|
/* 个人中心 选课图表 */
|
|
|
.choice_course .el-table th.is-leaf,
|
|
|
.activity_manage .el-table th.is-leaf {
|
|
|
padding: 3px 0;
|
|
|
}
|
|
|
.test_score .el-table th.is-leaf {
|
|
|
padding: 9px 0;
|
|
|
}
|
|
|
|
|
|
.el-table td.gutter,
|
|
|
.el-table th.gutter {
|
|
|
display: block !important;
|
|
|
}
|
|
|
/* 成绩弹窗 */
|
|
|
.score_dialog .el-dialog {
|
|
|
width: 1200px;
|
|
|
margin-top: 13vh !important;
|
|
|
}
|
|
|
/* 表头 */
|
|
|
.score_dialog .el-dialog__header,
|
|
|
.comment_dialog .el-dialog__header {
|
|
|
font-size: 18px;
|
|
|
color: #34485e;
|
|
|
font-weight: bold;
|
|
|
padding-top: 36px;
|
|
|
padding-bottom: 0;
|
|
|
}
|
|
|
.score_dialog .el-table th.is-leaf {
|
|
|
padding: 3px 0;
|
|
|
}
|
|
|
.score_dialog .el-table th.is-leaf .cell {
|
|
|
color: #5b5e63;
|
|
|
}
|
|
|
.score_dialog .cell {
|
|
|
color: #34485e;
|
|
|
}
|
|
|
.score_dialog .el-table td {
|
|
|
padding: 23px 0;
|
|
|
}
|
|
|
.score_dialog .el-dialog__body {
|
|
|
padding: 30px 0 0;
|
|
|
}
|
|
|
.score_dialog .el-table .cell {
|
|
|
padding-left: 37px;
|
|
|
}
|
|
|
/* 评语弹窗 */
|
|
|
.comment_dialog .el-dialog {
|
|
|
width: 636px;
|
|
|
margin-top: 13vh !important;
|
|
|
}
|
|
|
/* 活动管理 */
|
|
|
.activity_manage .el-table .cell {
|
|
|
padding-left: 53px;
|
|
|
}
|
|
|
/* 上传图片 */
|
|
|
.score_dialog .el-upload-list--picture .el-upload-list__item {
|
|
|
width: 70px;
|
|
|
height: 70px;
|
|
|
margin: 0 0 0 15px;
|
|
|
padding: 0;
|
|
|
float: left;
|
|
|
border: none;
|
|
|
}
|
|
|
/* 上传成功标志 */
|
|
|
.el-upload-list__item.is-success .el-upload-list__item-status-label {
|
|
|
display: none;
|
|
|
}
|
|
|
/* 删除 */
|
|
|
.el-upload-list__item .el-icon-close {
|
|
|
top: 5px;
|
|
|
right: 25px;
|
|
|
width: 20px;
|
|
|
height: 20px;
|
|
|
line-height: 20px;
|
|
|
font-size: 14px;
|
|
|
background-color: #505861;
|
|
|
color: #000;
|
|
|
z-index: 2;
|
|
|
display: block;
|
|
|
color: #fff;
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
/* 录入心得后弹窗 */
|
|
|
.exped_dialog .el-dialog__body {
|
|
|
padding: 30px 24px 0;
|
|
|
}
|
|
|
|
|
|
/* 多元测评报告 */
|
|
|
/* 进度条 */
|
|
|
.el-progress {
|
|
|
width: 955px;
|
|
|
}
|
|
|
.el-progress-bar__outer {
|
|
|
border-radius: 3px !important;
|
|
|
border: 1px solid #47d1a0 !important;
|
|
|
background-color: #f2fffa !important;
|
|
|
}
|
|
|
.el-progress-bar__inner {
|
|
|
border-radius: 0 !important;
|
|
|
height: 36px !important;
|
|
|
top: 2px !important;
|
|
|
left: 2px !important;
|
|
|
background-color: #47d1a0 !important;
|
|
|
}
|
|
|
|
|
|
/* 高校学科结果 */
|
|
|
.double_subject_information .el-table td {
|
|
|
padding: 5px 0;
|
|
|
}
|
|
|
/* 表格 */
|
|
|
.el-table td,
|
|
|
.el-table th {
|
|
|
padding: 16px 0;
|
|
|
}
|
|
|
.el-table th,
|
|
|
.el-table tr {
|
|
|
color: #8c9198;
|
|
|
}
|
|
|
|
|
|
/* 轮播图 */
|
|
|
.el-carousel__button {
|
|
|
width: 10px !important;
|
|
|
height: 10px !important;
|
|
|
border-radius: 50%;
|
|
|
}
|
|
|
|
|
|
/* 上传图片 */
|
|
|
.el-upload--text {
|
|
|
width: 84px !important;
|
|
|
height: 84px !important;
|
|
|
border: 1px dashed #bdc4ce !important;
|
|
|
border-radius: 3px !important;
|
|
|
}
|
|
|
|
|
|
/* 单选框 */
|
|
|
.el-radio__input.is-checked + .el-radio__label,
|
|
|
.el-radio {
|
|
|
color: #8c9198;
|
|
|
}
|
|
|
.el-radio__input.is-checked .el-radio__inner {
|
|
|
background: #fff;
|
|
|
border-color: #8c9198;
|
|
|
}
|
|
|
.el-radio__inner {
|
|
|
border-color: #8c9198;
|
|
|
}
|
|
|
.el-radio__inner::after {
|
|
|
background-color: #8c9198;
|
|
|
width: 6px;
|
|
|
height: 6px;
|
|
|
}
|
|
|
/* 选项卡 */
|
|
|
.el-tabs__header,
|
|
|
.el-tabs__nav-wrap,
|
|
|
.el-tabs__nav {
|
|
|
width: 100%;
|
|
|
}
|
|
|
.main_login .el-tabs__nav {
|
|
|
display: -moz-box;
|
|
|
display: -webkit-box;
|
|
|
display: -ms-flexbox;
|
|
|
display: -webkit-flex;
|
|
|
display: flex;
|
|
|
-moz-box-align: center;
|
|
|
-webkit-box-align: center;
|
|
|
-ms-flex-align: center;
|
|
|
-webkit-align-items: center;
|
|
|
align-items: center;
|
|
|
-moz-box-pack: center;
|
|
|
-webkit-box-pack: center;
|
|
|
-ms-flex-pack: center;
|
|
|
justify-content: space-around;
|
|
|
-webkit-justify-content: space;
|
|
|
-moz-box-pack: space;
|
|
|
-webkit-box-pack: space;
|
|
|
box-pack: space;
|
|
|
height: 84px;
|
|
|
}
|
|
|
/* 字体大小 */
|
|
|
.main_login .el-tabs__item {
|
|
|
font-size: 20px;
|
|
|
height: 84px;
|
|
|
line-height: 82px;
|
|
|
padding: 0 20px !important;
|
|
|
}
|
|
|
/* 选中的样式 */
|
|
|
.main_login .el-tabs__item.is-active {
|
|
|
font-weight: bold;
|
|
|
border-bottom: 2px solid #409eff;
|
|
|
}
|
|
|
/* 下划线 */
|
|
|
.el-tabs__active-bar {
|
|
|
width: 80px !important;
|
|
|
left: 30px;
|
|
|
display: none;
|
|
|
}
|
|
|
/* 输入框 */
|
|
|
.login_pwd .el-input__inner {
|
|
|
height: 50px;
|
|
|
line-height: 50px;
|
|
|
width: 330px;
|
|
|
}
|
|
|
.el-image__error{
|
|
|
display: none;
|
|
|
}
|
|
|
/* 登录输入框 */
|
|
|
.form_position .el-input__inner {
|
|
|
padding-left: 45px;
|
|
|
}
|
|
|
.el-form-item {
|
|
|
margin-bottom: 36px !important;
|
|
|
}
|
|
|
.el-tabs__header {
|
|
|
margin-bottom: 36px !important;
|
|
|
}
|
|
|
/* 输入框内字体颜色 */
|
|
|
input::placeholder {
|
|
|
color: #bdc4ce;
|
|
|
font-size: 14px;
|
|
|
/* padding:0 13px; */
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
input::-webkit-input-placeholder {
|
|
|
/* WebKit browsers*/
|
|
|
color: #bdc4ce;
|
|
|
font-size: 14px;
|
|
|
/* padding:0 13px; */
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
|
|
|
input:-moz-placeholder {
|
|
|
/* Mozilla Firefox 4 to 18*/
|
|
|
color: #bdc4ce;
|
|
|
font-size: 14px;
|
|
|
/* padding:0 13px; */
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
|
|
|
input::-moz-placeholder {
|
|
|
/* Mozilla Firefox 19+*/
|
|
|
color: #bdc4ce;
|
|
|
font-size: 14px;
|
|
|
/* padding:0 13px; */
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
|
|
|
input:-ms-input-placeholder {
|
|
|
/* Internet Explorer 10+*/
|
|
|
color: #bdc4ce;
|
|
|
font-size: 14px;
|
|
|
/* padding:0 13px; */
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
textarea{
|
|
|
max-width: 100%;
|
|
|
}
|
|
|
/* 文本框placeholder */
|
|
|
textarea::-webkit-input-placeholder {
|
|
|
/* WebKit browsers */
|
|
|
color: #BDC4CE;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
textarea:-moz-placeholder {
|
|
|
/* Mozilla Firefox 4 to 18 */
|
|
|
color: #BDC4CE;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
textarea::-moz-placeholder {
|
|
|
/* Mozilla Firefox 19+ */
|
|
|
color: #BDC4CE;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
textarea::-ms-input-placeholder {
|
|
|
/* Internet Explorer 10+ */
|
|
|
color: #BDC4CE;
|
|
|
font-size: 14px;
|
|
|
}
|
|
|
|
|
|
/* 弹窗 */
|
|
|
.el-dialog {
|
|
|
/* margin-top: 24vh !important; */
|
|
|
}
|
|
|
/* 表单label */
|
|
|
.el-form-item__label {
|
|
|
color: #06121e!important;
|
|
|
height: 50px;
|
|
|
line-height: 50px!important;
|
|
|
padding-right: 26px!important;
|
|
|
text-align: left!important;
|
|
|
}
|
|
|
.el-form-item.is-required:not(.is-no-asterisk)
|
|
|
.el-form-item__label-wrap
|
|
|
> .el-form-item__label:before,
|
|
|
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before {
|
|
|
content: "";
|
|
|
}
|
|
|
/* 找回密码 */
|
|
|
.demo-ruleForm {
|
|
|
width: 430px;
|
|
|
margin: 0 auto;
|
|
|
}
|
|
|
/* 登录按钮 找回密码按钮*/
|
|
|
.login-btn .el-button,
|
|
|
.demo-ruleForm .el-button {
|
|
|
width: 330px;
|
|
|
height: 50px;
|
|
|
font-size: 18px;
|
|
|
}
|
|
|
/* 弹窗×号 */
|
|
|
.el-dialog__headerbtn .el-dialog__close {
|
|
|
font-weight: bold;
|
|
|
font-size: 22px;
|
|
|
}
|
|
|
.el-dialog__body {
|
|
|
text-align: center !important;
|
|
|
}
|
|
|
.el-dialog {
|
|
|
border-radius: 3px;
|
|
|
}
|
|
|
|
|
|
/* 警告 */
|
|
|
.induc_pic,
|
|
|
.induc_warn_content {
|
|
|
float: left;
|
|
|
}
|
|
|
/* 感叹图片 */
|
|
|
.induc_pic {
|
|
|
width: 13px;
|
|
|
height: 11px;
|
|
|
line-height: 11px;
|
|
|
margin-right: 3px;
|
|
|
margin-top: -2px;
|
|
|
}
|
|
|
.induc_pic img {
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
}
|
|
|
/* 评测按钮 通用*/
|
|
|
.currency_btn {
|
|
|
width: 330px;
|
|
|
height: 50px;
|
|
|
background: #409eff;
|
|
|
box-shadow: 0px 3px 6px rgba(18, 86, 194, 0.2);
|
|
|
opacity: 1;
|
|
|
margin: 30px auto;
|
|
|
font-size: 18px;
|
|
|
font-family: Source Han Sans SC;
|
|
|
font-weight: 400;
|
|
|
line-height: 50px;
|
|
|
color: rgba(255, 255, 255, 1);
|
|
|
border-radius: 3px;
|
|
|
}
|
|
|
|
|
|
/* 六型介绍弹窗 */
|
|
|
.assessment_report .el-dialog__header {
|
|
|
padding-bottom: 28px;
|
|
|
border-bottom: 1px solid #f1f1f1;
|
|
|
}
|
|
|
.assessment_report .el-dialog__title {
|
|
|
color: #34485e;
|
|
|
font-weight: 600;
|
|
|
}
|
|
|
.assessment_report .el-dialog__body {
|
|
|
padding: 34px 20px 5px;
|
|
|
}
|
|
|
.assessment_report .el-dialog {
|
|
|
margin-top: 40vh !important;
|
|
|
}
|
|
|
|
|
|
/* 教师端 */
|
|
|
/* 查看成绩弹窗 */
|
|
|
.student_score_dialog .el-dialog__body {
|
|
|
padding: 30px 0 !important;
|
|
|
}
|
|
|
.student_score_dialog .el-table th.is-leaf {
|
|
|
padding: 3px 0;
|
|
|
}
|
|
|
.student_score_dialog .el-table th.is-leaf .cell {
|
|
|
color: #5b5e63;
|
|
|
}
|
|
|
.student_score_dialog .cell {
|
|
|
color: #34485e;
|
|
|
}
|
|
|
.last_row .cell{
|
|
|
color: #F44A5E;
|
|
|
}
|
|
|
.first_column .cell{
|
|
|
color: #34485e;
|
|
|
}
|
|
|
.student_score_dialog .el-table td {
|
|
|
padding: 3px 0;
|
|
|
}
|
|
|
/* 学生评语弹窗 */
|
|
|
.comment_select .el-select {
|
|
|
width: 160px !important;
|
|
|
}
|
|
|
.student_comment_dialog .el-dialog__body {
|
|
|
padding: 10px 40px;
|
|
|
}
|
|
|
|
|
|
/* 教师端发布测评 */
|
|
|
/* 测评类型 */
|
|
|
.evalute_type .el-select,
|
|
|
.evalute_type .el-input {
|
|
|
width: 240px;
|
|
|
}
|
|
|
.evalute_type .el-input__inner,
|
|
|
.evalute_type .el-input__icon {
|
|
|
height: 32px !important;
|
|
|
line-height: 32px !important;
|
|
|
}
|
|
|
.select_box .el-checkbox{
|
|
|
width:100%;
|
|
|
margin:0 0 14px 0;
|
|
|
}
|
|
|
.select_box .el-checkbox__input{
|
|
|
float: right;
|
|
|
}
|
|
|
.select_box .el-checkbox__label{
|
|
|
float: left;
|
|
|
}
|
|
|
</style> |
...
|
...
|
|