master
parent
2904385193
commit
9c0ee6eb4a
59 changed files with 2139 additions and 2104 deletions
|
After Width: | Height: | Size: 672 B |
|
After Width: | Height: | Size: 315 B |
|
After Width: | Height: | Size: 199 B |
|
After Width: | Height: | Size: 468 B |
|
Before Width: | Height: | Size: 709 B After Width: | Height: | Size: 378 B |
|
After Width: | Height: | Size: 482 B |
|
Before Width: | Height: | Size: 1.6 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 1.5 KiB |
|
Before Width: | Height: | Size: 985 KiB After Width: | Height: | Size: 382 KiB |
|
After Width: | Height: | Size: 8.1 KiB |
|
After Width: | Height: | Size: 664 B |
|
After Width: | Height: | Size: 43 KiB |
|
After Width: | Height: | Size: 449 B |
|
After Width: | Height: | Size: 369 B |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 722 B After Width: | Height: | Size: 367 B |
|
After Width: | Height: | Size: 209 B |
|
After Width: | Height: | Size: 680 B |
@ -0,0 +1,30 @@ |
|||||||
|
<template> |
||||||
|
<div class="breadcrumb"> |
||||||
|
<span class="cur">当前位置：</span> |
||||||
|
<el-breadcrumb separator="/"> |
||||||
|
<el-breadcrumb-item :to="{ path: '/' }">超竞学生端</el-breadcrumb-item> |
||||||
|
<el-breadcrumb-item v-for="(item,index) in pages" :key="index" :to="{ path: index == pages.length - 1 ? curRoute : route }">{{item}}</el-breadcrumb-item> |
||||||
|
</el-breadcrumb> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
|
||||||
|
<script> |
||||||
|
export default { |
||||||
|
props: ['data','route'], |
||||||
|
data() { |
||||||
|
return { |
||||||
|
pages: this.data.split('/'), |
||||||
|
curRoute: this.$route.path |
||||||
|
}; |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
update(data){ |
||||||
|
console.log(2222,data) |
||||||
|
this.pages = data.split('/') |
||||||
|
} |
||||||
|
} |
||||||
|
}; |
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
|
||||||
|
</style> |
||||||
@ -0,0 +1,28 @@ |
|||||||
|
<template> |
||||||
|
<div> |
||||||
|
<div class="copyright">广州超竞教育投资有限公司版权所有</div> |
||||||
|
</div> |
||||||
|
</template> |
||||||
|
<script> |
||||||
|
export default { |
||||||
|
data() { |
||||||
|
return { |
||||||
|
|
||||||
|
}; |
||||||
|
}, |
||||||
|
mounted(){ |
||||||
|
|
||||||
|
}, |
||||||
|
methods: { |
||||||
|
|
||||||
|
}, |
||||||
|
}; |
||||||
|
</script> |
||||||
|
<style lang="scss" scoped> |
||||||
|
.copyright{ |
||||||
|
padding: 20px 0; |
||||||
|
color: rgba(0, 0, 0, 0.45); |
||||||
|
font-size: 12px; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
</style> |
||||||
@ -1,70 +1,193 @@ |
|||||||
<template> |
<template> |
||||||
<div class="header_tab" v-show="hideSidebar"> |
<div> |
||||||
<el-tabs v-model="activeName" @tab-click="tabChange"> |
<div class="logo"> |
||||||
<el-tab-pane v-for="(tab,index) in tabList" :key="index" :label="tab.title" :name="tab.index"></el-tab-pane> |
<img src="../../assets/img/logo-full.png" width="125"> |
||||||
</el-tabs> |
</div> |
||||||
|
<el-menu |
||||||
|
class="sidebar-el-menu" |
||||||
|
:default-active="onRoutes" |
||||||
|
:collapse="collapse" |
||||||
|
background-color="#141414" |
||||||
|
text-color="#fff" |
||||||
|
active-text-color="#fff" |
||||||
|
unique-opened |
||||||
|
router |
||||||
|
> |
||||||
|
<template v-for="item in menus"> |
||||||
|
<template v-if="item.subs"> |
||||||
|
<el-submenu :index="item.index" :key="item.index"> |
||||||
|
<template slot="title"> |
||||||
|
<i :class="item.icon"></i> |
||||||
|
<span slot="title">{{ item.title }}</span> |
||||||
|
</template> |
||||||
|
<template v-for="subItem in item.subs"> |
||||||
|
<el-submenu |
||||||
|
v-if="subItem.subs" |
||||||
|
:index="subItem.index" |
||||||
|
:key="subItem.index" |
||||||
|
> |
||||||
|
<template slot="title">{{ subItem.title }}</template> |
||||||
|
<el-menu-item |
||||||
|
v-for="(threeItem,i) in subItem.subs" |
||||||
|
:key="i" |
||||||
|
:index="threeItem.index" |
||||||
|
>{{ threeItem.title }}</el-menu-item> |
||||||
|
</el-submenu> |
||||||
|
<el-menu-item |
||||||
|
v-else |
||||||
|
:index="subItem.index" |
||||||
|
:key="subItem.index" |
||||||
|
>{{ subItem.title }}</el-menu-item> |
||||||
|
</template> |
||||||
|
</el-submenu> |
||||||
|
</template> |
||||||
|
<template v-else> |
||||||
|
<el-menu-item :index="item.index" :key="item.index"> |
||||||
|
<i :class="item.icon"></i> |
||||||
|
<span slot="title">{{ item.title }}</span> |
||||||
|
</el-menu-item> |
||||||
|
</template> |
||||||
|
</template> |
||||||
|
</el-menu> |
||||||
</div> |
</div> |
||||||
</template> |
</template> |
||||||
|
|
||||||
<script> |
<script> |
||||||
|
import { mapState } from 'vuex' |
||||||
|
import bus from '@/libs/bus'; |
||||||
|
import Setting from '@/setting'; |
||||||
export default { |
export default { |
||||||
data() { |
data() { |
||||||
return { |
return { |
||||||
activeName: this.$route.path, |
collapse: false, |
||||||
tabList: [ |
defaultMenus: [ |
||||||
{ |
{ |
||||||
icon: 'el-icon-folder-checked', |
icon: 'menu-icon icon-index', |
||||||
index: '/index/list', |
index: '/index/list', |
||||||
title: '我的首页' |
title: '我的首页' |
||||||
}, |
}, |
||||||
{ |
{ |
||||||
icon: 'el-icon-lx-home', |
icon: 'menu-icon icon-practise', |
||||||
index: '/practice/list', |
index: '/practice/list', |
||||||
title: '我的练习' |
title: '我的练习' |
||||||
}, |
}, |
||||||
{ |
{ |
||||||
icon: 'el-icon-lx-cascades', |
icon: 'menu-icon icon-exam', |
||||||
index: '/exam/list', |
index: '/exam/list', |
||||||
title: '我的考试' |
title: '我的考试' |
||||||
}, |
}, |
||||||
{ |
{ |
||||||
icon: 'el-icon-lx-copy', |
icon: 'menu-icon icon-ache', |
||||||
index: '/achievement/list', |
index: '/achievement/list', |
||||||
title: '我的成绩' |
title: '我的成绩' |
||||||
}, |
}, |
||||||
{ |
{ |
||||||
icon: 'el-icon-lx-copy', |
icon: 'menu-icon icon-wrong', |
||||||
index: '/wrongBook/list', |
index: '/wrongBook/list', |
||||||
title: '错题练习' |
title: '错题练习' |
||||||
}, |
}, |
||||||
{ |
{ |
||||||
icon: 'el-icon-chat-dot-round', |
icon: 'menu-icon icon-msg', |
||||||
index: '/messageBoard/list', |
index: '/messageBoard/list', |
||||||
title: '交流互动' |
title: '交流互动' |
||||||
} |
} |
||||||
], |
], |
||||||
hideNavList: ['article','matchDetail','courseSection','personalCenter'] |
menus: [], |
||||||
|
actives: { |
||||||
|
index: ['index-add'], |
||||||
|
} |
||||||
}; |
}; |
||||||
}, |
}, |
||||||
computed: { |
computed: { |
||||||
hideSidebar() { |
onRoutes() { |
||||||
let route = this.$route.name |
let actives = this.actives |
||||||
if(this.hideNavList.includes(route)) return false |
for(let i in this.actives){ |
||||||
return true |
if(actives[i].includes(this.$route.name)) return `/${i}` |
||||||
} |
} |
||||||
|
return this.$route.path |
||||||
}, |
}, |
||||||
methods: { |
...mapState('auth', [ |
||||||
tabChange(tab){ |
'routes' |
||||||
location.hash = tab.name |
]) |
||||||
this.$router.push(tab.name) |
}, |
||||||
|
created() { |
||||||
|
this.initMenu() |
||||||
|
// 通过 Event Bus 进行组件间通信，来折叠侧边栏 |
||||||
|
bus.$on('collapse', msg => { |
||||||
|
this.collapse = msg; |
||||||
|
bus.$emit('collapse-content', msg); |
||||||
|
}); |
||||||
}, |
}, |
||||||
|
methods: { |
||||||
|
initMenu(){ |
||||||
|
if(Setting.dynamicRoute){ |
||||||
|
let routes = this.routes |
||||||
|
let menus = [] |
||||||
|
this.defaultMenus.map(e => { |
||||||
|
routes.find(n => n.path == e.index) && menus.push(e) |
||||||
|
}) |
||||||
|
this.menus = menus |
||||||
|
this.active = menus[0].index |
||||||
|
}else{ |
||||||
|
this.menus = this.defaultMenus |
||||||
|
} |
||||||
|
} |
||||||
} |
} |
||||||
}; |
}; |
||||||
</script> |
</script> |
||||||
|
|
||||||
<style lang="scss" scoped> |
<style lang="scss" scoped> |
||||||
/deep/.el-tabs__item:focus{ |
.nav{ |
||||||
outline: none; |
height: 100%; |
||||||
box-shadow: none !important; |
background-color: #141414; |
||||||
|
overflow: auto; |
||||||
|
.logo{ |
||||||
|
padding: 20px 0; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
/deep/.el-menu{ |
||||||
|
border-right: 0 !important; |
||||||
|
.el-menu-item{ |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
&.is-active{ |
||||||
|
background-color: #CC221C !important; |
||||||
|
} |
||||||
|
.menu-icon{ |
||||||
|
width: 24px; |
||||||
|
height: 24px; |
||||||
|
margin-right: 12px; |
||||||
|
background: url(../../assets/img/home.png) no-repeat; |
||||||
|
&.icon-practise{ |
||||||
|
background-image: url(../../assets/img/practise.png); |
||||||
|
} |
||||||
|
&.icon-exam{ |
||||||
|
background-image: url(../../assets/img/exam.png); |
||||||
|
} |
||||||
|
&.icon-ache{ |
||||||
|
background-image: url(../../assets/img/ache.png); |
||||||
|
} |
||||||
|
&.icon-wrong{ |
||||||
|
background-image: url(../../assets/img/wrong.png); |
||||||
|
} |
||||||
|
&.icon-msg{ |
||||||
|
background-image: url(../../assets/img/msg.png); |
||||||
|
} |
||||||
|
} |
||||||
|
span{ |
||||||
|
font-size: 15px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.sidebar::-webkit-scrollbar { |
||||||
|
width: 0; |
||||||
|
} |
||||||
|
.sidebar-el-menu:not(.el-menu--collapse) { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
.sidebar > ul { |
||||||
|
height: 100%; |
||||||
} |
} |
||||||
</style> |
</style> |
||||||
@ -1,154 +1,358 @@ |
|||||||
@import "./default/index.scss"; |
@import "./default/index.scss"; |
||||||
|
|
||||||
.content-box { |
@font-face{ |
||||||
-webkit-transition: left .3s ease-in-out; |
font-family: youshe; |
||||||
transition: left .3s ease-in-out; |
src: url('font/YouSheBiaoTiHei.ttf'); |
||||||
} |
} |
||||||
|
|
||||||
.content { |
[v-cloak] { |
||||||
width: auto; |
display: none; |
||||||
height: 100%; |
|
||||||
padding: 20px; |
|
||||||
box-sizing: border-box; |
|
||||||
} |
} |
||||||
|
|
||||||
.content-collapse { |
::-webkit-scrollbar { |
||||||
left: 65px; |
width: 6px; |
||||||
} |
} |
||||||
|
::-webkit-scrollbar-thumb { |
||||||
.container { |
border-radius: 10px; |
||||||
padding: 30px; |
background: rgba(0, 0, 0, 0.06); |
||||||
background: #fff; |
|
||||||
border: 1px solid #ddd; |
|
||||||
border-radius: 5px; |
|
||||||
} |
} |
||||||
|
|
||||||
.crumbs { |
.required{ |
||||||
margin: 10px 0; |
font-size: 16px; |
||||||
|
color: #CC221C; |
||||||
|
font-style: normal; |
||||||
} |
} |
||||||
|
|
||||||
.pagination { |
.breadcrumb{ |
||||||
margin: 20px 0; |
display: flex; |
||||||
text-align: right; |
align-items: center; |
||||||
|
margin-bottom: 20px; |
||||||
|
.cur,.el-breadcrumb__inner,.el-breadcrumb__separator{ |
||||||
|
color: rgba(0,0,0,.45) !important; |
||||||
|
font-weight: 400 !important; |
||||||
|
font-size: 12px; |
||||||
|
} |
||||||
|
.el-breadcrumb__item:last-of-type .el-breadcrumb__inner{ |
||||||
|
color: rgba(0,0,0,.85) !important; |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
.el-button+.el-tooltip { |
.el-button--primary.action-btn{ |
||||||
margin-left: 10px; |
color: #CC221C !important; |
||||||
|
font-size: 14px !important; |
||||||
|
background-color: #fff !important; |
||||||
|
border-radius: 4px !important; |
||||||
} |
} |
||||||
|
|
||||||
.ql-snow .ql-tooltip { |
.el-input{ |
||||||
transform: translateX(117.5px) translateY(10px) !important; |
.el-input__inner{ |
||||||
|
border-color: rgba(0, 0, 0, 0.15); |
||||||
|
} |
||||||
} |
} |
||||||
|
|
||||||
.el-row { |
.page{ |
||||||
margin-bottom: 20px; |
position: relative; |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 8px; |
||||||
|
.p-title{ |
||||||
|
padding-left: 24px; |
||||||
|
line-height: 56px; |
||||||
|
font-size: 16px; |
||||||
|
color: rgba(0, 0, 0, 0.85); |
||||||
|
border-bottom: 1px solid rgba(0,0,0,.06); |
||||||
} |
} |
||||||
|
.page-content{ |
||||||
|
padding: 24px; |
||||||
|
.tool{ |
||||||
|
display: flex; |
||||||
|
justify-content: space-between; |
||||||
|
margin-bottom: 24px; |
||||||
|
.filter{ |
||||||
|
display: inline-flex; |
||||||
|
align-items: center; |
||||||
|
flex: 1; |
||||||
|
li{ |
||||||
|
display: inline-flex; |
||||||
|
align-items: center; |
||||||
|
margin-right: 30px; |
||||||
|
label{ |
||||||
|
font-size: 14px; |
||||||
|
line-height: 14px; |
||||||
|
color: rgba(0,0,0,.65); |
||||||
|
white-space: nowrap; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.single-choice{ |
||||||
|
dl { |
||||||
|
display: flex; |
||||||
|
line-height: 30px; |
||||||
|
dt { |
||||||
|
color: rgba(0,0,0,.65); |
||||||
|
font-size: 14px; |
||||||
|
white-space: nowrap; |
||||||
|
} |
||||||
|
dd { |
||||||
|
display: inline-flex; |
||||||
|
align-items: center; |
||||||
|
flex-wrap: wrap; |
||||||
|
span { |
||||||
|
padding: 0 10px; |
||||||
|
margin: 0 10px; |
||||||
|
color: #333; |
||||||
|
font-size: 14px; |
||||||
|
line-height: 1.8; |
||||||
|
white-space: nowrap; |
||||||
|
|
||||||
#app .el-table thead{ |
cursor: pointer; |
||||||
|
&:hover { |
||||||
|
color: #CC221C; |
||||||
|
} |
||||||
|
&.active { |
||||||
|
border-radius: 4px; |
||||||
color: #fff; |
color: #fff; |
||||||
|
background-color: #CC221C; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
.el-button--primary{ |
||||||
|
@extend .action-btn; |
||||||
|
} |
||||||
} |
} |
||||||
#app .el-table th{ |
|
||||||
background-color: $--color-primary!important; |
|
||||||
font-size: 16px; |
|
||||||
font-weight: normal; |
|
||||||
} |
} |
||||||
#app .el-select{ |
|
||||||
display: unset; |
|
||||||
} |
} |
||||||
|
|
||||||
.required{ |
.pagination { |
||||||
margin-right: 5px; |
margin: 20px 0; |
||||||
color: #F56C6C; |
text-align: center; |
||||||
|
button,.number{ |
||||||
|
color: rgba(0,0,0,.65) !important; |
||||||
|
background-color: transparent !important; |
||||||
|
border: 1px solid rgba(0, 0, 0, 0.15) !important; |
||||||
|
border-radius: 4px !important; |
||||||
} |
} |
||||||
.p-title{ |
button i{ |
||||||
display: flex; |
color: #333; |
||||||
align-items: center; |
} |
||||||
|
.active{ |
||||||
|
color: #fff !important; |
||||||
|
background-color: #CC221C !important; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.el-table{ |
||||||
|
border-radius: 8px; |
||||||
|
border: 1px solid rgba(0, 0, 0, 0.06); |
||||||
|
border-bottom: 0; |
||||||
|
.cell{ |
||||||
|
color: rgba(0, 0, 0, 0.85); |
||||||
|
font-size: 14px; |
||||||
|
.el-checkbox{ |
||||||
&:before{ |
&:before{ |
||||||
content: ''; |
content: '全选'; |
||||||
display: inline-block; |
|
||||||
width: 3px; |
|
||||||
height: 15px; |
|
||||||
margin-right: 5px; |
margin-right: 5px; |
||||||
background-color: $--color-primary; |
color: rgba(0, 0, 0, 0.85); |
||||||
|
font-size: 14px; |
||||||
|
opacity: 0; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
th{ |
||||||
|
background: rgba(0, 0, 0, 0.04)!important; |
||||||
|
font-size: 14px; |
||||||
|
color: rgba(0, 0, 0, 0.85); |
||||||
|
font-weight: normal; |
||||||
|
.cell{ |
||||||
|
.el-checkbox{ |
||||||
|
&:before{ |
||||||
|
opacity: 1; |
||||||
|
} |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
[v-cloak] { |
|
||||||
display: none; |
|
||||||
} |
} |
||||||
|
|
||||||
.header_tab{ |
.el-checkbox__inner{ |
||||||
box-shadow:0px 0px 25px 2px rgba(255,45,45,0.14); |
border-radius: 4px; |
||||||
.el-tabs__nav-wrap::after{ |
transition: none !important; |
||||||
background-color: #fff; |
|
||||||
} |
} |
||||||
.el-tabs__header{ |
.el-checkbox__input.is-indeterminate .el-checkbox__inner{ |
||||||
padding: 20px 60px 0; |
background-color: #FFFFFF; |
||||||
margin: 0; |
border-color: #DCDFE6; |
||||||
z-index: 999; |
} |
||||||
background-color: #fff; |
.el-switch__core{ |
||||||
|
background-color: #bfbfbf; |
||||||
} |
} |
||||||
.el-tabs__item{ |
.el-switch__label--right{ |
||||||
padding: 0 30px; |
z-index: 2; |
||||||
font-size: 15px; |
position: absolute; |
||||||
|
right: 8px; |
||||||
|
margin-left: 0; |
||||||
|
color: #fff !important; |
||||||
|
} |
||||||
|
.el-switch__label--right.is-active{ |
||||||
|
left: 8px; |
||||||
|
right: auto; |
||||||
|
} |
||||||
|
.el-switch__label--right span{ |
||||||
|
font-size: 12px; |
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
.tabs{ |
.tabs{ |
||||||
display: flex; |
display: flex; |
||||||
align-items: center; |
align-items: center; |
||||||
padding: 20px 1.5% 20px; |
padding: 0 24px; |
||||||
margin-bottom: 20px; |
border-bottom: 1px solid rgba(0,0,0,.06); |
||||||
z-index: 999; |
|
||||||
background-color: #fff; |
|
||||||
.item{ |
.item{ |
||||||
padding: 12px 20px; |
position: relative; |
||||||
margin-right: 10px; |
padding: 20px 0; |
||||||
color:#606266; |
margin-right: 40px; |
||||||
line-height: 1; |
font-size: 16px; |
||||||
border-radius: 4px; |
color: rgba(0, 0, 0, 0.65); |
||||||
background-color: #fff; |
|
||||||
border: 1px solid #dcdfe6; |
|
||||||
cursor: pointer; |
cursor: pointer; |
||||||
|
&:after{ |
||||||
|
content: ''; |
||||||
|
position: absolute; |
||||||
|
bottom: 0; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
height: 3px; |
||||||
|
border-bottom: 3px solid transparent; |
||||||
|
border-radius: 2px; |
||||||
|
} |
||||||
&.active{ |
&.active{ |
||||||
color: #fff; |
font-weight: 500; |
||||||
background-color: $--color-primary; |
color: rgba(0, 0, 0, 0.85); |
||||||
border-color: $--color-primary; |
} |
||||||
|
&.active:after{ |
||||||
|
border-bottom-color: $--color-primary; |
||||||
} |
} |
||||||
} |
} |
||||||
} |
} |
||||||
.btns{ |
|
||||||
display: flex; |
|
||||||
justify-content: center; |
|
||||||
margin-top: 20px; |
|
||||||
|
|
||||||
button{ |
.el-message{ |
||||||
height: 30px; |
padding: 11px 20px; |
||||||
padding: 0 30px; |
.el-message__icon{ |
||||||
margin: 0 15px; |
font-size: 16px; |
||||||
|
} |
||||||
|
.el-message__content{ |
||||||
font-size: 14px; |
font-size: 14px; |
||||||
color: #333; |
color: rgba(0, 0, 0, 0.65); |
||||||
line-height: 30px; |
} |
||||||
background-color: #fff; |
.el-icon-close{ |
||||||
border: 1px solid #ededed; |
font-size: 14px; |
||||||
|
color: #92998d; |
||||||
|
} |
||||||
|
.el-message--success{ |
||||||
|
border: 1px solid #B7EB8F; |
||||||
|
background: #F6FFED; |
||||||
|
.el-message__icon{ |
||||||
|
color: #00c700; |
||||||
|
} |
||||||
|
} |
||||||
|
.el-message--warning{ |
||||||
|
border: 1px solid #FFE58F; |
||||||
|
background: #FFFBE6; |
||||||
|
.el-message__icon{ |
||||||
|
color: #ffa900; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.el-message-box{ |
||||||
|
padding-bottom: 24px; |
||||||
|
.el-message-box__header{ |
||||||
|
padding: 32px 32px 12px 50px; |
||||||
|
span{ |
||||||
|
font-size: 16px; |
||||||
|
color: rgba(0, 0, 0, 0.85); |
||||||
|
font-weight: 500; |
||||||
|
} |
||||||
|
} |
||||||
|
.el-message-box__status{ |
||||||
|
top: -30px; |
||||||
|
} |
||||||
|
.el-message-box__status + .el-message-box__message{ |
||||||
|
font-size: 14px; |
||||||
|
color: rgba(0, 0, 0, 0.65); |
||||||
|
} |
||||||
|
.el-message-box__btns{ |
||||||
|
padding-right: 32px; |
||||||
|
&.el-icon-warning{ |
||||||
|
color: #ffa900; |
||||||
|
} |
||||||
|
} |
||||||
|
.el-button--primary,.el-button--primary:hover, .el-button--primary:focus{ |
||||||
|
background: #CC221C; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.el-dialog__wrapper{ |
||||||
|
.el-dialog{ |
||||||
border-radius: 4px; |
border-radius: 4px; |
||||||
cursor: pointer; |
.el-dialog__header{ |
||||||
&.submit{ |
border-bottom: 1px solid rgba(0, 0, 0, 0.06); |
||||||
color: #fff; |
.el-dialog__title{ |
||||||
background-color: #e80909; |
font-size: 16px; |
||||||
border-color: #e80909; |
color: rgba(0, 0, 0, 0.85); |
||||||
|
} |
||||||
|
} |
||||||
|
.el-dialog__footer{ |
||||||
|
padding: 10px 16px; |
||||||
|
border-top: 1px solid rgba(0, 0, 0, 0.06); |
||||||
|
.el-button{ |
||||||
|
font-size: 14px; |
||||||
|
border-radius: 4px; |
||||||
|
border-color: rgba(0, 0, 0, 0.15); |
||||||
} |
} |
||||||
&:hover{ |
|
||||||
opacity: .8; |
|
||||||
} |
} |
||||||
&:focus{ |
|
||||||
outline: none; |
|
||||||
} |
} |
||||||
} |
} |
||||||
|
|
||||||
|
.upload-wrap{ |
||||||
|
position: relative; |
||||||
|
display: flex; |
||||||
|
justify-content: center; |
||||||
|
align-items: center; |
||||||
|
padding: 34px 0; |
||||||
|
.el-button{ |
||||||
|
span{ |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
color: rgba(0, 0, 0, 0.65); |
||||||
|
font-size: 14px; |
||||||
|
img{ |
||||||
|
margin-right: 8px; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
&>.el-button{ |
||||||
|
margin-right: 32px; |
||||||
|
} |
||||||
|
.el-upload-list{ |
||||||
|
position: absolute; |
||||||
|
bottom: 0; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
.link{ |
||||||
|
position: absolute; |
||||||
|
bottom: -20px; |
||||||
|
left: 0; |
||||||
|
width: 100%; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
&.lg{ |
||||||
|
padding-bottom: 50px; |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
@media(max-width: 1600px){ |
||||||
|
.el-table{ |
||||||
|
.el-switch__label--right.is-active{ |
||||||
|
left: 8px; |
||||||
} |
} |
||||||
.userRadio .el-radio{ |
|
||||||
margin-right: 10px!important; |
|
||||||
} |
} |
||||||
.userRadio .el-radio__input{ |
|
||||||
display: none!important; |
|
||||||
} |
} |
||||||
Binary file not shown.
Loading…
Reference in new issue