e
3 years ago
parent
9e724c05c5
commit
4d1d529715
97 changed files with 104275 additions and 0 deletions
@ -0,0 +1,89 @@ |
||||
<template> |
||||
<div class="bgw"> |
||||
<router-view></router-view> |
||||
<div class="container_bg" :class="url?'dn':''"> |
||||
<div class="flex-center pdt40 border-b pdb30" v-if="this.$router.currentRoute.meta.btn.includes('人力资源后台管理系统')||this.$router.currentRoute.meta.btn.includes('客户资源后台管理系统')" > |
||||
<img src="../../assets/img/Basics-icon.png" alt class="mgr10 icon-size" /> |
||||
<p class="ft fz-16">基础应用</p> |
||||
</div> |
||||
<div class="flex-center"> |
||||
<div v-if="this.$router.currentRoute.meta.btn.includes('人力资源后台管理系统')" class="card mgr40 manpower" @click="goto('background-manpower')"> |
||||
</div> |
||||
<div v-if="this.$router.currentRoute.meta.btn.includes('客户资源后台管理系统')" class="card client" @click="goto('customer')"> |
||||
</div> |
||||
</div> |
||||
<div v-if="this.$router.currentRoute.meta.btn.includes('担保业务后台管理系统')"> |
||||
<div class="flex-center pdt40 border-b pdb30"> |
||||
<img src="../../assets/img/Business-icon.png" alt class="mgr10 icon-size" /> |
||||
<p class="ft fz-16">业务应用</p> |
||||
</div> |
||||
<div class="card guarantee mrb30" @click="goto('background-guarantee')"> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
url:false, |
||||
} |
||||
}, |
||||
created(){ |
||||
}, |
||||
mounted(){ |
||||
if(this.$route.fullPath!=='/background')this.url = true |
||||
}, |
||||
methods: { |
||||
// 跳转方法,传一个字符串地址 |
||||
goto(path) { |
||||
this.$router.push('/' + path); |
||||
} |
||||
}, |
||||
beforeRouteUpdate:function(to,from,next){ |
||||
if(to.path!=='/background')this.url = true |
||||
else this.url = false |
||||
next() |
||||
} |
||||
}; |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
.bgw { |
||||
background: #fff; |
||||
} |
||||
|
||||
.manpower { |
||||
background: url('../../assets/img/back-man.png') no-repeat; |
||||
background-size: 100%; |
||||
position: relative; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.span-text { |
||||
position: absolute; |
||||
top: 50%; |
||||
transform: translate(0, -50%); |
||||
left: 20%; |
||||
width: 130px; |
||||
font-size: 30px; |
||||
word-break: break-all; |
||||
} |
||||
.guarantee { |
||||
background: url('../../assets/img/back-guarantee.png') no-repeat; |
||||
background-size: 100%; |
||||
position: relative; |
||||
cursor: pointer; |
||||
} |
||||
.client { |
||||
background: url('../../assets/img/back-client.png') no-repeat; |
||||
background-size: 100%; |
||||
position: relative; |
||||
cursor: pointer; |
||||
} |
||||
.card { |
||||
width: 480px; |
||||
height: 250px; |
||||
margin-top: 30px; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,307 @@ |
||||
<template> |
||||
<div> |
||||
<el-row :gutter="280"> |
||||
<el-col :span="24"> |
||||
<div class="flex-between mar40"> |
||||
<div></div> |
||||
<el-button type="primary" v-roleBtn="'57'" size="small" round icon="el-icon-plus" @click="gotoNewApply()">新建审批</el-button> |
||||
<!-- <div class="dosh_header"> |
||||
<el-date-picker v-model="doshDate" align="right" unlink-panels type="daterange" |
||||
start-placeholder="开始日期" end-placeholder="结束日期" format="yyyy-MM-dd" |
||||
value-format="yyyy-MM-dd" clearable class="doshDatePicker"> |
||||
</el-date-picker> |
||||
<el-radio-group v-model="doshMonth" @change="itemRadio"> |
||||
<el-radio-button v-for="(item,index) in dateList" :key="index" :label="item.id">{{item.name}}</el-radio-button> |
||||
</el-radio-group> |
||||
</div> --> |
||||
</div> |
||||
<div class="title_type flex-between"> |
||||
<div class="item_type" v-for="(item,index) in titleTypeList" :key="index" @click="goto('workbench-guarantee',index)"> |
||||
<img :src="item.img"> |
||||
<p class="item_title">{{item.title}}</p> |
||||
<p class="item_number">{{item.number}}</p> |
||||
</div> |
||||
<!-- <div class="item_type" @click="goto('workbench-guarantee',index)"> |
||||
<img src="../../assets/img/btn_4.png"> |
||||
<p class="item_title">抄送我的</p> |
||||
<p class="item_number">99</p> |
||||
</div> --> |
||||
|
||||
</div> |
||||
<div class="wd100 df"> |
||||
<div class="wd48 shadow radius10 mgt30" style="height:550px"> |
||||
<div style="height:50%" class="border-b"> |
||||
<HomepageChart></HomepageChart> |
||||
</div> |
||||
<div style="height:50%" class="pdt10"> |
||||
<div ref="todayChart" style="width:100%;height:250px"></div> |
||||
</div> |
||||
</div> |
||||
<div class="wd48 shadow dashboard radius10 mgt30 mgl4p" style="min-height:550px"> |
||||
<div class="df wd100 df-jc mgt10"> |
||||
<strong style="font-size:18px">今日审批记录</strong> |
||||
</div> |
||||
<el-table |
||||
:header-cell-style="{textAlign: 'center'}" |
||||
:cell-style="{ textAlign: 'center' }" |
||||
stripe |
||||
class="mgt10" |
||||
:data="tableData" |
||||
style="width: 100%;overflow: auto;height: 500px;"> |
||||
<el-table-column |
||||
label="序号" |
||||
type="index" |
||||
width="60"> |
||||
</el-table-column> |
||||
<el-table-column |
||||
prop="businessNumber" |
||||
label="业务编号" |
||||
min-width="120px" |
||||
> |
||||
</el-table-column> |
||||
<el-table-column |
||||
prop="clientName" |
||||
label="客户名称"> |
||||
</el-table-column> |
||||
<el-table-column |
||||
prop="applicationAmount" |
||||
label="申请金额(万元)" |
||||
min-width="100px" |
||||
> |
||||
</el-table-column> |
||||
<el-table-column |
||||
prop="applicationDeadline" |
||||
label="申请期限"> |
||||
</el-table-column> |
||||
<el-table-column |
||||
prop="taskNode" |
||||
label="任务节点"> |
||||
</el-table-column> |
||||
<el-table-column |
||||
prop="processingTime" |
||||
label="处理时间"> |
||||
</el-table-column> |
||||
</el-table> |
||||
</div> |
||||
</div> |
||||
</el-col> |
||||
</el-row> |
||||
|
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import axios from 'axios'; |
||||
import {personalEfficiencyList,todayApprovalRecord} from '../../utils/api' |
||||
export default { |
||||
data(){ |
||||
return{ |
||||
doshDate: '', |
||||
doshMonth: 2, |
||||
dateList: [{ |
||||
id: 1, |
||||
name: '昨天' |
||||
}, |
||||
{ |
||||
id: 2, |
||||
name: '今天' |
||||
}, |
||||
{ |
||||
id: 6, |
||||
name: '本周' |
||||
}, |
||||
{ |
||||
id: 9, |
||||
name: '本月' |
||||
}, |
||||
{ |
||||
id: 12, |
||||
name: '本年' |
||||
}], |
||||
titleTypeList: [ |
||||
{ |
||||
img: require('../../assets/img/btn_1.png'), |
||||
title: '我发起的', |
||||
number: '0', |
||||
}, |
||||
{ |
||||
img: require('../../assets/img/btn_2.png'), |
||||
title: '待处理', |
||||
number: '0' |
||||
}, |
||||
{ |
||||
img: require('../../assets/img/btn_3.png'), |
||||
title: '已处理', |
||||
number: '0' |
||||
}, |
||||
{ |
||||
img: require('../../assets/img/btn_4.png'), |
||||
title: '抄送我的', |
||||
number: '0' |
||||
}, |
||||
], |
||||
pop:false,// 消息弹框 |
||||
todayData:[],//当天的数据--横柱状图 |
||||
tableData:[],// 列表数据 |
||||
} |
||||
}, |
||||
async created(){ |
||||
// if(this.$route.query.token){ |
||||
// sessionStorage.setItem("token",this.$route.query.token) |
||||
// } |
||||
// if(this.$route.query.account){ |
||||
// if(this.$route.query.headerImg){ |
||||
// this.$store.commit("userNameData", { userName: this.$route.query.account,headerImg: this.changePercent(this.$route.query.headerImg) }); |
||||
// }else{ |
||||
// this.$store.commit("userNameData", { userName: this.$route.query.account }); |
||||
// } |
||||
// } |
||||
}, |
||||
async mounted(){ |
||||
|
||||
await this.personalEfficiencyList() |
||||
await this.todayApprovalRecord() |
||||
this.$nextTick(()=>{ |
||||
this.getEchartData() |
||||
}) |
||||
}, |
||||
methods: { |
||||
goto(path,index) { |
||||
this.$router.push('/' + path); |
||||
//传值，记录，跳转 |
||||
if(index!==null&&index!==undefined) sessionStorage.setItem('homeJump',index) |
||||
}, |
||||
gotoNewApply(){ |
||||
sessionStorage.setItem('businessApplyDep-btn',"businessNew") |
||||
this.$router.push({ |
||||
path: '/workbench-guarantee', |
||||
query: { |
||||
loans: true |
||||
}, |
||||
}); |
||||
|
||||
}, |
||||
itemRadio(val){ |
||||
|
||||
}, |
||||
// utf-8转码 |
||||
Change(pValue){ |
||||
return pValue.replace(/[^\u0000-\u00FF]/g,function($0){return escape($0).replace(/(%u)(\w{4})/gi,"&#x$2;")}); |
||||
}, |
||||
// 反转utf-8 |
||||
ReChange(pValue){ |
||||
return unescape(pValue.replace(/&#x/g,'%u').replace(/\\u/g,'%u').replace(/;/g,'')); |
||||
}, |
||||
// 删除%转换成/ |
||||
changePercent(str){ |
||||
return str.replace(/%2F/g,'/').replace(/%3A/g,':') |
||||
}, |
||||
async personalEfficiencyList(){ |
||||
let res = await personalEfficiencyList({operatingStatus:''}) |
||||
if(res.data&&res.data.length!==0){ |
||||
this.titleTypeList[0].number = res.data.statistics.initiateNum |
||||
this.titleTypeList[1].number= res.data.statistics.pendingNum |
||||
this.titleTypeList[2].number = res.data.statistics.processedNum |
||||
this.titleTypeList[3].number = res.data.statistics.copySendNum |
||||
} |
||||
}, |
||||
async todayApprovalRecord(){ |
||||
let res = await todayApprovalRecord() |
||||
this.tableData = res.data.approvalRecords |
||||
this.todayData = [] |
||||
this.todayData.push(res.data.approvalNum.initiateNum) |
||||
this.todayData.push(res.data.approvalNum.agreed) |
||||
this.todayData.push(res.data.approvalNum.turnDown) |
||||
this.todayData.push(res.data.approvalNum.rejected) |
||||
}, |
||||
async getEchartData() { |
||||
const chart = this.$refs.todayChart |
||||
if (chart) { |
||||
const myChart = this.$echarts.init(chart) |
||||
const option = { |
||||
title: { |
||||
text: '今日审批意见', |
||||
left: 'center' |
||||
}, |
||||
xAxis: { |
||||
type: 'value', |
||||
boundaryGap: [0, 0.01] |
||||
}, |
||||
yAxis: { |
||||
type: 'category', |
||||
data: ['已发起','已同意','已驳回','已拒绝'] |
||||
}, |
||||
series: [{ |
||||
smooth:true, // 曲线变平滑,接受number |
||||
data: this.todayData, |
||||
type: 'bar', |
||||
itemStyle : { |
||||
normal : { |
||||
color:'#52b1ff', |
||||
lineStyle:{ |
||||
color:'#52b1ff' |
||||
} |
||||
} |
||||
}, |
||||
}], |
||||
tooltip: { |
||||
formatter: '{c}' |
||||
}, |
||||
} |
||||
myChart.setOption(option) |
||||
window.addEventListener("resize", function() { |
||||
myChart.resize() |
||||
}) |
||||
} |
||||
this.$on('hook:destroyed',()=>{ |
||||
window.removeEventListener("resize", function() { |
||||
myChart.resize(); |
||||
}); |
||||
}) |
||||
} |
||||
}, |
||||
|
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.dosh_header{ |
||||
.doshDatePicker{ |
||||
margin-right: 40px; |
||||
} |
||||
} |
||||
.title_type{ |
||||
padding: 40px 0; |
||||
border-bottom: 2px solid #F2F2F2; |
||||
.item_type{ |
||||
width: 342px; |
||||
height: 150px; |
||||
color: #fff; |
||||
cursor: pointer; |
||||
position: relative; |
||||
img{ |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.item_title{ |
||||
position: absolute; |
||||
top: 40px; |
||||
left: 25px; |
||||
font-size: 16px; |
||||
} |
||||
.item_number{ |
||||
position: absolute; |
||||
top: 60px; |
||||
left: 25px; |
||||
font-size: 50px; |
||||
} |
||||
} |
||||
} |
||||
.mar40{ |
||||
margin-top: 40px; |
||||
} |
||||
.mgl4p{ |
||||
margin-left: 4%; |
||||
} |
||||
</style> |
||||
|
||||
@ -0,0 +1,524 @@ |
||||
// 登录进来的首页 |
||||
<template> |
||||
<div class="container_bg pdb20"> |
||||
<div class="df mgt20"> |
||||
<div class="self df left-block-top shadow radius10" style="min-height:240px"> |
||||
<div class="df today"> |
||||
<h2>今日新增业务申请数量 : </h2> |
||||
<h2 class=" font-blue"> {{allApply}}</h2> |
||||
</div> |
||||
<div ref="topCookieChart" style="min-height:240px;width:100%"></div> |
||||
</div> |
||||
<div class="right-block-top shadow radius10 self" style="min-height:240px"> |
||||
<div ref="newApplyChart" style="min-height:240px;width:100%"></div> |
||||
</div> |
||||
</div> |
||||
<div class="df mgt20"> |
||||
<div class="left-c-box shadow radius10 self" style="min-height:240px"> |
||||
<div class="df today"> |
||||
<h2>今日用户登陆数（总）: </h2> |
||||
</div> |
||||
<p class="c-text font-blue">{{allUsers}}</p> |
||||
</div> |
||||
<div class="right-c-box shadow radius10" style="min-height:240px"> |
||||
<div ref="loginUserChart" style="min-height:240px"></div> |
||||
</div> |
||||
</div> |
||||
<div class="df mgt20"> |
||||
<div class="left-block-top shadow radius10 self" style="min-height:240px"> |
||||
<div ref="bottomCookieChart" style="min-height:240px"></div> |
||||
</div> |
||||
<div class="right-block-top shadow radius10 homepage" style="min-height:240px"> |
||||
<div class="df wd100 df-jc"> |
||||
<strong style="font-size:18px">访问记录</strong> |
||||
</div> |
||||
<el-table |
||||
:header-cell-style="{textAlign: 'center'}" |
||||
:cell-style="{ textAlign: 'center' }" |
||||
class="mgt10" |
||||
:data="tableData" |
||||
style="width: 100%"> |
||||
<el-table-column |
||||
label="序号" |
||||
type="index" |
||||
width="60"> |
||||
</el-table-column> |
||||
<el-table-column |
||||
prop="account" |
||||
label="账号" |
||||
> |
||||
</el-table-column> |
||||
<el-table-column |
||||
prop="name" |
||||
label="姓名" |
||||
> |
||||
</el-table-column> |
||||
<el-table-column |
||||
prop="deptName" |
||||
label="部门"> |
||||
</el-table-column> |
||||
<el-table-column |
||||
prop="type" |
||||
label="用户端类型"> |
||||
<template slot-scope="scope"> |
||||
<p class="pdb0 mgb0" v-if="scope.row.type===0">PC端</p> |
||||
<p class="pdb0 mgb0" v-if="scope.row.type===1">微信端</p> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column |
||||
prop="loginTime" |
||||
label="登录时间"> |
||||
</el-table-column> |
||||
</el-table> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import echarts from 'echarts' |
||||
import {getNewBusinessCount,getTodayBusinessCount,queryAccessRecords,queryVisitNum,queryLoginNum,queryLoginOnline,queryLoginOnline2} from '../../utils/api' |
||||
export default { |
||||
props: {}, |
||||
data() { |
||||
return { |
||||
data:[], |
||||
tableData:[], |
||||
month:Number,// 几月份 |
||||
allUsers:0, |
||||
countAPP: 0, |
||||
countPC: 0, |
||||
countSum: 0, |
||||
allApply:0, |
||||
customer:0, |
||||
employee:0, |
||||
thisMonthDay:[], |
||||
monthData:[], |
||||
loginSum:[],// 数值 |
||||
loginTime:[]// 登录时间段 |
||||
}; |
||||
}, |
||||
created(){ |
||||
|
||||
}, |
||||
async mounted(){ |
||||
this.getMounth() //取得当月数据 |
||||
this.queryAccessRecords() |
||||
this.getNewBusinessCount() |
||||
this.queryLoginNum() |
||||
this.queryLoginOnline2() |
||||
await this.getTodayBusinessCount() |
||||
await this.queryAccessRecords() |
||||
await this.queryVisitNum() |
||||
this.$nextTick(()=>{ |
||||
// 生成图表 |
||||
this.newApplyChart() |
||||
this.topCookieChart() |
||||
this.loginUserChart() |
||||
this.bottomCookieChart() |
||||
}) |
||||
}, |
||||
destroyed(){}, |
||||
methods: { |
||||
getMounth(){ |
||||
let d = new Date(); |
||||
this.month = d.getMonth()+1 |
||||
//d.getMonth()+1代表下个月，月份索引从0开始，即当前月为6月时，getMonth()返回值为5，创建日期时同理 |
||||
//此处构造的日期为下个月的第0天，天数索引从1开始，第0天即代表上个月的最后一天 |
||||
let curMonthDays = new Date(d.getFullYear(), (d.getMonth()+1), 0).getDate(); |
||||
// alert("本月共有 "+ curMonthDays +" 天"); |
||||
let len = curMonthDays |
||||
this.thisMonthDay = [] |
||||
this.monthData = [] |
||||
for(let i=0;i<len;i++){ |
||||
this.thisMonthDay.push(i+1) |
||||
this.monthData.push(0) |
||||
} |
||||
}, |
||||
async queryAccessRecords(){// 访问列表接口 |
||||
let res = await queryAccessRecords() |
||||
this.tableData = res.data |
||||
}, |
||||
async queryVisitNum(){// 访问次数 |
||||
let res = await queryVisitNum() |
||||
this.countAPP = res.data.countAPP |
||||
this.countPC = res.data.countPC |
||||
this.countSum = res.data.countSum |
||||
}, |
||||
async queryLoginNum(){// 登录用户总数 |
||||
let res = await queryLoginNum() |
||||
this.allUsers = res.data.userCount |
||||
}, |
||||
async getTodayBusinessCount(){// 登录用户总数 |
||||
let res = await getTodayBusinessCount() |
||||
if(!res.data) return |
||||
this.customer = res.data.customer |
||||
this.employee = res.data.employee |
||||
this.allApply = this.customer + this.employee |
||||
}, |
||||
// async queryLoginOnline(){// 登录趋势图 |
||||
// let res = await queryLoginOnline() |
||||
// }, |
||||
async getNewBusinessCount(){// 当月每天新建审批 |
||||
let {data:data} = await getNewBusinessCount() |
||||
let len = data.length |
||||
for(let i=0;i<len;i++){ |
||||
this.monthData[data[i].days-1]=data[i].count |
||||
} |
||||
}, |
||||
async queryLoginOnline2(){// 时间段接口 |
||||
let {data:data} = await queryLoginOnline2() |
||||
this.loginSum = data.loginSum |
||||
this.loginTime = data.loginTime |
||||
}, |
||||
async newApplyChart() {// 渐变间隔折线图 |
||||
|
||||
const chart = this.$refs.newApplyChart |
||||
// let res = await approvalNum() |
||||
// this.data = res.data |
||||
if (chart) { |
||||
const myChart = this.$echarts.init(chart) |
||||
const option = { |
||||
title: { |
||||
text: this.month+'月新增业务数量趋势图', |
||||
left: 'center', |
||||
fontStyle:'normal', |
||||
fontSize:15, |
||||
fontWeight:'bold', |
||||
}, |
||||
xAxis: { |
||||
type: 'category', |
||||
data: this.thisMonthDay, |
||||
boundaryGap: false |
||||
,axisLabel:{ |
||||
interval:1 |
||||
} |
||||
}, |
||||
yAxis: { |
||||
type: 'value', |
||||
name:"个/天", |
||||
// interval:1 |
||||
|
||||
}, |
||||
series: [{ |
||||
data: this.monthData, |
||||
// symbol:'none', // 去掉点 |
||||
smooth:true, // 曲线变平滑,接受number |
||||
// data: this.data.approvalNumArr, |
||||
type: 'line', |
||||
itemStyle : { |
||||
normal : { |
||||
color:'#57cefe', |
||||
lineStyle:{ |
||||
color:'#57cefe' |
||||
} |
||||
} |
||||
}, |
||||
areaStyle:{//区域颜色渐变 |
||||
normal: { |
||||
// color: '#091e3b', //改变区域颜色 |
||||
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{ |
||||
offset: 0, color: '#989af9' // 100% 处的颜色 |
||||
}, { |
||||
offset: 0.5, color: '#b1b2fb' // 50% 处的颜色 |
||||
}, { |
||||
offset: 1, color: '#fff' // 0% 处的颜色 |
||||
}] |
||||
), //背景渐变色 |
||||
} |
||||
}, |
||||
}], |
||||
tooltip: { |
||||
formatter: '{c}' |
||||
}, |
||||
} |
||||
myChart.setOption(option) |
||||
window.addEventListener("resize", function() { |
||||
myChart.resize() |
||||
}) |
||||
} |
||||
this.$on('hook:destroyed',()=>{ |
||||
window.removeEventListener("resize", function() { |
||||
myChart.resize(); |
||||
}); |
||||
}) |
||||
}, |
||||
async topCookieChart(){//饼状图-顶部 |
||||
const chart = this.$refs.topCookieChart |
||||
// let res = await approvalNum() |
||||
// this.data = res.data |
||||
if (chart) { |
||||
const myChart = this.$echarts.init(chart) |
||||
const option = { |
||||
// backgroundColor: '#fff', |
||||
title: { |
||||
text: '', |
||||
left: 'center', |
||||
top: 20, |
||||
textStyle: { |
||||
color: '#ccc' |
||||
} |
||||
}, |
||||
tooltip: { |
||||
trigger: 'item', |
||||
formatter: '{b} : {c} ({d}%)' |
||||
}, |
||||
|
||||
series: [{ |
||||
name: '申请业务数量', |
||||
type: 'pie', |
||||
radius: '50%', |
||||
center: ['50%', '60%'], |
||||
legendHoverLink:true, |
||||
hoverAnimation:true, |
||||
data: [ |
||||
{value: this.customer, name: '客户申请'}, |
||||
{value: this.employee, name: '员工申请'}, |
||||
].sort(function (a, b) { return a.value - b.value; }), |
||||
roseType: 'radius', |
||||
label: { |
||||
normal: { |
||||
show: true, //展示 |
||||
position: 'outside',// outside表示文本显示位置为外部 |
||||
formatter: '{b}\n{d}%', |
||||
}, |
||||
color: '#49cafe' |
||||
}, |
||||
labelLine: { |
||||
normal: { |
||||
show: true, //引导线显示 |
||||
}, |
||||
// lineStyle: { |
||||
// color: '#49cafe' |
||||
// }, |
||||
smooth: 0.2, |
||||
length: 5, |
||||
length2: 10 |
||||
}, |
||||
itemStyle: { |
||||
// color: '#49cafe', |
||||
// shadowBlur: 200, |
||||
// shadowColor: 'rgba(0, 0, 0, 0.5)' |
||||
}, |
||||
color: ['#73a2ff','#49cafe'], |
||||
animationType: 'scale', |
||||
animationEasing: 'elasticOut', |
||||
animationDelay: function (idx) { |
||||
return Math.random() * 200; |
||||
} |
||||
}] |
||||
} |
||||
myChart.setOption(option) |
||||
window.addEventListener("resize", function() { |
||||
myChart.resize() |
||||
}) |
||||
} |
||||
this.$on('hook:destroyed',()=>{ |
||||
window.removeEventListener("resize", function() { |
||||
myChart.resize(); |
||||
}); |
||||
}) |
||||
}, |
||||
async loginUserChart() {// 柱状图 |
||||
const chart = this.$refs.loginUserChart |
||||
if (chart) { |
||||
const myChart = this.$echarts.init(chart) |
||||
const option = { |
||||
title: { |
||||
text: '登录用户趋势图', |
||||
left: 'center' |
||||
}, |
||||
xAxis: { |
||||
type: 'category', |
||||
data: this.loginTime, |
||||
// boundaryGap: false, |
||||
}, |
||||
yAxis: { |
||||
type: 'value', |
||||
name:"次/2小时", |
||||
// interval:1 |
||||
|
||||
}, |
||||
series: [{ |
||||
data: this.loginSum, |
||||
// data: this.data.approvalNumArr, |
||||
type: 'bar', |
||||
itemStyle : { |
||||
normal : { |
||||
color:'#6edae6', |
||||
lineStyle:{ |
||||
color:'#6edae6' |
||||
}, |
||||
label: { |
||||
show: true, |
||||
position: 'top', |
||||
textStyle: { |
||||
color: '#6edae6' |
||||
} |
||||
} |
||||
} |
||||
}, |
||||
barWidth:'25px' |
||||
}], |
||||
tooltip: { |
||||
formatter: '{c}' |
||||
}, |
||||
} |
||||
myChart.setOption(option) |
||||
window.addEventListener("resize", function() { |
||||
myChart.resize() |
||||
}) |
||||
} |
||||
this.$on('hook:destroyed',()=>{ |
||||
window.removeEventListener("resize", function() { |
||||
myChart.resize(); |
||||
}); |
||||
}) |
||||
}, |
||||
async bottomCookieChart(){//饼状图-左下角 |
||||
const chart = this.$refs.bottomCookieChart |
||||
if (chart) { |
||||
const myChart = this.$echarts.init(chart) |
||||
const option = { |
||||
// backgroundColor: '#fff', |
||||
title: { |
||||
text:this.countSum, |
||||
right:"center", |
||||
top:"48%", |
||||
textStyle:{ |
||||
color:"#fd5998", |
||||
fontSize:36, |
||||
align:"center" |
||||
} |
||||
}, |
||||
graphic:{ |
||||
type:"text", |
||||
left:"center", |
||||
top:"39%", |
||||
style:{ |
||||
text:'今日访问次数', |
||||
textAlign:"center", |
||||
fill:"#333", |
||||
fontSize:15, |
||||
fontWeight:700 |
||||
} |
||||
}, |
||||
tooltip: { |
||||
trigger: 'item', |
||||
formatter: '{b} : {c} ({d}%)' |
||||
}, |
||||
legend: { |
||||
orient: 'vertical', |
||||
top:20, |
||||
left: 10, |
||||
// data: ['PC','移动端'], |
||||
formatter: '{name}' |
||||
}, |
||||
series: [{ |
||||
name: '访问来源', |
||||
type: 'pie', |
||||
radius: ['50%', '70%'], |
||||
center: ['50%', '50%'], |
||||
|
||||
avoidLabelOverlap: false, |
||||
label: { |
||||
show: false, |
||||
position: 'center' |
||||
}, |
||||
// emphasis: { |
||||
// label: { |
||||
// show: true, |
||||
// fontSize: '30', |
||||
// fontWeight: 'bold' |
||||
// } |
||||
// }, |
||||
// labelLine: { |
||||
// show: false |
||||
// }, |
||||
data: [ |
||||
{value: this.countPC, name: 'PC'}, |
||||
{value: this.countAPP, name: '移动端'}, |
||||
].sort(function (a, b) { return a.value - b.value; }), |
||||
color: ['#8474f9','#fd5998'], |
||||
// animationDelay: function (idx) { |
||||
// return Math.random() * 200; |
||||
// } |
||||
}] |
||||
} |
||||
myChart.setOption(option) |
||||
window.addEventListener("resize", function() { |
||||
myChart.resize() |
||||
}) |
||||
} |
||||
this.$on('hook:destroyed',()=>{ |
||||
window.removeEventListener("resize", function() { |
||||
myChart.resize(); |
||||
}); |
||||
}) |
||||
}, |
||||
}, |
||||
}; |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
.left-block{ |
||||
width: 40%; |
||||
height: 280px; |
||||
padding-top:10px ; |
||||
} |
||||
.left-block-top{ |
||||
width: 30%; |
||||
height: 280px; |
||||
// padding-top:10px ; |
||||
} |
||||
.right-block{ |
||||
width: 58%; |
||||
margin-left: 2%; |
||||
height: 280px; |
||||
padding-top:10px ; |
||||
} |
||||
.right-block-top{ |
||||
width: 68%; |
||||
margin-left: 2%; |
||||
height: 280px; |
||||
padding-top:10px ; |
||||
} |
||||
.left-c-box{ |
||||
width: 30%; |
||||
margin-right: 2%; |
||||
height: 280px; |
||||
padding-top:10px ; |
||||
} |
||||
.right-c-box{ |
||||
width: 68%; |
||||
height: 280px; |
||||
padding-top:10px ; |
||||
} |
||||
.mounth{ |
||||
position: absolute; |
||||
top: 7%; |
||||
left: 20%; |
||||
} |
||||
.today{ |
||||
position: absolute; |
||||
top: 10%; |
||||
left: 8%; |
||||
z-index: 99; |
||||
} |
||||
|
||||
.c-text{ |
||||
position: absolute; |
||||
top: 50%; |
||||
left: 50%; |
||||
transform: translate(-50%,-50%); |
||||
font-size: 60px; |
||||
} |
||||
.visit{ |
||||
position: absolute; |
||||
bottom: 0%; |
||||
left: 3%; |
||||
text-align: center; |
||||
p{ |
||||
font-size: 30px; |
||||
} |
||||
} |
||||
|
||||
</style> |
||||
@ -0,0 +1,46 @@ |
||||
<template> |
||||
<section class="main"> |
||||
<div class="crumbs"> |
||||
<el-breadcrumb separator="/"> |
||||
<el-breadcrumb-item><i class="el-icon-lx-global"></i> {{$t('i18n.breadcrumb')}}</el-breadcrumb-item> |
||||
</el-breadcrumb> |
||||
</div> |
||||
<div class="container"> |
||||
<span>{{$t('i18n.tips')}}</span> |
||||
<el-button type="primary" @click="$i18n.locale = $i18n.locale === 'zh'?'en':'zh';">{{$t('i18n.btn')}}</el-button> |
||||
<div class="list"> |
||||
<h2>{{$t('i18n.title1')}}</h2> |
||||
<p>{{$t('i18n.p1')}}</p> |
||||
<p>{{$t('i18n.p2')}}</p> |
||||
<p>{{$t('i18n.p3')}}</p> |
||||
</div> |
||||
<h2>{{$t('i18n.title2')}}</h2> |
||||
<div> |
||||
<i18n path="i18n.info" tag="p"> |
||||
<a place="action" href="https://element.eleme.cn/2.0/#/zh-CN/component/i18n">{{ $t('i18n.value') }}</a> |
||||
</i18n> |
||||
</div> |
||||
</div> |
||||
</section> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data(){ |
||||
return { |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.list{ |
||||
padding: 30px 0; |
||||
} |
||||
.list p{ |
||||
margin-bottom: 20px; |
||||
} |
||||
a{ |
||||
color: #409eff; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,225 @@ |
||||
<template> |
||||
<div> |
||||
<div class="crumbs"> |
||||
<el-breadcrumb separator="/"> |
||||
<el-breadcrumb-item><i class="el-icon-lx-emoji"></i> 自定义图标</el-breadcrumb-item> |
||||
</el-breadcrumb> |
||||
</div> |
||||
<div class="container"> |
||||
<h2>使用方法</h2> |
||||
<p style="line-height: 50px;"> |
||||
直接通过设置类名为 el-icon-lx-iconName 来使用即可。例如：（共{{iconList.length}}个图标） |
||||
</p> |
||||
<p class="example-p"> |
||||
<i class="el-icon-lx-redpacket_fill" style="font-size: 30px;color: #ff5900"></i> |
||||
<span><i class="el-icon-lx-redpacket_fill"></i></span> |
||||
</p> |
||||
<p class="example-p"> |
||||
<i class="el-icon-lx-weibo" style="font-size: 30px;color:#fd5656"></i> |
||||
<span><i class="el-icon-lx-weibo"></i></span> |
||||
</p> |
||||
<p class="example-p"> |
||||
<i class="el-icon-lx-emojifill" style="font-size: 30px;color: #ffc300"></i> |
||||
<span><i class="el-icon-lx-emojifill"></i></span> |
||||
</p> |
||||
<br> |
||||
<h2>图标</h2> |
||||
<div class="search-box"> |
||||
<el-input class="search" size="large" v-model="keyword" clearable placeholder="请输入图标名称"></el-input> |
||||
</div> |
||||
<ul> |
||||
<li class="icon-li" v-for="(item,index) in list" :key="index"> |
||||
<div class="icon-li-content"> |
||||
<i :class="`el-icon-lx-${item}`"></i> |
||||
<span>{{item}}</span> |
||||
</div> |
||||
</li> |
||||
</ul> |
||||
</div> |
||||
|
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data: function(){ |
||||
return { |
||||
keyword: '', |
||||
iconList: [ |
||||
'attentionforbid', |
||||
'attentionforbidfill', |
||||
'attention', |
||||
'attentionfill', |
||||
'tag', |
||||
'tagfill', |
||||
'people', |
||||
'peoplefill', |
||||
'notice', |
||||
'noticefill', |
||||
'mobile', |
||||
'mobilefill', |
||||
'voice', |
||||
'voicefill', |
||||
'unlock', |
||||
'lock', |
||||
'home', |
||||
'homefill', |
||||
'delete', |
||||
'deletefill', |
||||
'notification', |
||||
'notificationfill', |
||||
'notificationforbidfill', |
||||
'like', |
||||
'likefill', |
||||
'comment', |
||||
'commentfill', |
||||
'camera', |
||||
'camerafill', |
||||
'warn', |
||||
'warnfill', |
||||
'time', |
||||
'timefill', |
||||
'location', |
||||
'locationfill', |
||||
'favor', |
||||
'favorfill', |
||||
'skin', |
||||
'skinfill', |
||||
'news', |
||||
'newsfill', |
||||
'record', |
||||
'recordfill', |
||||
'emoji', |
||||
'emojifill', |
||||
'message', |
||||
'messagefill', |
||||
'goods', |
||||
'goodsfill', |
||||
'crown', |
||||
'crownfill', |
||||
'move', |
||||
'add', |
||||
'hot', |
||||
'hotfill', |
||||
'service', |
||||
'servicefill', |
||||
'present', |
||||
'presentfill', |
||||
'pic', |
||||
'picfill', |
||||
'rank', |
||||
'rankfill', |
||||
'male', |
||||
'female', |
||||
'down', |
||||
'top', |
||||
'recharge', |
||||
'rechargefill', |
||||
'forward', |
||||
'forwardfill', |
||||
'info', |
||||
'infofill', |
||||
'redpacket', |
||||
'redpacket_fill', |
||||
'roundadd', |
||||
'roundaddfill', |
||||
'friendadd', |
||||
'friendaddfill', |
||||
'cart', |
||||
'cartfill', |
||||
'more', |
||||
'moreandroid', |
||||
'back', |
||||
'right', |
||||
'shop', |
||||
'shopfill', |
||||
'question', |
||||
'questionfill', |
||||
'roundclose', |
||||
'roundclosefill', |
||||
'roundcheck', |
||||
'roundcheckfill', |
||||
'global', |
||||
'mail', |
||||
'punch', |
||||
'exit', |
||||
'upload', |
||||
'read', |
||||
'file', |
||||
'link', |
||||
'full', |
||||
'group', |
||||
'friend', |
||||
'profile', |
||||
'addressbook', |
||||
'calendar', |
||||
'text', |
||||
'copy', |
||||
'share', |
||||
'wifi', |
||||
'vipcard', |
||||
'weibo', |
||||
'remind', |
||||
'refresh', |
||||
'filter', |
||||
'settings', |
||||
'scan', |
||||
'qrcode', |
||||
'cascades', |
||||
'apps', |
||||
'sort', |
||||
'searchlist', |
||||
'search', |
||||
'edit' |
||||
] |
||||
} |
||||
}, |
||||
computed: { |
||||
list(){ |
||||
return this.iconList.filter((item) => { |
||||
return item.indexOf(this.keyword) !== -1; |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
.example-p{ |
||||
height: 45px; |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
.search-box{ |
||||
text-align: center; |
||||
margin-top: 10px; |
||||
} |
||||
.search{ |
||||
width: 300px; |
||||
} |
||||
ul,li{ |
||||
list-style: none; |
||||
} |
||||
.icon-li{ |
||||
display: inline-block; |
||||
padding: 10px; |
||||
width: 120px; |
||||
height: 120px; |
||||
} |
||||
.icon-li-content{ |
||||
display: flex; |
||||
height: 100%; |
||||
flex-direction: column; |
||||
align-items: center; |
||||
justify-content: center; |
||||
cursor: pointer; |
||||
} |
||||
.icon-li-content i{ |
||||
font-size: 36px; |
||||
color: #606266; |
||||
} |
||||
.icon-li-content span{ |
||||
margin-top: 10px; |
||||
color: #787878; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,333 @@ |
||||
<template> |
||||
<div class="home_view"> |
||||
<div class="homeback"> |
||||
<div class="homeHeader flex-between"> |
||||
<div class="logo flex-center"> |
||||
<!-- 非凡 --> |
||||
<!-- <img src="../../assets/img/ff-icon.png" class="ff-icon"> --> |
||||
<!-- 大庆待恢复 --> |
||||
<img src="../../assets/img/logo.png"> |
||||
<span>智慧金融管理平台</span> |
||||
</div> |
||||
<span class="aboutUs">关于我们</span> |
||||
</div> |
||||
<!-- 登录card --> |
||||
<div class="Login_view" v-show="cardType == 1"> |
||||
<div class="flex-between login_title"> |
||||
<span>登录</span> |
||||
<router-link :to="{path:'beforeLogin'}"> |
||||
<i class="el-icon-close"></i> |
||||
</router-link> |
||||
</div> |
||||
<el-form :model="param" :rules="rules" ref="param" label-width="0px" class="login_form"> |
||||
<el-form-item prop="username"> |
||||
<p>用户名</p> |
||||
<el-input v-model="param.username" placeholder="请输入账号/手机号" maxlength="11" @keyup.enter.native="nextInput($event)"></el-input> |
||||
</el-form-item> |
||||
<el-form-item prop="password" class="item_password"> |
||||
<p>密码</p> |
||||
<el-input |
||||
type="password" |
||||
maxlength="20" |
||||
ref="password" |
||||
placeholder="请输入账号密码" |
||||
v-model="param.password" |
||||
@keyup.enter.native="submitForm('param')" |
||||
></el-input> |
||||
</el-form-item> |
||||
<div class="login-btn"> |
||||
<el-button v-preventReClick type="primary" round @click="submitForm('param')">马上登录</el-button> |
||||
</div> |
||||
<div class="flex-between forget_view"> |
||||
<el-checkbox v-model="checked">十天内自动登录</el-checkbox> |
||||
<el-button type="text" @click="cardType = 2">忘记密码?</el-button> |
||||
</div> |
||||
<p class="login-wechat">其他登陆方式</p> |
||||
<div class="wechat-btn"> |
||||
<el-button type="primary" round @click="wxCode"><i class="icon-weixin"></i>微信一键登录</el-button> |
||||
</div> |
||||
</el-form> |
||||
</div> |
||||
<!-- 找回密码card --> |
||||
<RetrievePsd v-show="cardType == 2" @gohome="gohome" @nextStep="nextStep"></RetrievePsd> |
||||
<!-- 重新设置密码card --> |
||||
<SetPsd v-show="cardType == 3" @setBack="setBack" @reLogin="reLogin"></SetPsd> |
||||
<!-- 微信一键扫码 --> |
||||
<ScanCode v-show="cardType == 4" @toAccount="toAccount"></ScanCode> |
||||
<!-- 微信扫码后绑定手机号 --> |
||||
<BindPhone v-show="cardType == 5" @toWechat="toWechat"></BindPhone> |
||||
</div> |
||||
<Foot></Foot> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { login,WXCordImg,bindPhone,phoneAuthCord,getNowRole } from '../../utils/api'; |
||||
import {resetRouter} from '../../router/resetRouter'; |
||||
export default { |
||||
data() { |
||||
return { |
||||
// 待删除，测试用 |
||||
param: { |
||||
// username: '15773390498', |
||||
// password: 'Aa1111', |
||||
// username: 'admin', |
||||
// password: 'Aa1234' |
||||
}, |
||||
rules: { |
||||
username: [ |
||||
{ required: true, message: '请输入账号/手机号', trigger: 'blur' } |
||||
// { |
||||
// pattern: /^1[3456789]\d{9}$/, |
||||
// message: '请输入正确的手机号', |
||||
// trigger: 'blur' |
||||
// } |
||||
], |
||||
password: [{ required: true, message: '请输入账号密码', trigger: 'blur' }] |
||||
}, |
||||
cardType: 1, //1：首页登录，2：找回密码 |
||||
checked: false, |
||||
tenDayEffective: 2, |
||||
loginType: 1,//1为手机号，2为微信登录 |
||||
// appid : 'wx3b7bca679da34921', |
||||
// scope : 'snsapi_login', |
||||
// redirect_uri : encodeURIComponent("http://192.168.31.254:8080/#/Dashboard"), |
||||
}; |
||||
}, |
||||
beforeCreate(){ |
||||
if(this.$route.query.token){// 扫码登录跳转 |
||||
sessionStorage.setItem("token",this.$route.query.token) |
||||
if(this.$route.query.account){ |
||||
if(this.$route.query.headerImg){ |
||||
this.$store.commit("userNameData", { userName: this.$route.query.account,headerImg: this.changePercent(this.$route.query.headerImg) }); |
||||
}else{ |
||||
this.$store.commit("userNameData", { userName: this.$route.query.account }); |
||||
} |
||||
} |
||||
this.$router.push('/homePage') |
||||
} |
||||
}, |
||||
created(){ |
||||
// this.$store.commit("homeMenuData", { homeMenu: [] }) |
||||
if(this.$route.query.token){// 扫码登录跳转 |
||||
sessionStorage.setItem("token",this.$route.query.token) |
||||
sessionStorage.setItem('userID',this.$route.query.id) |
||||
if(this.$route.query.account){ |
||||
if(this.$route.query.headerImg){ |
||||
this.$store.commit("userNameData", { userName: this.$route.query.account,headerImg: this.changePercent(this.$route.query.headerImg) }); |
||||
}else{ |
||||
this.$store.commit("userNameData", { userName: this.$route.query.account }); |
||||
} |
||||
} |
||||
this.$router.push('/homePage') |
||||
} |
||||
}, |
||||
methods:{ |
||||
// 登录按钮 |
||||
submitForm(param) { |
||||
sessionStorage.clear() |
||||
localStorage.clear() |
||||
resetRouter() |
||||
this.$store.commit("routerData", { router: false });// 重置路由权限 |
||||
sessionStorage.removeItem('routerData')// 重置路由权限 |
||||
// this.$store.getters.clear |
||||
this.$refs.param.validate(valid => { |
||||
// 没登录直接进去,开发调试用 |
||||
// this.$router.push('/customer') |
||||
if (valid) { |
||||
if(this.checked){ |
||||
this.tenDayEffective = 1 |
||||
}else{ |
||||
this.tenDayEffective = 2 |
||||
} |
||||
login({ |
||||
phone: this.param.username, |
||||
type: this.loginType, |
||||
wechatId: '', |
||||
password: this.param.password, |
||||
tenDayEffective: this.tenDayEffective |
||||
}).then(res => { |
||||
sessionStorage.setItem("token",res.data.token); |
||||
sessionStorage.setItem("userID",res.data.id); |
||||
this.$store.commit("userNameData", { userName: res.data.account, userPhone: this.param.username,headerImg:res.data.headPortaritUrl }); |
||||
this.getNowRole()// 获取当前用户角色id |
||||
}).catch(res => {}); |
||||
} |
||||
}); |
||||
}, |
||||
nextInput (event) { |
||||
if (event) { |
||||
event.target.blur() |
||||
this.$refs.password.focus() |
||||
} |
||||
}, |
||||
getNowRole(){ |
||||
return getNowRole().then(res=>{ |
||||
if(res.success){ |
||||
sessionStorage.setItem("now-roleBtn",res.data); |
||||
this.$nextTick(()=>{ |
||||
if(this.$route.query.redirect&&this.$route.query.redirect!='/login'){// 重定向 |
||||
this.$router.push(this.$route.query.redirect) |
||||
}else{ |
||||
this.$router.push('/homePage') |
||||
} |
||||
}) |
||||
} |
||||
}).catch(err=>{ |
||||
// this.getNowRole() |
||||
}) |
||||
}, |
||||
// 找回密码的下一步按钮 |
||||
nextStep(val){ |
||||
this.cardType = val |
||||
}, |
||||
// 找回密码的 X |
||||
gohome(val){ |
||||
this.cardType = val |
||||
}, |
||||
// 重新设置新密码的 X |
||||
setBack(val){ |
||||
this.cardType = val |
||||
}, |
||||
reLogin(val){ |
||||
this.cardType = val |
||||
}, |
||||
// 微信扫码登录的 X和账号登录按钮 |
||||
toAccount(val){ |
||||
this.cardType = val |
||||
}, |
||||
// 绑定手机号的 X和暂不绑定按钮 |
||||
toWechat(val){ |
||||
this.cardType = val |
||||
}, |
||||
wxCode(){ |
||||
this.cardType = 4 |
||||
|
||||
}, |
||||
// 删除%转换成/，用于提取链接 |
||||
changePercent(str){ |
||||
return str.replace(/%2F/g,'/').replace(/%3A/g,':') |
||||
}, |
||||
}, |
||||
mounted() { |
||||
// this.setWxerwma() |
||||
}, |
||||
} |
||||
|
||||
// } |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.home_view{ |
||||
width: 100%; |
||||
height: 100%; |
||||
color: #00B9FF; |
||||
.homeback{ |
||||
width: 100%; |
||||
height: 100%; |
||||
overflow:hidden; |
||||
// background: url('../../assets/img/login-bg-1.jpg'); |
||||
background: url('https://www.feifanhitech.com/enclosureFile/3d7ad5b15d0141eelogin-bg-1.jpg'); |
||||
// background: url('https://www.huorantech.cn/enclosureFile/96664d5774e54494login-bg-1.jpg'); |
||||
background-size: 100% 100%; |
||||
position: relative; |
||||
.homeHeader{ |
||||
width: 100%; |
||||
height: 60px; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
color: #fff; |
||||
.logo{ |
||||
margin-left: 140px; |
||||
img{ |
||||
// 大庆待恢复 |
||||
// width: 45px; |
||||
// height: 34px; |
||||
margin-right: 9px; |
||||
} |
||||
} |
||||
.aboutUs{ |
||||
margin-right: 140px; |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
.Login_view{ |
||||
position: absolute; |
||||
left: 50%; |
||||
top: 120px; |
||||
transform: translate(-50%, 0); |
||||
background-color: #fff; |
||||
border-radius: 20px; |
||||
width: 812px; |
||||
padding: 52px 0; |
||||
.login_title{ |
||||
span{ |
||||
font-size: 26px; |
||||
margin-left: 146px; |
||||
} |
||||
i{ |
||||
margin-right: 50px; |
||||
color: #666; |
||||
font-size: 20px; |
||||
} |
||||
} |
||||
.login_form{ |
||||
margin: 60px 146px 0 146px; |
||||
p{ |
||||
margin-bottom: 10px; |
||||
font-size: 14px; |
||||
} |
||||
.item_password{ |
||||
margin-top: 40px; |
||||
} |
||||
.login-btn{ |
||||
margin-top: 70px; |
||||
} |
||||
.forget_view{ |
||||
font-size: 14px; |
||||
} |
||||
.login-wechat{ |
||||
text-align: center; |
||||
color: #00B9FF; |
||||
font-size: 14px; |
||||
margin-top: 60px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.login_form /deep/ .el-form-item{ |
||||
margin-bottom: 0; |
||||
} |
||||
.login_form /deep/ .el-input__inner{ |
||||
background-color: #f5f5f5; |
||||
height: 46px; |
||||
line-height: 46px; |
||||
border: none; |
||||
} |
||||
.login-btn /deep/ .el-button{ |
||||
width: 100%; |
||||
// border-radius: 23px; |
||||
height: 46px; |
||||
} |
||||
.forget_view /deep/ .el-button--text{ |
||||
color: #FF9784; |
||||
} |
||||
.forget_view /deep/ .el-button--text:hover{ |
||||
text-decoration:underline; |
||||
} |
||||
.wechat-btn /deep/ .el-button{ |
||||
width: 100%; |
||||
// border-radius: 23px; |
||||
height: 46px; |
||||
background-color: #f5f5f5; |
||||
border: none; |
||||
color: #666; |
||||
margin-top: 20px; |
||||
} |
||||
.ff-icon{ |
||||
width: 100%; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,38 @@ |
||||
<template> |
||||
<div> |
||||
<div class="crumbs"> |
||||
<el-breadcrumb separator="/"> |
||||
<el-breadcrumb-item><i class="el-icon-lx-warn"></i> 权限测试</el-breadcrumb-item> |
||||
</el-breadcrumb> |
||||
</div> |
||||
<div class="container"> |
||||
<h1>管理员权限页面</h1> |
||||
<p>只有用 admin 账号登录的才拥有管理员权限，才能进到这个页面，其他账号想进来都会跳到403页面，重新用管理员账号登录才有权限。</p> |
||||
<p>想尝试一下，请<router-link to="/login" class="logout">退出登录</router-link>，随便输入个账号名，再进来试试看。</p> |
||||
</div> |
||||
|
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data: function(){ |
||||
return {} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped> |
||||
h1{ |
||||
text-align: center; |
||||
margin: 30px 0; |
||||
} |
||||
p{ |
||||
line-height: 30px; |
||||
margin-bottom: 10px; |
||||
text-indent: 2em; |
||||
} |
||||
.logout{ |
||||
color: #409EFF; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,100 @@ |
||||
<template> |
||||
<div class="container_bg"> |
||||
<div class="border-b flex-between ht50"> |
||||
<div class="flex-center"> |
||||
<img src="../../assets/img/manpower-icon.png" alt class="top-module-icon mgr10" /> |
||||
<p class="head-text">系统管理</p> |
||||
</div> |
||||
<!-- 这是一个后退按钮组件 --> |
||||
<!-- <back @click.native="goto('background')"></back> --> |
||||
</div> |
||||
<div class="df mgt20 main self"> |
||||
<Left-sidebar class="flex-column-end " :title="leftSidebarData" @getSidebarVal="getIndex" :pitchOn="active"></Left-sidebar> |
||||
<div class="right-main self"> |
||||
<!-- 角色权限管理 --> |
||||
<Jurisdiction v-if="active === '1'"></Jurisdiction> |
||||
<!-- 修改密码管理 --> |
||||
<SupertubePwd v-if="active === '2'"></SupertubePwd> |
||||
<!-- 平台日志 --> |
||||
<PlatformLog v-if="active === '3'"></PlatformLog> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data(){ |
||||
return{ |
||||
leftSidebarData: [ |
||||
{name:'角色权限管理',index: '1'}, |
||||
{name:'修改密码管理',index: '2'}, |
||||
{name:'平台日志',index: '3'} |
||||
], |
||||
active: '1', |
||||
systemData: [], |
||||
pageNo: 1, |
||||
totals: 1 |
||||
} |
||||
}, |
||||
created(){ |
||||
this.leftSidebarData = this.getSideBar() |
||||
}, |
||||
methods: { |
||||
activeClick(index) { |
||||
this.active = index; |
||||
}, |
||||
SelectionChange(){}, |
||||
getRowKeys(){}, |
||||
currentChange(){}, |
||||
|
||||
// 侧边栏切换组件用 |
||||
getIndex(index) { |
||||
this.active = index; |
||||
// 状态保存 |
||||
// sessionStorage.setItem('background-manpower-leftsidebar', index); |
||||
}, |
||||
getSideBar(){ |
||||
let items = [], |
||||
btns = this.$router.currentRoute.meta.btn, |
||||
len=btns.length, |
||||
index |
||||
for(let i=0;i<len;i++){ |
||||
let obj = {name:btns[i]} |
||||
switch (btns[i]) { |
||||
case '角色权限管理': obj.index = '1' |
||||
break; |
||||
case '修改密码管理': obj.index = '2' |
||||
break; |
||||
case '平台日志': obj.index = '3' |
||||
break; |
||||
} |
||||
items.push(obj) |
||||
} |
||||
return items |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
@import url('../../assets/css/common.scss'); |
||||
.main { |
||||
min-height: 38.7vw; |
||||
margin-bottom: 20px; |
||||
} |
||||
.right-main { |
||||
margin-left: 30px; |
||||
width: 89%; |
||||
min-height: 100%; |
||||
} |
||||
.systemManagement{ |
||||
|
||||
/deep/ .el-col-3 .el-card__body{ |
||||
padding-right: 0; |
||||
// padding-left: 0; |
||||
} |
||||
|
||||
} |
||||
</style> |
||||
|
||||
@ -0,0 +1,128 @@ |
||||
<template> |
||||
<div class=""> |
||||
<div class="crumbs"> |
||||
<el-breadcrumb separator="/"> |
||||
<el-breadcrumb-item><i class="el-icon-lx-copy"></i> tab选项卡</el-breadcrumb-item> |
||||
</el-breadcrumb> |
||||
</div> |
||||
<div class="container"> |
||||
<el-tabs v-model="message"> |
||||
<el-tab-pane :label="`未读消息(${unread.length})`" name="first"> |
||||
<el-table :data="unread" :show-header="false" style="width: 100%"> |
||||
<el-table-column> |
||||
<template slot-scope="scope"> |
||||
<span class="message-title">{{scope.row.title}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="date" width="180"></el-table-column> |
||||
<el-table-column width="120"> |
||||
<template slot-scope="scope"> |
||||
<el-button size="small" @click="handleRead(scope.$index)">标为已读</el-button> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<div class="handle-row"> |
||||
<el-button type="primary">全部标为已读</el-button> |
||||
</div> |
||||
</el-tab-pane> |
||||
<el-tab-pane :label="`已读消息(${read.length})`" name="second"> |
||||
<template v-if="message === 'second'"> |
||||
<el-table :data="read" :show-header="false" style="width: 100%"> |
||||
<el-table-column> |
||||
<template slot-scope="scope"> |
||||
<span class="message-title">{{scope.row.title}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="date" width="150"></el-table-column> |
||||
<el-table-column width="120"> |
||||
<template slot-scope="scope"> |
||||
<el-button type="danger" @click="handleDel(scope.$index)">删除</el-button> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<div class="handle-row"> |
||||
<el-button type="danger">删除全部</el-button> |
||||
</div> |
||||
</template> |
||||
</el-tab-pane> |
||||
<el-tab-pane :label="`回收站(${recycle.length})`" name="third"> |
||||
<template v-if="message === 'third'"> |
||||
<el-table :data="recycle" :show-header="false" style="width: 100%"> |
||||
<el-table-column> |
||||
<template slot-scope="scope"> |
||||
<span class="message-title">{{scope.row.title}}</span> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="date" width="150"></el-table-column> |
||||
<el-table-column width="120"> |
||||
<template slot-scope="scope"> |
||||
<el-button @click="handleRestore(scope.$index)">还原</el-button> |
||||
</template> |
||||
</el-table-column> |
||||
</el-table> |
||||
<div class="handle-row"> |
||||
<el-button type="danger">清空回收站</el-button> |
||||
</div> |
||||
</template> |
||||
</el-tab-pane> |
||||
</el-tabs> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
name: 'tabs', |
||||
data() { |
||||
return { |
||||
message: 'first', |
||||
showHeader: false, |
||||
unread: [{ |
||||
date: '2018-04-19 20:00:00', |
||||
title: '【系统通知】该系统将于今晚凌晨2点到5点进行升级维护', |
||||
},{ |
||||
date: '2018-04-19 21:00:00', |
||||
title: '今晚12点整发大红包，先到先得', |
||||
}], |
||||
read: [{ |
||||
date: '2018-04-19 20:00:00', |
||||
title: '【系统通知】该系统将于今晚凌晨2点到5点进行升级维护' |
||||
}], |
||||
recycle: [{ |
||||
date: '2018-04-19 20:00:00', |
||||
title: '【系统通知】该系统将于今晚凌晨2点到5点进行升级维护' |
||||
}] |
||||
} |
||||
}, |
||||
methods: { |
||||
handleRead(index) { |
||||
const item = this.unread.splice(index, 1); |
||||
this.read = item.concat(this.read); |
||||
}, |
||||
handleDel(index) { |
||||
const item = this.read.splice(index, 1); |
||||
this.recycle = item.concat(this.recycle); |
||||
}, |
||||
handleRestore(index) { |
||||
const item = this.recycle.splice(index, 1); |
||||
this.read = item.concat(this.read); |
||||
} |
||||
}, |
||||
computed: { |
||||
unreadNum(){ |
||||
return this.unread.length; |
||||
} |
||||
} |
||||
} |
||||
|
||||
</script> |
||||
|
||||
<style> |
||||
.message-title{ |
||||
cursor: pointer; |
||||
} |
||||
.handle-row{ |
||||
margin-top: 30px; |
||||
} |
||||
</style> |
||||
|
||||
@ -0,0 +1,365 @@ |
||||
<template> |
||||
<div> |
||||
<div class="container_bg"> |
||||
<div class="border-b flex-between ht50"> |
||||
<div class="flex-center"> |
||||
<img src="../../assets/img/client-icon.png" alt="人力资源管理" class="top-module-icon mgr10" /> |
||||
<p class="c-black">客户资源管理系统</p> |
||||
</div> |
||||
<!-- 这是一个后退按钮组件 --> |
||||
<back @click.native="goto('workbench')"></back> |
||||
</div> |
||||
</div> |
||||
<!-- 下面整体 --> |
||||
<div class="container_bg main"> |
||||
<!-- 按钮组和搜索 --> |
||||
<div class="flex-between mgt20 ht40 c"> |
||||
<div class="flex-center"> |
||||
<p class="font-blue fz-16 mgr30 not-zoom">创建时间</p> |
||||
<div> |
||||
<el-radio-group v-model="listSeach.createTime" @change="itemRadio"> |
||||
<el-radio-button class="btn-group" v-for="(item,index) in dateList" :key="index" :label="item.id">{{item.name}}</el-radio-button> |
||||
</el-radio-group> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="flex-center mgl30 ht40 date"> |
||||
<p class="font-blue fz-16 mgr20 not-zoom">自定义</p> |
||||
<el-date-picker |
||||
class="ht40" |
||||
v-model="datesSelect" |
||||
@change="getDates" |
||||
type="daterange" |
||||
range-separator="至" |
||||
start-placeholder="开始日期" |
||||
end-placeholder="结束日期" |
||||
format="yyyy-MM-dd" |
||||
value-format="timestamp" |
||||
> |
||||
</el-date-picker> |
||||
</div> |
||||
<!-- <div class="flex-center mgl30"> |
||||
<p class="font-blue fz-16 mgr20 not-zoom">客户类型</p> |
||||
<el-select class="ht40" v-model="listSeach.customerType" clearable placeholder="请选择客户类型"> |
||||
<el-option label="个人" :value="0"> </el-option> |
||||
<el-option label="企业" :value="1"> </el-option> |
||||
</el-select> |
||||
</div> --> |
||||
<div class="df mgl30"> |
||||
<el-input class="ht40" placeholder="请输入客户编号或名称" v-model="listSeach.codeOrName" clearable> </el-input> |
||||
<el-button @click="getListData('serach')" class="mgl20 ht40 round-btn" type="primary" round>查询</el-button> |
||||
</div> |
||||
</div> |
||||
<div> |
||||
<div class="flex-between ht40 mgt40 mgb10"> |
||||
<div class="left-border fz-16"><p class="mgl10 c-black">客户列表</p></div> |
||||
<el-button |
||||
v-if="$router.currentRoute.meta.btn.includes('新增客户')" |
||||
type="primary" |
||||
icon="el-icon-plus" |
||||
round |
||||
class="ht40 pdt10" |
||||
@click.native="estimatePage('workbench-client-message')" |
||||
> |
||||
<p class="dib fz-14">添加客户</p> |
||||
</el-button> |
||||
</div> |
||||
<div class="table-box shadow radius10 pdt10" v-loading="listLoading"> |
||||
<list :check='false' :tableData="tableData" @getPaging="getPaging" :totalPage='totalPage' :nowPage='nowPage' :totalCount="totalCount" @getSize="getSize"> |
||||
<template v-slot:tableData> |
||||
<el-table-column prop="code" label="客户编号" width="100" align="center"></el-table-column> |
||||
<el-table-column prop="name" label="客户姓名" show-overflow-tooltip align="center"></el-table-column> |
||||
<el-table-column prop="phone" label="联系电话" align="center"></el-table-column> |
||||
<el-table-column label="客户类型" align="center"> |
||||
<template slot-scope="scope"> |
||||
<p>{{scope.row.type}}</p> |
||||
</template> |
||||
</el-table-column> |
||||
<el-table-column prop="createTime" label="创建时间" align="center"></el-table-column> |
||||
<el-table-column prop="departments" label="所属部门" align="center"></el-table-column> |
||||
<el-table-column prop="manager" label="客户经理" align="center"></el-table-column> |
||||
<el-table-column prop="name" label="操作" width="200" align="center"> |
||||
<template slot-scope="scope"> |
||||
<el-button v-if="$router.currentRoute.meta.btn.includes('查看客户')" class="crud_btn" type="text" size="mini" @click="estimatePage(scope, scope.$index, 'watch')" |
||||
>查看</el-button |
||||
> |
||||
<el-button v-if="$router.currentRoute.meta.btn.includes('编辑客户')" class="crud_btn" type="text" size="mini" @click="estimatePage(scope, scope.$index, 'edit')" |
||||
>编辑</el-button |
||||
> |
||||
<el-button |
||||
v-if="$router.currentRoute.meta.btn.includes('删除客户')" |
||||
:disabled="false" |
||||
class="crud_btn" |
||||
type="text" |
||||
size="mini" |
||||
@click="estimatePage(scope, scope.$index, 'delete')" |
||||
>删除</el-button |
||||
> |
||||
</template> |
||||
</el-table-column> |
||||
</template> |
||||
</list> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!-- 删除客户弹框 --> |
||||
<el-dialog :visible.sync="deleteBox" width="30%"> |
||||
<div class="delete"> |
||||
<img src="../../assets/img/delete-xxl-icon.png" alt="提示" /> |
||||
</div> |
||||
<div class="fj-center"> |
||||
<p class="c-red fz-18">提示</p> |
||||
</div> |
||||
<div class="fj-center mgt30"> |
||||
<!-- 未完成：这里应该有场景变化动态变化内容 --> |
||||
<!-- 未完成：需要根据场景，确定取消按钮的显示与否 --> |
||||
<p class="fz-16">确认删除该客户？</p> |
||||
</div> |
||||
<div class="fj-center mgt20"> |
||||
<sure @click.native="deleteClent"></sure> |
||||
<cancle @click.native="deleteBox=false"></cancle> |
||||
</div> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import list from '../common/background-list'; |
||||
import sure from '../common/sure_btn'; |
||||
import cancle from '../common/cancel_btn'; |
||||
import back from '../common/back'; |
||||
import { |
||||
workClientDel, |
||||
workClientParticulars, |
||||
workClientMsgList, |
||||
workClientManager, |
||||
workClientNoPass, |
||||
workClientPass, |
||||
workClientAddEnterprise, |
||||
workClientMsg, |
||||
workEditClientMsg |
||||
} from '../../utils/api'; |
||||
|
||||
export default { |
||||
components: { |
||||
list, |
||||
sure, |
||||
cancle, |
||||
back |
||||
}, |
||||
data() { |
||||
return { |
||||
// 查询列表参数 |
||||
listSeach: { page: 1, size: 10,createTime:0 }, |
||||
tableData: [],// 删除显隐 |
||||
deleteBox: false, |
||||
// 按钮组数据 |
||||
dateList: [ |
||||
{id: 0,name: '不限'},{id: 3,name: '3个月内'},{id: 6,name: '6个月内'},{id: 9,name: '9个月内'},{id: 12,name: '1年内'} |
||||
], |
||||
btnVal: 0, |
||||
listLoading:false, |
||||
datesSelect:[], |
||||
selectId:Number, |
||||
nowPage:1, |
||||
totalPage:null, |
||||
totalCount:10 |
||||
}; |
||||
}, |
||||
filters:{ |
||||
clientStatus(val){ |
||||
switch (val) { |
||||
case 0: |
||||
return '通过' |
||||
break; |
||||
case 1: |
||||
return '不通过' |
||||
break; |
||||
|
||||
default: |
||||
return '待审核' |
||||
break; |
||||
} |
||||
} |
||||
}, |
||||
methods: { |
||||
// 后退键跳转方法 |
||||
goto(path) { |
||||
this.$router.push('/' + path); |
||||
}, |
||||
// 取得列表勾选框 |
||||
getCheck(val) { |
||||
}, |
||||
// 判断是新增，审查，编辑页,取ID |
||||
estimatePage(data, index, val) { |
||||
if (val && data) { |
||||
if (val == 'watch') { |
||||
sessionStorage.setItem('watch-client', true); |
||||
sessionStorage.setItem('work-client-id', data.row.id); |
||||
sessionStorage.setItem('work-client-companyId', data.row.companyId); |
||||
this.goto('workbench-client-message'); |
||||
} else if (val == 'edit') { |
||||
sessionStorage.setItem('edit-client', true); |
||||
sessionStorage.setItem('work-client-id', data.row.id); |
||||
sessionStorage.setItem('work-client-companyId', data.row.companyId); |
||||
this.goto('workbench-client-message'); |
||||
} else if(val == 'delete'){ |
||||
// 这里需要切换弹框显示，如果未审核，切换提示审核弹框， |
||||
// 已审核，则显示确认删除 |
||||
// 状态未定义，先不做判断 |
||||
// if(data.row.status===0){}else{} |
||||
this.deleteBox = true |
||||
this.selectId = data.row.id |
||||
} |
||||
}else{ |
||||
//新增 |
||||
this.goto('workbench-client-message'); |
||||
} |
||||
}, |
||||
// 按钮组切换 |
||||
itemRadio(val) { |
||||
this.listSeach.createTime = val |
||||
// this.getListData() |
||||
}, |
||||
|
||||
// 获取列表信息 |
||||
async getListData(val) { |
||||
if(val==='serach'){ |
||||
this.nowPage = 1 |
||||
|
||||
} |
||||
this.listLoading = true |
||||
this.listSeach.page = this.nowPage |
||||
let res = await workClientMsgList(this.listSeach); |
||||
res.data.list.map((e) => { |
||||
e.type = e.type == 0 ? '个人类型' : '企业类型'; |
||||
if (e.departments) { |
||||
e.departments = e.departments.join(','); |
||||
} |
||||
}); |
||||
this.totalPage = res.data.totalPage |
||||
this.tableData = res.data.list; |
||||
this.listLoading = false |
||||
this.totalCount = res.data.totalCount |
||||
this.nowPage = res.data.currPage |
||||
}, |
||||
getSize(val){ |
||||
this.listSeach.page = 1 |
||||
this.listSeach.size=val |
||||
this.getListData() |
||||
}, |
||||
// 转时间错格式 |
||||
formatDayTime(val) { |
||||
if(val) { |
||||
let date = new Date(val) |
||||
let Y = date.getFullYear(); |
||||
let M = date.getMonth() + 1; |
||||
let D = date.getDate(); |
||||
if(M < 10) { |
||||
M = '0' + M; |
||||
} |
||||
if(D < 10) { |
||||
D = '0' + D; |
||||
} |
||||
return Y + '-' + M + '-' + D ; |
||||
} else { |
||||
return ''; |
||||
} |
||||
}, |
||||
getDates(val){ |
||||
let num = 3600*24*1000 |
||||
if(this.datesSelect!==null){ |
||||
// if(this.datesSelect[0]===this.datesSelect[1]){ |
||||
// this.listSeach.startTime = this.formatDayTime(this.datesSelect[0]) |
||||
// this.listSeach.endTime = this.formatDayTime(this.datesSelect[1]+ num) |
||||
// }else{ |
||||
this.listSeach.startTime = this.formatDayTime(this.datesSelect[0]) |
||||
this.listSeach.endTime = this.formatDayTime(this.datesSelect[1]) |
||||
// } |
||||
}else{ |
||||
this.listSeach.startTime = null |
||||
this.listSeach.endTime = null |
||||
} |
||||
}, |
||||
// 删除功能 |
||||
async deleteClent(){ |
||||
let res =await workClientDel([this.selectId]) |
||||
if(res.code===10000){ |
||||
this.deleteBox = false |
||||
this.$message.success(res.message) |
||||
this.getListData() |
||||
} |
||||
}, |
||||
// 分页器 |
||||
getPaging(val){ |
||||
this.nowPage = val |
||||
this.getListData() |
||||
|
||||
} |
||||
}, |
||||
created() { |
||||
this.getListData(); |
||||
} |
||||
}; |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
// @import url('../../assets/css/common.scss'); |
||||
|
||||
.el-icon-new-staff { |
||||
background-image: url('../../assets/img/plus.png'); |
||||
background-size: cover; |
||||
position: relative; |
||||
&::before { |
||||
content: '\e78f'; |
||||
visibility: hidden; |
||||
} |
||||
} |
||||
.main { |
||||
min-height: 41.4vw; |
||||
} |
||||
.table-box { |
||||
min-height: 35vw; |
||||
} |
||||
|
||||
/deep/ .el-input--suffix .el-input__inner { |
||||
height: 35px; |
||||
} |
||||
/deep/ .el-input__inner { |
||||
border-radius: 25px; |
||||
height: 35px; |
||||
line-height: 35px; |
||||
} |
||||
.round-btn { |
||||
padding-top: 9px; |
||||
} |
||||
.delete { |
||||
text-align: center; |
||||
img { |
||||
width: 140px; |
||||
height: 188px; |
||||
} |
||||
} |
||||
/deep/ .el-radio-button:last-child .el-radio-button__inner { |
||||
height: 35px; |
||||
} |
||||
/deep/ .el-radio-button__inner { |
||||
height: 35px; |
||||
} |
||||
/deep/ .el-input__icon { |
||||
line-height: 34px; |
||||
} |
||||
/deep/ .el-radio-button__inner { |
||||
padding-left: 12px !important; |
||||
padding-right: 12px !important; |
||||
} |
||||
/deep/ .el-select .el-input .el-select__caret { |
||||
position: relative; |
||||
right: 8px; |
||||
} |
||||
.btn-wrap{ |
||||
display: flex; |
||||
flex-wrap: nowrap |
||||
} |
||||
/deep/ .el-date-editor .el-range-separator{ |
||||
width:25px |
||||
} |
||||
</style> |
||||
@ -0,0 +1,851 @@ |
||||
<template> |
||||
<div> |
||||
<div class="container_bg"> |
||||
<div class="border-b flex-between ht50"> |
||||
<div class="flex-center"> |
||||
<img src="../../assets/img/icon-guarantee.png" alt="人力资源管理" class="manpower-icon mgr10" /> |
||||
<p class="fz-18 c-black mgb0">担保业务管理系统</p> |
||||
</div> |
||||
<!-- 这是一个后退按钮组件 --> |
||||
<back @click.native="backTo()"></back> |
||||
</div> |
||||
<div class="self main mgt20 df"> |
||||
<!-- 侧边栏 --> |
||||
<leftSidebar :title="fakeDate" @getSidebarVal="getIndex" :pitchOn="showValue"></leftSidebar> |
||||
<!-- 右边内容 --> |
||||
<!-- 侧边栏第一项 --> |
||||
<div v-if="showValue == '1'" class="main-right mgl20 self"> |
||||
<!-- 顶部选择栏 --> |
||||
<topSidebar :title="manageTopSidebar" :pitchOn="topSidebarVal" @getSidebarVal="getTopSidebar"> </topSidebar> |
||||
<!-- 业务申请 --> |
||||
<BusinessApplyDepartment ref="businessApplyDep" v-if="topSidebarVal == '1'"></BusinessApplyDepartment> |
||||
<!-- 担保部调查 --> |
||||
<GuaranteeDepartment ref="guaranteeDep" v-if="topSidebarVal == '2'"></GuaranteeDepartment> |
||||
<!-- 资产部 --> |
||||
<PropertyDepartment ref="propertyDep" v-if="topSidebarVal == '3'"></PropertyDepartment> |
||||
<!-- 信息部 --> |
||||
<MessageDepartment ref="messageDep" v-if="topSidebarVal == '4'"></MessageDepartment> |
||||
<!-- 合规调查 --> |
||||
<ComplianceDepartment ref="complianceDep" v-if="topSidebarVal == '5'"></ComplianceDepartment> |
||||
<!-- 工作会 --> |
||||
<WorkDepartment ref="workDep" v-if="topSidebarVal == '6'"></WorkDepartment> |
||||
<!-- 贷审会 --> |
||||
<LoansDepartment ref="loansDep" v-if="topSidebarVal == '7'"></LoansDepartment> |
||||
<!-- 担保函 --> |
||||
<Letter ref="letter" v-if="topSidebarVal == '8'"></Letter> |
||||
<!-- 财务确认 --> |
||||
<Payment ref="payment" v-if="topSidebarVal == '9'"></Payment> |
||||
<!-- 放款通知 --> |
||||
<Notice ref="notice" v-if="topSidebarVal == '10'"></Notice> |
||||
</div> |
||||
<!-- 侧边栏选择2：业务统计 --> |
||||
<div v-if="showValue == '2'" class="main-right mgl20 self"> |
||||
<StatisticsMoudle></StatisticsMoudle> |
||||
</div> |
||||
<!-- 侧边栏选择3：流程效率 --> |
||||
<div v-if="showValue == '3'" class="main-right mgl20 self" @click="flowMoudle"> |
||||
<FlowPathMoudle></FlowPathMoudle> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import leftSidebar from '../common/left-sidebar'; |
||||
import topSidebar from '../common/top_sidebar'; |
||||
import {searchLinkmanList,getLinkmanList,delLinkmanList,newLinkmanList,editLinkmanList,getAllClient,allBankName,businessApplication,companyInfoBySth,guaranteeUploadFile,guaranteeDeleteFile,businessApplyList,businessApplyWatch,businessApplyEdit,businessApplyAudit,businessApplyRepeal,guaranteeList,guaranteeDetails,guaranteeSurvey,guaranteeleader,guaranteeDesignateAB,assetAudit,assetWatch,assetList,assetAssign,assetSurvey,businessExportList,guaranteeExportList,assetExportList,messageExportList,messageList,messageDetail,messageAssign,messageSurvey,messageAudit,complianceAssign,complianceAudit,complianceList,complianceDetail,complianceSurvey,complianceExportList,workAudit,workOpinion,workList,workDetail,workExtract,loansAudit,loansList,loansDetail,loansJudge,loansExportList,workExportList,designateEmpTrees} from '../../utils/api' |
||||
import axios from 'axios'; |
||||
import StatisticsMoudle from '../common/statisticsMoudle.vue'; |
||||
import FlowPathMoudle from '../common/flowPathMoudle.vue'; |
||||
var myToken = sessionStorage.getItem('token') |
||||
// 贷审会-贷审会意见--规则 |
||||
|
||||
export default { |
||||
components: { |
||||
leftSidebar, |
||||
topSidebar, |
||||
}, |
||||
data() { |
||||
return { |
||||
tableData:[], |
||||
// data: data, //调查树结构假数据 |
||||
showValue: '1', // 侧边栏的值 |
||||
topSidebarVal: '0', //业务管理顶部栏的值 |
||||
// statisticsTopVal: '1', //业务统计顶部栏的值 |
||||
flowPathTopVal: '1', //业务统计顶部栏的值 |
||||
// 侧边栏渲染,根据数据进行渲染，根据id或其他进行切换展示内容 |
||||
fakeDate: [ |
||||
{ name: '业务管理', index: '1' }, |
||||
{ name: '业务统计', index: '2' }, |
||||
{ name: '流程效率', index: '3' } |
||||
], |
||||
// 业务管理的顶部选项栏 |
||||
manageTopSidebar: [ |
||||
{ name: '业务申请', index: '1' }, |
||||
{ name: '担保部调查', index: '2' }, |
||||
{ name: '资产部调查', index: '3' }, |
||||
{ name: '信息部调查', index: '4' }, |
||||
{ name: '合规调查', index: '5' }, |
||||
{ name: '工作会', index: '6' }, |
||||
{ name: '贷审会', index: '7' }, |
||||
{ name: '担保函', index: '8' }, |
||||
{ name: '财务确认', index: '9' }, |
||||
{ name: '放款通知', index: '10' } |
||||
], |
||||
} |
||||
}, |
||||
destroyed() { |
||||
}, |
||||
watch:{ |
||||
"$store.state.messageData":function(val,old){// 监听 vuex得数据变化 |
||||
this.topSidebarVal = val.modelId.toString() |
||||
this.showValue = '1' |
||||
// this.$store.commit("guaranteeData", { topSidebarVal: val.modelId.toString() }); |
||||
}, |
||||
showValue:function(val){// 侧边栏 |
||||
sessionStorage.setItem('workbench-guarantee-left-sidebar', val); |
||||
this.$store.commit("loansData", { loans: true }); |
||||
if(this.$route.query.loans)this.$router.push({query:''}) |
||||
sessionStorage.removeItem('flowPath-topsidebar')// 删除团队效率的顶部 |
||||
if(this.showValue!='1') { |
||||
sessionStorage.removeItem('fromCopyTo') // 删除抄送的储存---判断不是业务管理的情况下 |
||||
} |
||||
|
||||
}, |
||||
topSidebarVal:function(val){// 检测顶部值变化记录到vuex |
||||
// this.$store.commit('messageData',{messageData:{modelId:val}}) |
||||
this.$store.commit("guaranteeData", { topSidebarVal:val }); |
||||
} |
||||
}, |
||||
mounted() { |
||||
this.topSidebarVal = this.$store.state.guarantee.topSidebarVal// 读取业务管理顶部栏状态 |
||||
this.topSidebarVal = this.$store.state.messageData.modelId.toString()// 读取快捷处理 |
||||
}, |
||||
created() { |
||||
// 读取侧边栏状态 |
||||
if (sessionStorage.getItem('workbench-guarantee-left-sidebar')) { |
||||
this.showValue = sessionStorage.getItem('workbench-guarantee-left-sidebar'); |
||||
} |
||||
// 流程效率 |
||||
if(sessionStorage.getItem('homeJump')){ |
||||
this.showValue = '3' |
||||
} |
||||
|
||||
}, |
||||
|
||||
methods:{ |
||||
// 跳转方法 |
||||
goto(path) { |
||||
this.$router.push('/' + path); |
||||
}, |
||||
// 思路：控制组件的loans，判断loans为true时，则后退到主页 |
||||
// 后退键功能的判断 |
||||
backTo(){ |
||||
if(this.showValue == '2'||this.showValue == '3'){ |
||||
this.goto('workbench') |
||||
}else { |
||||
let val='' |
||||
switch (this.topSidebarVal) { |
||||
case '1': |
||||
val = 'businessApplyDep' |
||||
break; |
||||
case '2': |
||||
val = 'guaranteeDep' |
||||
break; |
||||
case '3': |
||||
val = 'propertyDep' |
||||
break; |
||||
case '4': |
||||
val = 'messageDep' |
||||
break; |
||||
case '5': |
||||
val = 'complianceDep' |
||||
break; |
||||
case '6': |
||||
val = 'workDep' |
||||
break; |
||||
case '7': |
||||
val = "loansDep" |
||||
break; |
||||
case '8': |
||||
val = "letter" |
||||
break; |
||||
case '9': |
||||
val = "payment" |
||||
break; |
||||
case '10': |
||||
val = "notice" |
||||
break; |
||||
default: |
||||
break; |
||||
} |
||||
this.$store.commit("loansData", { loans: true }); |
||||
if(this.$refs[val].loans === true){ |
||||
this.goto('workbench') |
||||
}else{ |
||||
this.$refs[val].loans = true |
||||
} |
||||
} |
||||
}, |
||||
// 侧边栏切换组件状态保存 |
||||
getIndex(index) { |
||||
switch (index) { |
||||
case '1': |
||||
this.topSidebarVal = '1'; |
||||
this.$nextTick(()=>{ |
||||
this.$refs['businessApplyDep'].loans = true |
||||
}) |
||||
// this.loans = true; |
||||
break; |
||||
case '2': |
||||
this.statisticsTopVal = '1' |
||||
break; |
||||
case '3': |
||||
this.flowPathTopVal = '1' |
||||
break; |
||||
} |
||||
if(index){ |
||||
this.showValue = index; |
||||
} |
||||
sessionStorage.removeItem('homeJump') |
||||
// 状态保存 |
||||
// sessionStorage.setItem('workbench-guarantee-left-sidebar', index); |
||||
}, |
||||
// 读取业务管理顶部栏 |
||||
getTopSidebar(index,val) { |
||||
this.topSidebarVal = index; |
||||
sessionStorage.removeItem('fromCopyTo') // 删除抄送的保存值 |
||||
this.$store.commit('messageData',{messageData:{modelId:index}}) |
||||
let str = '' |
||||
switch (this.topSidebarVal) { |
||||
case '1': |
||||
str = 'businessApplyDep' |
||||
break; |
||||
case '2': |
||||
str = 'guaranteeDep' |
||||
break; |
||||
case '3': |
||||
str = 'propertyDep' |
||||
break; |
||||
case '4': |
||||
str = 'messageDep' |
||||
break; |
||||
case '5': |
||||
str = 'complianceDep' |
||||
break; |
||||
case '6': |
||||
str = 'workDep' |
||||
break; |
||||
case '7': |
||||
str = "loansDep" |
||||
break; |
||||
case '8': |
||||
str = "letter" |
||||
break; |
||||
case '9': |
||||
str = "payment" |
||||
break; |
||||
case '10': |
||||
str = "notice" |
||||
break; |
||||
} |
||||
this.$nextTick(()=>{ |
||||
this.$refs[str].loans = true |
||||
this.$refs[str].reload++ |
||||
}) |
||||
this.$store.commit("loansData", { loans: true }); |
||||
// 存储顶部状态 |
||||
this.$store.commit("guaranteeData", { topSidebarVal: this.topSidebarVal }); |
||||
}, |
||||
// 清除其他所有状态保存 |
||||
removeSession() { |
||||
sessionStorage.removeItem('workbench-guarantee-left-sidebar'); |
||||
}, |
||||
|
||||
// 团队效率--流程查看 |
||||
showFlowPath(){ |
||||
this.flowPath = !this.flowPath |
||||
}, |
||||
// 按钮组切换 |
||||
itemRadio(val){ |
||||
}, |
||||
// 转时间错格式 |
||||
formatDayTime(val) { |
||||
if(val) { |
||||
let date = new Date(val) |
||||
let Y = date.getFullYear(); |
||||
let M = date.getMonth() + 1; |
||||
let D = date.getDate(); |
||||
if(M < 10) { |
||||
M = '0' + M; |
||||
} |
||||
if(D < 10) { |
||||
D = '0' + D; |
||||
} |
||||
return Y + '-' + M + '-' + D ; |
||||
} else { |
||||
return ''; |
||||
} |
||||
}, |
||||
// 开始时间和结束时间的处理 |
||||
getDates(date,val,val1){ |
||||
// val,开始时间，val2，结束时间 |
||||
let num = 3600*24*1000 |
||||
if(date!==null){ |
||||
if(date[0]===date[1]){ |
||||
// 这里应该赋值 |
||||
val = this.formatDayTime(date[0]) |
||||
val1 = this.formatDayTime(date[1]+num) |
||||
}else{ |
||||
val = this.formatDayTime(date[0]) |
||||
val1 = this.formatDayTime(date[1]+num) |
||||
} |
||||
}else{ |
||||
val = null |
||||
val1 = null |
||||
} |
||||
}, |
||||
//select选择宽度匹配 |
||||
setMinWidth(val) { |
||||
this.minWidth = val.srcElement.clientWidth; |
||||
}, |
||||
// |
||||
flowMoudle(){ |
||||
sessionStorage.removeItem('workbench-guarantee-flowPath-topsidebar') |
||||
} |
||||
|
||||
}, |
||||
|
||||
|
||||
// 在离开当前路由的时候清除状态保存 |
||||
beforeRouteLeave(to, from, next) { |
||||
// 如果跳转退出当前页，清除所有状态保存 |
||||
this.$store.commit("guaranteeData", { topSidebarVal: '1' }); |
||||
this.$store.commit("loansData", { loans:true }); |
||||
|
||||
this.removeSession(); |
||||
next(); |
||||
}, |
||||
destroyed(){} |
||||
}; |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
.main { |
||||
width: 100%; |
||||
} |
||||
.main-right { |
||||
width: 90%; |
||||
height: 100%; |
||||
} |
||||
.search-box { |
||||
height: 60px; |
||||
} |
||||
/deep/ .el-input__inner { |
||||
border-radius: 20px; |
||||
height: 35px !important; |
||||
line-height: 35px; |
||||
} |
||||
.left-sidebar { |
||||
height: 797px; |
||||
} |
||||
.btn-pdt { |
||||
padding-top: 10px; |
||||
} |
||||
.list-box { |
||||
min-height: 37vw; |
||||
} |
||||
|
||||
/deep/.el-form-item__label { |
||||
// width: 170px !important; |
||||
color: #00b9ff; |
||||
} |
||||
.cathet-btn { |
||||
border-radius: 0 25px 25px 0; |
||||
width: 70px; |
||||
padding-left: 3px; |
||||
padding-top: 10px; |
||||
height: 35px; |
||||
margin-left: 0; |
||||
margin-top: 10px; |
||||
border: 0; |
||||
&:hover { |
||||
border: 0; |
||||
background: #fff; |
||||
color: #52b1ff; |
||||
box-shadow: 0 0 5px #e2dfdf; |
||||
} |
||||
} |
||||
.pitch-on-cathet { |
||||
border-radius: 0 25px 25px 0; |
||||
width: 70px; |
||||
padding-left: 3px; |
||||
padding-top: 10px; |
||||
height: 35px; |
||||
margin-left: 0; |
||||
margin-top: 10px; |
||||
border: 0; |
||||
background: #fff; |
||||
color: #52b1ff; |
||||
box-shadow: 1px 0px 0 #e2dfdf, 0px 1px 0 #e2dfdf, 0 -1px 0 #e2dfdf; |
||||
overflow: hidden; |
||||
box-shadow: -1px 0 0px -1px #ccc, /*左边阴影*/ 0 -2px 2px -2px #ccc, /*顶部阴影*/ 0 2px 2px -2px #ccc, /*底部阴影*/ 1px 0 2px 1px #ccc; /*右边阴影*/ |
||||
} |
||||
.cathet-group { |
||||
position: absolute; |
||||
right: -4.8%; |
||||
top: 10%; |
||||
} |
||||
.cathet-apply { |
||||
top: 9%; |
||||
} |
||||
.cathet-click { |
||||
top: 39%; |
||||
} |
||||
.property-box { |
||||
background: #fff; |
||||
} |
||||
.crud-icon { |
||||
width: 35px; |
||||
height: 35px; |
||||
padding: 0; |
||||
border: 0; |
||||
} |
||||
/deep/ .el-input.is-disabled .el-input__inner { |
||||
height: 35px !important; |
||||
} |
||||
|
||||
.profit-box { |
||||
position: relative; |
||||
top: -10px; |
||||
overflow: hidden; |
||||
border-top-left-radius: 0; |
||||
border-top-right-radius: 0; |
||||
border-top-color: transparent; |
||||
} |
||||
|
||||
.accessory-left { |
||||
margin: 20px 0; |
||||
padding-right: 100px; |
||||
width: 33%; |
||||
border-right: 1px solid #f2f2f2; |
||||
/deep/ .el-menu { |
||||
border-right: 0; |
||||
} |
||||
} |
||||
.checkBox-Wrap { |
||||
width: 200px; |
||||
height: 260px; |
||||
background: #fff; |
||||
} |
||||
.checkBox-Img { |
||||
width: 100%; |
||||
height: 160px; |
||||
} |
||||
|
||||
/deep/ .el-checkbox__inner { |
||||
border: 0; |
||||
background: url('../../assets/img/btn_per_un.png') no-repeat center; |
||||
background-size: cover; |
||||
width: 20px; |
||||
height: 20px; |
||||
border-radius: 50%; |
||||
overflow: hidden; |
||||
transition: none; |
||||
} |
||||
/deep/ .el-checkbox__input.is-checked .el-checkbox__inner { |
||||
background-color: transparent; |
||||
transition: none; |
||||
width: 20px; |
||||
height: 20px; |
||||
} |
||||
/deep/.el-checkbox__input.is-checked .el-checkbox__inner::after { |
||||
overflow: hidden; |
||||
content: ''; |
||||
background: transparent; |
||||
background-image: url('../../assets/img/btn_pre.png'); |
||||
|
||||
width: 20px; |
||||
height: 20px; |
||||
border: 0; |
||||
background-size: cover; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
transition: none; |
||||
} |
||||
|
||||
/deep/ .el-dialog__headerbtn .el-dialog__close { |
||||
font-size: 30px; |
||||
color: #666; |
||||
z-index: 999; |
||||
} |
||||
.custom-tree-node { |
||||
flex: 1; |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
font-size: 14px; |
||||
padding-right: 10px; |
||||
} |
||||
.custom-tree-node /deep/ .el-checkbox__input.is-checked + .el-checkbox__label { |
||||
color: #fff; |
||||
} |
||||
.tree-close-icon { |
||||
width: 20px; |
||||
height: 20px; |
||||
position: absolute; |
||||
right: -7%; |
||||
top: 19%; |
||||
} |
||||
.flex1 /deep/ .el-date-editor.el-input { |
||||
width: 100%; |
||||
} |
||||
|
||||
.wd32-5 { |
||||
width: 32.5%; |
||||
} |
||||
.flow-path-wrap{ |
||||
/deep/ .el-dialog__header{ |
||||
padding: 25px; |
||||
} |
||||
/deep/ .el-dialog{ |
||||
position: fixed; |
||||
margin-top: 0!important; |
||||
right: 121px; |
||||
top: 260px; |
||||
} |
||||
/deep/ .el-dialog__body{ |
||||
padding: 0; |
||||
} |
||||
.status{ |
||||
position: absolute; |
||||
|
||||
bottom:0px; |
||||
right: 30px; |
||||
z-index: 20; |
||||
overflow: hidden; |
||||
} |
||||
.approve-status{ |
||||
width: 90px; |
||||
position: absolute; |
||||
bottom: -45px; |
||||
right: 100px; |
||||
} |
||||
.repeal{ |
||||
width: 50px; |
||||
|
||||
} |
||||
|
||||
} |
||||
.flow-path-text{ |
||||
position: absolute; |
||||
top: 15px; |
||||
} |
||||
.head-icon{ |
||||
background: #fff; |
||||
z-index: 10; |
||||
border: 50%; |
||||
width: 50px; |
||||
height: 50px; |
||||
} |
||||
.flow-img{ |
||||
position: absolute; |
||||
top:50%; |
||||
right: 20%; |
||||
|
||||
} |
||||
.long-line{ |
||||
z-index: 0; |
||||
height: 130px; |
||||
width: 0; |
||||
border-left: 5px solid #CCCCCC; |
||||
position: absolute; |
||||
top: 40px; |
||||
left: 53px; |
||||
} |
||||
/deep/ .el-radio-button:last-child .el-radio-button__inner{ |
||||
height: 35px; |
||||
} |
||||
/deep/ .el-radio-button__inner{ |
||||
padding-left: 15px!important; |
||||
padding-right: 15px!important; |
||||
} |
||||
/deep/ .el-radio-button__inner{ |
||||
height: 35px; |
||||
} |
||||
/deep/ .flow .el-radio-button__inner{ |
||||
padding-top: 10px; |
||||
padding-bottom: 10px; |
||||
} |
||||
/deep/ .el-input__icon{ |
||||
line-height: 28px; |
||||
} |
||||
/deep/ .el-date-editor .el-range-separator{ |
||||
width: 20px; |
||||
padding: 0; |
||||
} |
||||
.updataBox{ |
||||
min-height: 500px; |
||||
margin-top: 20px; |
||||
} |
||||
/deep/ .el-upload-list{ |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
} |
||||
/deep/ .el-upload-list__item{ |
||||
margin: 0!important; |
||||
&:first-child{ |
||||
margin: 0!important; |
||||
} |
||||
&:focus{ |
||||
outline: none; |
||||
} |
||||
} |
||||
.item-from{ |
||||
position: relative; |
||||
&::before{ |
||||
content: '*'; |
||||
color: #F56C6C; |
||||
margin-right: 0.25rem; |
||||
position: absolute; |
||||
top: 14%; |
||||
left: 9.2%; |
||||
} |
||||
} |
||||
|
||||
.flow-path-img /deep/ .el-table th.is-leaf, .el-table td{ |
||||
border-bottom: 0; |
||||
} |
||||
.flow-path-img /deep/ .el-table td{ |
||||
border-bottom: 0; |
||||
padding: 3px 0!important; |
||||
} |
||||
.flow-path-img /deep/ .el-table::before{ |
||||
height: 0; |
||||
} |
||||
.flow-path-img /deep/ .el-table .cell{ |
||||
overflow: initial; |
||||
} |
||||
.flow-path-img /deep/ .el-table th{ |
||||
overflow: initial; |
||||
} |
||||
.flow-path-img /deep/ .el-table{ |
||||
overflow: initial; |
||||
} |
||||
.straight-line{ |
||||
border: 1px solid #c6c6c6; |
||||
width: 1px; |
||||
height: 70px; |
||||
position: absolute; |
||||
left: 50%; |
||||
top: -57%; |
||||
transform: translate(-50%,0); |
||||
z-index: 0; |
||||
} |
||||
.head-steaight-line{ |
||||
@extend .straight-line; |
||||
top: 50%; |
||||
} |
||||
.flow{ |
||||
position: relative; |
||||
} |
||||
.flow .text-icon{ |
||||
position: relative; |
||||
z-index: 10; |
||||
border-radius: 50%; |
||||
background: #fff; |
||||
width: 20px; |
||||
height: 20px; |
||||
border: 1px solid #c6c6c6; |
||||
line-height: 20px; |
||||
} |
||||
.delete { |
||||
text-align: center; |
||||
img { |
||||
width: 140px; |
||||
height: 188px; |
||||
} |
||||
} |
||||
.fileIframe{ |
||||
z-index: 1; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
bottom: 0; |
||||
right: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.el-image-viewer__wrapper{ |
||||
transform: translateY(-10px); |
||||
transition: transform .5s; |
||||
&.active{ |
||||
transform: translateY(0) |
||||
} |
||||
} |
||||
.el-image-viewer__close{ |
||||
z-index: 2; |
||||
top: 15px; |
||||
right: 15px; |
||||
} |
||||
.listflow-box{ |
||||
height: 70px; |
||||
position: relative; |
||||
} |
||||
.listflow-img{ |
||||
position: absolute; |
||||
z-index: 9; |
||||
top: 50%; |
||||
margin: auto; |
||||
transform: translate(-50%, -50%); |
||||
left: 50%; |
||||
} |
||||
.listFlow-straight-line{ |
||||
|
||||
border-radius: 3px; |
||||
border-right: 0; |
||||
border-top: 0; |
||||
border-bottom: 0; |
||||
width: 1px; |
||||
height:78px; |
||||
position: absolute; |
||||
left:6.8%; |
||||
top: 31%; |
||||
z-index: 10; |
||||
} |
||||
.flowList-btn{ |
||||
border: 0; |
||||
box-shadow: 0 0 9px #ccc; |
||||
&:hover{ |
||||
background: #fff; |
||||
} |
||||
} |
||||
.up-img-box{ |
||||
position: relative; |
||||
height: 250px; |
||||
width: 250px; |
||||
display: flex; |
||||
align-items: center; |
||||
flex-direction: column; |
||||
overflow: hidden; |
||||
.img{ |
||||
margin-top: 20px; |
||||
height: 150px; |
||||
width: 200px; |
||||
} |
||||
p{ |
||||
width: 95%; |
||||
overflow: hidden; |
||||
white-space: nowrap; |
||||
text-overflow: ellipsis; |
||||
text-align: center; |
||||
} |
||||
.checkbox{ |
||||
width: 25px; |
||||
overflow: hidden; |
||||
} |
||||
.close-img{ |
||||
position: absolute; |
||||
top:3.5%; |
||||
right: 5%; |
||||
width: 25px; |
||||
height: 25px; |
||||
background: url('../../assets/img/flowNoChecked.png') no-repeat center; |
||||
background-size: 22px; |
||||
cursor: pointer; |
||||
&:hover{ |
||||
background-size: 24px; |
||||
} |
||||
} |
||||
} |
||||
/deep/ .el-checkbox__label{ |
||||
display: inline-flex; |
||||
} |
||||
.flex-align-center /deep/ .el-upload-list__item{ |
||||
width: auto; |
||||
} |
||||
.show-img-url{ |
||||
width: auto; |
||||
transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1); |
||||
font-size: 0.875rem; |
||||
color: #606266; |
||||
line-height: 1.8; |
||||
position: relative; |
||||
-webkit-box-sizing: border-box; |
||||
background: #fff; |
||||
box-sizing: border-box; |
||||
border-radius: 0.25rem; |
||||
border: 0; |
||||
cursor: pointer; |
||||
transition: color .3s; |
||||
white-space: nowrap; |
||||
margin-right: 10px; |
||||
|
||||
a{ |
||||
color: #606266; |
||||
overflow: hidden; |
||||
padding-left: 0.25rem; |
||||
text-overflow: ellipsis; |
||||
-webkit-transition: color .3s; |
||||
transition: color .3s; |
||||
white-space: nowrap; |
||||
&:hover{ |
||||
// background: chartreuse!important; |
||||
color: #2d8cf0!important; |
||||
-webkit-transition: color .2s ease!important; |
||||
transition: color .2s ease!important; |
||||
} |
||||
} |
||||
&:hover{ |
||||
background-color: #F5F7FA; |
||||
} |
||||
} |
||||
.column-selected{ |
||||
min-height: 60px; |
||||
} |
||||
.row-class{ |
||||
margin-top: 5px; |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
border-radius: 10px; |
||||
padding: 4px 0; |
||||
&:hover{ |
||||
width: 91%; |
||||
background: #F5F7FA; |
||||
} |
||||
.text-icon{ |
||||
width: 20px; |
||||
height: 20px; |
||||
&:hover{ |
||||
background: #ccc; |
||||
border-radius: 50%; |
||||
} |
||||
} |
||||
} |
||||
.judge /deep/ .el-card__body{ |
||||
width: 100%; |
||||
display: flex; |
||||
flex-wrap: wrap; |
||||
} |
||||
.guarantee-Text-wd{ |
||||
width: 180px; |
||||
} |
||||
@page{//清除打印时的页眉页脚--通过margin挤掉 |
||||
size: auto A4 landscape;//设置打印规定的纸张大小 |
||||
margin: 1mm 1cm 1mm; |
||||
} |
||||
|
||||
|
||||
.print{ |
||||
margin-top: 180px; |
||||
} |
||||
.print-btn{ |
||||
position:absolute; |
||||
right:0; |
||||
top: 15px; |
||||
} |
||||
p{ |
||||
margin-bottom: 0; |
||||
} |
||||
</style> |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,128 @@ |
||||
<template> |
||||
<div class="bgw"> |
||||
<router-view></router-view> |
||||
<div class="container_bg" :class="url?'dn':''"> |
||||
<div class="flex-center pdt40 border-b pdb30" > |
||||
<img src="../../assets/img/Basics-icon.png" alt class="mgr10 icon-size" /> |
||||
<p class="fz-16">基础应用</p> |
||||
</div> |
||||
<div class="flex-center"> |
||||
<!-- v-if="$router.currentRoute.meta.btn.includes('人力资源管理系统')" --> |
||||
<div class="card mgr40 manpower" @click="goto('workbench-manpower')"> |
||||
</div> |
||||
<div v-if="$router.currentRoute.meta.btn.includes('客户资源管理系统')" class="card client" @click="goto('workbench-client')"> |
||||
</div> |
||||
</div> |
||||
<div v-if="$router.currentRoute.meta.btn.includes('担保业务管理系统') || $router.currentRoute.meta.btn.includes('保后业务管理系统')"> |
||||
<div class="flex-center pdt40 border-b pdb30"> |
||||
<img src="../../assets/img/Business-icon.png" alt class="mgr10 icon-size" /> |
||||
<p class="fz-16">业务应用</p> |
||||
</div> |
||||
<div class="flex-center"> |
||||
<div v-if="$router.currentRoute.meta.btn.includes('担保业务管理系统')" class="card mgr40 guarantee mrb30" @click="goto('workbench-guarantee')"></div> |
||||
<div v-if="$router.currentRoute.meta.btn.includes('保后业务管理系统')" class="card after-guarantee mrb30" @click="goto('afterLoan')"></div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data(){ |
||||
return{ |
||||
url:false, |
||||
|
||||
} |
||||
}, |
||||
watch:{ |
||||
}, |
||||
created(){ |
||||
if(this.$route.query.token){ |
||||
sessionStorage.setItem("token",this.$route.query.token) |
||||
if(this.$route.query.account){ |
||||
if(this.$route.query.headerImg){ |
||||
this.$store.commit("userNameData", { userName: this.$route.query.account,headerImg: this.changePercent(this.$route.query.headerImg) }); |
||||
}else{ |
||||
this.$store.commit("userNameData", { userName: this.$route.query.account }); |
||||
} |
||||
} |
||||
} |
||||
|
||||
}, |
||||
mounted(){ |
||||
if(this.$route.fullPath!=='/workbench')this.url = true |
||||
}, |
||||
methods:{ |
||||
// 跳转方法,传一个字符串地址 |
||||
goto(path) { |
||||
this.$router.push('/' + path); |
||||
} |
||||
}, |
||||
beforeRouteUpdate:function(to,from,next){ |
||||
if(to.path!=='/workbench')this.url = true |
||||
else this.url = false |
||||
next() |
||||
}, |
||||
// 删除%转换成/ |
||||
changePercent(str){ |
||||
return str.replace(/%2F/g,'/').replace(/%3A/g,':') |
||||
}, |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
@import url('../../assets/css/common.scss'); |
||||
.Workbench{ |
||||
width: 100%; |
||||
height: 100%; |
||||
} |
||||
.dn{ |
||||
display: none; |
||||
} |
||||
.icon{ |
||||
width: 20px; |
||||
} |
||||
|
||||
.manpower { |
||||
background: url('../../assets/img/work-man.png') no-repeat; |
||||
background-size: 100%; |
||||
position: relative; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.span-text { |
||||
position: absolute; |
||||
top: 50%; |
||||
transform: translate(0, -50%); |
||||
left: 20%; |
||||
width: 130px; |
||||
font-size: 30px; |
||||
word-break: break-all; |
||||
} |
||||
.guarantee { |
||||
background: url('../../assets/img/work-guarantee.png') no-repeat; |
||||
background-size: 100%; |
||||
position: relative; |
||||
cursor: pointer; |
||||
} |
||||
.after-guarantee { |
||||
background: url('../../assets/img/work-afterLoans.png') no-repeat; |
||||
background-size: 100%; |
||||
position: relative; |
||||
cursor: pointer; |
||||
} |
||||
.client { |
||||
background: url('../../assets/img/work-client.png') no-repeat; |
||||
background-size: 100%; |
||||
position: relative; |
||||
cursor: pointer; |
||||
} |
||||
.card { |
||||
width: 480px; |
||||
height: 250px; |
||||
margin-top: 30px; |
||||
} |
||||
</style> |
||||
|
||||
|
||||
@ -0,0 +1,365 @@ |
||||
<template> |
||||
<div class="container_bg"> |
||||
<div class="border-b flex-between ht50"> |
||||
<div class="flex-center"> |
||||
<img src="../../assets/img/icon-guarantee.png" alt="人力资源管理" class="manpower-icon mgr10" /> |
||||
<p class="fz-18 c-black">后台担保业务管理系统</p> |
||||
</div> |
||||
<!-- 这是一个后退按钮组件 --> |
||||
<back @click.native="goto('background')"></back> |
||||
</div> |
||||
<div class="self main mgt20 df"> |
||||
<!-- 侧边栏 --> |
||||
<leftSidebar :title="leftDate" @getSidebarVal="getIndex" :pitchOn="showValue"></leftSidebar> |
||||
<div class="main-right mgl20 self shadow radius10"> |
||||
<div v-if="showValue == '1'"> |
||||
<div class="mgt20 left-border fz-16"><p class="c-black mgl10">担保业务管理</p></div> |
||||
<div class="mgt20 pdb20"> |
||||
<div class="flex-align-center guarantee-row shadow radius10 mgt20" v-for="(item,index) in moudlesList" :key="index"> |
||||
<div class="wd20 mgl20"> |
||||
<el-tooltip class="item" effect="dark" :content="item.approvalInstructions" placement="top"> |
||||
<img @click="seeImg(item.iconImg)" :src="item.iconImg" alt="" class="mgr10 radius10" width="40px" height="40px"> |
||||
</el-tooltip> |
||||
{{item.approvalName}} |
||||
</div> |
||||
<span class="wd30">最后更新: {{item.updateTime}}</span> |
||||
<div class="wd30 flex-between" > |
||||
<el-button @click="iconSet(item)" type="text">图标设置</el-button> |
||||
<el-button @click="surveyPop(item)" type="text">可见范围</el-button> |
||||
<el-button class="mgr20" type="text" @click="jumpToFrom(item.approvalName)">编辑</el-button> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<div v-if="showValue == '2'"> |
||||
<systemLog></systemLog> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
<!-- 图标 --> |
||||
<el-dialog :visible.sync="showPop" width="30%" style="margin-top:-7vh"> |
||||
<div class=" tx-center"> |
||||
<div class="pop-top container_bg fj-center border-b"> |
||||
<strong class="mgb20 fz-18">{{iconData.approvalName}}图标设置</strong> |
||||
</div> |
||||
</div> |
||||
<div class="container_bg"> |
||||
<div class="mgt20 left-border fz-16"><p class="c-black mgl10">流程说明</p></div> |
||||
<div class="mgt20 shadow radius pdlr20 pdtb20"> |
||||
<el-input type="textarea" v-model="iconData.approvalInstructions"></el-input> |
||||
<div class="df-jc df tx-center"> |
||||
<div class="triangle"></div> |
||||
</div> |
||||
<div class="df-jc df tx-center"> |
||||
<img :src="changeIcon?changeIcon:iconData.iconImg" class="radius10" width="40px" height="40px"> |
||||
</div> |
||||
</div> |
||||
<div class="mgt20 left-border fz-16"><p class="c-black mgl10">图标修改</p></div> |
||||
<div class="mgt20 shadow radius10 flex-between"> |
||||
<div class="mgtb20 mgl20 flex-align-center"> |
||||
<div class="df"> |
||||
<p>原图标：</p> |
||||
<img :src="changeIcon?changeIcon:iconData.iconImg" class="mgt30 radius10" width="70px" height="70px" alt=""> |
||||
</div> |
||||
</div> |
||||
<el-upload |
||||
class="flex-align-center" |
||||
style="flex-wrap:wrap" |
||||
ref="file" |
||||
:action="uploadUrl" |
||||
:on-success="(response,file,fileList)=>upDataFile(response, file, fileList)" |
||||
accept=".jpg,.jpeg,.png,.svg,.bmp,.BMP,.SVG,.JPG,.JPEG,.PBG" |
||||
:file-list="fileList" |
||||
:headers="uploadHeaders" |
||||
:auto-upload="true"> |
||||
<!-- <el-button slot="trigger" size="small" type="primary" class="mgr20" >上传文件</el-button> --> |
||||
<el-button type="primary" round class="upIcon mgt50 mgr30">上传图标</el-button> |
||||
</el-upload> |
||||
</div> |
||||
</div> |
||||
<div class="fj-center mgt30"> |
||||
<Sure_btn v-preventReClick @click.native="updateProcessManage()"></Sure_btn> |
||||
<Cancel_btn @click.native="showPop=false"></Cancel_btn> |
||||
</div> |
||||
</el-dialog> |
||||
<!-- 模板范围 --> |
||||
<el-dialog :visible.sync="survey" width="70%" style="margin-top: -7vh"> |
||||
<div class="pop-top container_bg fj-center border-b"> |
||||
<strong class="mgb20 fz-18">以下部门和人员可以看到审批模板</strong> |
||||
</div> |
||||
<div class="container_bg "> |
||||
<div class="mgt20 left-border fz-16"><p class="c-black mgl10">选择人员</p></div> |
||||
<treeSelect |
||||
class="mgl20" |
||||
:data="treesData" |
||||
:column="false" |
||||
:clear="clearNodeArr" |
||||
@getNodeArr="assetDesignateCnode" |
||||
:selectMore="false" |
||||
:text="true" |
||||
:checkedAudit="true" |
||||
:checkedData="checkedData" |
||||
@changeChecked="changeChecked" |
||||
:sManagerArr ='sManagerArr' |
||||
></treeSelect> |
||||
</div> |
||||
<div class="fj-center mgt60" > |
||||
<sure_btn @click.native="updateUserVisual()"></sure_btn> |
||||
<cancel_btn @click.native="survey=false"></Cancel_btn> |
||||
</div> |
||||
</el-dialog> |
||||
<el-dialog :visible.sync="showPreviewImg" style="margin-top:-7vh"> |
||||
<div class=" tx-center"> |
||||
<img :src="previewImg" class="el-image-viewer__img" style="transform: scale(1) rotate(0deg);margin-top: -1px; max-height: 100%; max-width: 100%;"> |
||||
</div> |
||||
</el-dialog> |
||||
</div> |
||||
</template> |
||||
<script> |
||||
import leftSidebar from '../common/left-sidebar'; |
||||
import axios from 'axios'; |
||||
import { superManager,processManageList , updateProcessManage , designateEmpTrees , updateUserVisual,processVisualList} from '../../utils/api' |
||||
|
||||
export default { |
||||
components: { |
||||
leftSidebar, |
||||
}, |
||||
data() { |
||||
return { |
||||
uploadUrl:axios.defaults.baseURL+'/api-guarantee/dg-apply-amount-info/uploadFile', |
||||
fileList:[], |
||||
uploadHeaders:{token:sessionStorage.getItem('token')||localStorage.getItem('token')},//上传带token |
||||
showPop:false, |
||||
leftDate:[ |
||||
{ name: '流程管理', index: '1' }, |
||||
{ name: '操作日志', index: '2' } |
||||
], |
||||
showValue: '1', // 侧边栏的值 |
||||
iconMessage:'', |
||||
iconData:{},// 修改图片时的data |
||||
beforeIcom:'',// 原本icon |
||||
changeIcon:'',// 上传icon后，覆盖展示 |
||||
defaultIcon:require('../../assets/img/money-icon.png'),// 默认图片 |
||||
survey:false,//指派弹框 |
||||
moudlesList:[],// 选择模块列表 |
||||
treesData:[], |
||||
clearNodeArr:false, |
||||
checkedData:[],// 已选中的值--不仅ids |
||||
showPreviewImg:false,//预览图片弹框 |
||||
previewImg:'', |
||||
nowIDS:[],//当前选中的ids |
||||
sManagerArr:[],// 超管数组 |
||||
|
||||
}; |
||||
}, |
||||
watch:{ |
||||
showPop:function(now,before){ |
||||
if(!now){ |
||||
this.iconData = {} |
||||
this.changeIcon = '' |
||||
} |
||||
}, |
||||
survey:function(now,before){ |
||||
if(now){ |
||||
this.designateEmpTrees() |
||||
|
||||
}else{ |
||||
this.clearNodeArr = true |
||||
this.$nextTick(()=>{ |
||||
this.clearNodeArr = false |
||||
}) |
||||
} |
||||
} |
||||
}, |
||||
created(){ |
||||
this.processManageList() |
||||
this.superManager()// 超管 |
||||
}, |
||||
methods:{ |
||||
// 超管角色ID数据，避免删除用 |
||||
superManager(){ |
||||
superManager().then(res=>{ |
||||
this.sManagerArr = res.data |
||||
}).catch(err=>{ |
||||
}) |
||||
}, |
||||
goto(path) { |
||||
this.$router.push('/' + path); |
||||
}, |
||||
jumpToFrom(val){ |
||||
let path = '' |
||||
switch (val) { |
||||
case "业务申请": |
||||
path = '/applyDesign' |
||||
break; |
||||
case "担保部调查": |
||||
path = '/guaranteeDesign' |
||||
break; |
||||
case "资产部调查": |
||||
path = '/assetDesign' |
||||
break; |
||||
case "信息部调查": |
||||
path = '/messageDesign' |
||||
break; |
||||
case "合规调查": |
||||
path = '/complianceDesign' |
||||
break; |
||||
case "工作会": |
||||
path = '/workDesign' |
||||
break; |
||||
case "贷审会": |
||||
path = '/loansDepartDesign' |
||||
break; |
||||
case "担保函": |
||||
path = '/letterDesign' |
||||
break; |
||||
case "财务确认": |
||||
path = '/paymentDesign' |
||||
break; |
||||
case "放款通知": |
||||
path = '/noticeDesign' |
||||
break; |
||||
} |
||||
if(path) this.$router.push(path); |
||||
}, |
||||
// 侧边栏切换组件状态保存 |
||||
getIndex(index) { |
||||
if(index){ |
||||
this.showValue = index; |
||||
} |
||||
// // 状态保存 |
||||
// sessionStorage.setItem('workbench-guarantee-left-sidebar', index); |
||||
}, |
||||
iconSet(data){ // 设置图片弹框 |
||||
this.iconData = data |
||||
this.showPop = true |
||||
this.changeIcon = data.iconImg |
||||
}, |
||||
upDataFile(response,file,fileList){// 上传 |
||||
this.$message(response.message) |
||||
if(fileList.length>=1){ |
||||
fileList.splice(0,1) |
||||
} |
||||
if(response.success){ |
||||
this.changeIcon = response.data[0] |
||||
} |
||||
}, |
||||
surveyPop(data){// 选择修改的弹框 |
||||
this.iconData = data |
||||
this.survey = true |
||||
|
||||
}, |
||||
compare(key){ // 用于对象数组排序 |
||||
return function(value1,value2){ |
||||
let val1=value1[key]; |
||||
let val2=value2[key]; |
||||
return val1-val2; |
||||
} |
||||
}, |
||||
processManageList(){// 模块列表 |
||||
processManageList().then(res=>{ |
||||
this.moudlesList = [] |
||||
if(res.data&&res.data.length!==0){ |
||||
this.moudlesList = res.data.sort(this.compare('id')) |
||||
} |
||||
}) |
||||
}, |
||||
updateProcessManage(){// 修改图片 |
||||
updateProcessManage({ |
||||
approvalInstructions:this.iconData.approvalInstructions, |
||||
iconImg:this.changeIcon, |
||||
id:this.iconData.id, |
||||
}).then(res=>{ |
||||
this.changeIcon = '' |
||||
this.showPop = false |
||||
this.processManageList() |
||||
}) |
||||
}, |
||||
assetDesignateCnode(val){// 选中树的值 |
||||
this.nowIDS = [] |
||||
this.nowIDS = val.map(e=>{ |
||||
return e.id |
||||
}) |
||||
}, |
||||
designateEmpTrees(){// 树数据 |
||||
designateEmpTrees().then(res=>{ |
||||
this.treesData = res.data |
||||
this.processVisualList(this.iconData.id) |
||||
}) |
||||
}, |
||||
updateUserVisual(){// 选择可见范围--确定 |
||||
// 确定时，把两个数组整合 |
||||
let checkedIDs = [] |
||||
if(this.checkedData){ |
||||
checkedIDs = this.checkedData.map(e=>{return e.id}) |
||||
} |
||||
let ids = [...new Set([...checkedIDs,...this.nowIDS])] |
||||
updateUserVisual({ |
||||
id:this.iconData.id, |
||||
ids:ids |
||||
}).then(res=>{ |
||||
if(res.code===10000){ |
||||
this.survey = false |
||||
this.processManageList() |
||||
} |
||||
}) |
||||
}, |
||||
processVisualList(id){// 查询可见范围 |
||||
processVisualList({id:id}).then(res=>{ |
||||
this.checkedData = res.data |
||||
}) |
||||
}, |
||||
// 点击图片进行预览 |
||||
seeImg(url){ |
||||
let len = url.length,type = url.substring(len-4,len) |
||||
// 检查后四位，进行格式匹配 |
||||
if(['.jpg','jpeg','.png','.gif','.svg','.psd'].includes(type.toLowerCase())){ |
||||
this.showPreviewImg = true |
||||
this.previewImg=url |
||||
}else if('.pdf'.includes(type.toLowerCase())){ |
||||
window.open(url) |
||||
}else{ |
||||
window.open('https://view.officeapps.live.com/op/view.aspx?src='+url) |
||||
} |
||||
}, |
||||
changeChecked(val){// 接受选择树，变更的选中过的值 |
||||
this.checkedData = val |
||||
} |
||||
}, |
||||
destroyed(){} |
||||
}; |
||||
</script> |
||||
<style lang='scss' scoped> |
||||
.main { |
||||
width: 100%; |
||||
} |
||||
.main-right { |
||||
width: 90%; |
||||
min-height: 797px; |
||||
padding: 0 20px; |
||||
} |
||||
.left-sidebar { |
||||
height: 797px; |
||||
} |
||||
.guarantee-row{ |
||||
height: 80px; |
||||
// line-height: 80px; |
||||
justify-content: space-between; |
||||
border-top: 1px solid #EBEEF5; |
||||
border-bottom: 1px solid #EBEEF5; |
||||
} |
||||
.triangle{ |
||||
border: 15px solid blue; |
||||
height: 0; |
||||
width: 0; |
||||
border-color: #e6e6e6 transparent transparent; |
||||
} |
||||
/deep/ .el-upload-list{ |
||||
display: none; |
||||
} |
||||
/deep/ .el-input__inner { |
||||
border-radius: 20px; |
||||
height: 35px !important; |
||||
line-height: 35px; |
||||
} |
||||
</style> |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,84 @@ |
||||
<template> |
||||
<div class="home_view"> |
||||
<div class="homeback"> |
||||
<div class="homeHeader flex-between"> |
||||
<div class="logo flex-center"> |
||||
<!-- 非凡 --> |
||||
<!-- <img src="../../assets/img/ff-icon.png" class="ff-icon"> --> |
||||
<!-- 大庆 --> |
||||
<img src="../../assets/img/logo.png"> |
||||
<span>智慧金融管理平台</span> |
||||
</div> |
||||
<span class="aboutUs">关于我们</span> |
||||
</div> |
||||
<div class="homeLogin"> |
||||
<el-button @click="tologin">登录</el-button> |
||||
</div> |
||||
</div> |
||||
<Foot></Foot> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
methods:{ |
||||
tologin(){ |
||||
this.$router.push('login') |
||||
} |
||||
} |
||||
|
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.home_view{ |
||||
width: 100%; |
||||
height: 100%; |
||||
.homeback{ |
||||
width: 100%; |
||||
height: 100%; |
||||
overflow:hidden; |
||||
// background: url('../../assets/img/login-bg.jpg'); |
||||
background: url('https://www.feifanhitech.com/enclosureFile/42965894b3304076login-bg.jpg');// 大庆 |
||||
// background: url('https://www.huorantech.cn/enclosureFile/33b4c87c7e424d34background.png');// 非凡 |
||||
background-size: 100% 100%; |
||||
position: relative; |
||||
.homeHeader{ |
||||
width: 100%; |
||||
height: 60px; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
color: #fff; |
||||
.logo{ |
||||
margin-left: 140px; |
||||
img{ |
||||
// 非凡需要注释掉宽高 |
||||
width: 45px; |
||||
height: 34px; |
||||
margin-right: 9px; |
||||
} |
||||
} |
||||
.aboutUs{ |
||||
margin-right: 140px; |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
.homeLogin{ |
||||
position: absolute; |
||||
bottom: 100px; |
||||
left: 50%; |
||||
transform: translate(-50%,0); |
||||
|
||||
} |
||||
} |
||||
} |
||||
|
||||
.homeLogin /deep/ .el-button{ |
||||
padding: 10px 70px; |
||||
color: #fff; |
||||
font-size: 20px; |
||||
background-color: rgba(255,255,255,.6); |
||||
border-radius: 8px; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,305 @@ |
||||
<template> |
||||
<div class="home_view"> |
||||
<div class="homeback"> |
||||
<div class="homeHeader flex-between"> |
||||
<div class="logo flex-center"> |
||||
<img src="../../assets/img/logo.png"> |
||||
<span>智慧金融管理平台</span> |
||||
</div> |
||||
<span class="aboutUs">关于我们</span> |
||||
</div> |
||||
<!-- 登录card --> |
||||
<div class="Login_view"> |
||||
<div class="flex-between login_title self"> |
||||
<span>绑定手机号码</span> |
||||
<p class="topTips">应《中华人民共和国网络安全法》要求，为了更好保障您的账号安全，请您绑定手机号码</p> |
||||
<router-link :to="{path:'homepage'}"> |
||||
<i class="el-icon-close"></i> |
||||
</router-link> |
||||
</div> |
||||
<el-form :model="param" :rules="rules" ref="param" label-width="0px" class="login_form"> |
||||
<el-form-item prop="phoneAccount"> |
||||
<p>请输入手机号</p> |
||||
<el-input @change="phoneExist()" v-model="param.phoneAccount" placeholder="请输入手机号" maxlength="11"></el-input> |
||||
<!-- <p>该手机号不存在</p> --> |
||||
</el-form-item> |
||||
|
||||
<el-form-item prop="code" class="item_password"> |
||||
<p>请输入验证码</p> |
||||
<div class="wd100 flex-between authBtn"> |
||||
<el-input |
||||
class="wd60" |
||||
type="text" |
||||
maxlength="20" |
||||
placeholder="请输入验证码" |
||||
v-model="param.code" |
||||
@keyup.enter.native="submitForm('param')" |
||||
></el-input> |
||||
<el-button :disabled='disabled' class="wd30" type="primary" round @click="countDown">{{content}}</el-button> |
||||
</div> |
||||
<!-- <p>验证码错误</p> --> |
||||
</el-form-item> |
||||
|
||||
<div class="login-btn"> |
||||
<el-button type="primary" round @click="submitForm('param')">绑定</el-button> |
||||
</div> |
||||
<div class="login-btn mgt20"> |
||||
<el-button class="white-btn" round @click="goto('homepage')">暂不绑定</el-button> |
||||
</div> |
||||
|
||||
</el-form> |
||||
</div> |
||||
</div> |
||||
<Foot></Foot> |
||||
</div> |
||||
</template> |
||||
|
||||
<script> |
||||
import { bindPhone,phoneAuthCord,phoneExist,login } from '../../utils/api'; |
||||
import axios from 'axios'; |
||||
import qs from 'qs' |
||||
// import wxlogin from 'vue-wxlogin' |
||||
export default { |
||||
data() { |
||||
return { |
||||
param: { |
||||
phoneAccount: '', |
||||
wechatId:"oigWd6qkiI5ttDQDLqz2E9M88F78", |
||||
code: '' |
||||
}, |
||||
rules: { |
||||
phoneAccount: [ |
||||
{ required: true, message: '请输入手机号', trigger: 'blur' }, |
||||
{ |
||||
pattern: /^1[3456789]\d{9}$/, |
||||
message: '请输入正确的手机号', |
||||
// trigger: 'blur' |
||||
} |
||||
], |
||||
code: [{ required: true, message: '请输入验证码', trigger: 'blur' }] |
||||
}, |
||||
cardType: 1, //1：首页登录，2：找回密码 |
||||
checked: false, |
||||
tenDayEffective: 2, |
||||
loginType: 1,//1为手机号，2为微信登录 |
||||
|
||||
disabled:true, |
||||
|
||||
content: '发送验证码', |
||||
totalTime: 60, |
||||
canClick: true //添加canClick |
||||
}; |
||||
}, |
||||
methods:{ |
||||
goto(val){ |
||||
this.$router.push(val) |
||||
}, |
||||
// 绑定按钮 |
||||
submitForm(param) { |
||||
this.param.wechatId = this.$route.query.matched |
||||
this.$refs.param.validate(valid => { |
||||
if (valid) { |
||||
bindPhone( |
||||
this.param |
||||
).then(res => { |
||||
// 判断是否成功 |
||||
if(res.code===10000){ |
||||
// 绑定成功，调登录接口，直接登录 |
||||
login({ |
||||
phone: res.data.phone, |
||||
type: res.data.type, |
||||
wechatId: res.data.wechatId, |
||||
tenDayEffective: res.data.tenDayEffective |
||||
}).then(res1 => { |
||||
|
||||
sessionStorage.setItem("token",res1.data.token); |
||||
this.$store.commit("userNameData", { userName: res1.data.account, userPhone: this.param.username }); |
||||
this.$router.push('/Dashboard') |
||||
}).catch(res => {}); |
||||
} |
||||
}).catch(res => { |
||||
this.$message.warning(res.message) |
||||
}); |
||||
} |
||||
}); |
||||
}, |
||||
// 判断手机是否存在 |
||||
async phoneExist(){ |
||||
if(this.param.phoneAccount.length===11){ |
||||
// 删除token，在后面添加 |
||||
sessionStorage.removeItem("token"); |
||||
let res = await phoneExist({mobile:this.param.phoneAccount}) |
||||
if(res.code===10000){ |
||||
this.disabled = false |
||||
} |
||||
} |
||||
}, |
||||
// 验证码 |
||||
async verificationCode(){ |
||||
let res = await phoneAuthCord({mobile:this.param.phoneAccount}) |
||||
if(res.code ===10000){ |
||||
this.$message.success(res.message) |
||||
} |
||||
}, |
||||
// 验证码 手机倒计时效果 |
||||
countDown () { |
||||
if(this.disabled === false){ |
||||
if (!this.canClick) return //改动的是这两行代码 |
||||
this.verificationCode() |
||||
this.canClick = false |
||||
this.content = this.totalTime + 's后重新发送' |
||||
let clock = window.setInterval(() => { |
||||
this.totalTime-- |
||||
this.content = this.totalTime + 's后重新发送' |
||||
if (this.totalTime < 0) { |
||||
window.clearInterval(clock) |
||||
this.content = '重新发送验证码' |
||||
this.totalTime = 60 |
||||
this.canClick = true //这里重新开启 |
||||
} |
||||
},1000) |
||||
}else{ |
||||
|
||||
this.$message.error('请输入正确的手机号') |
||||
this.disabled = true |
||||
} |
||||
|
||||
}, |
||||
// 显隐绑定手机弹框 |
||||
showBindPhone(){ |
||||
this.bindPhone = !this.bindPhone |
||||
} |
||||
|
||||
|
||||
}, |
||||
mounted() { |
||||
this.param.wechatId = this.$router.param |
||||
}, |
||||
|
||||
} |
||||
|
||||
// } |
||||
</script> |
||||
|
||||
<style lang="scss" scoped> |
||||
.home_view{ |
||||
width: 100%; |
||||
height: 100%; |
||||
color: #00B9FF; |
||||
.homeback{ |
||||
width: 100%; |
||||
height: 100%; |
||||
overflow:hidden; |
||||
// background: url('../../assets/img/login-bg-1.jpg'); |
||||
background: url('https://www.huorantech.cn/enclosureFile/e55b4a71e37747d1login-bg-1.jpg'); |
||||
background-size: 100% 100%; |
||||
position: relative; |
||||
.homeHeader{ |
||||
width: 100%; |
||||
height: 60px; |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
color: #fff; |
||||
.logo{ |
||||
margin-left: 140px; |
||||
img{ |
||||
width: 45px; |
||||
height: 34px; |
||||
margin-right: 9px; |
||||
} |
||||
} |
||||
.aboutUs{ |
||||
margin-right: 140px; |
||||
cursor: pointer; |
||||
} |
||||
} |
||||
.Login_view{ |
||||
position: absolute; |
||||
left: 50%; |
||||
top: 120px; |
||||
transform: translate(-50%, 0); |
||||
background-color: #fff; |
||||
border-radius: 20px; |
||||
width: 812px; |
||||
padding: 52px 0; |
||||
.login_title{ |
||||
span{ |
||||
font-size: 26px; |
||||
margin-left: 146px; |
||||
} |
||||
i{ |
||||
margin-right: 50px; |
||||
color: #666; |
||||
font-size: 20px; |
||||
} |
||||
} |
||||
.login_form{ |
||||
margin: 60px 146px 0 146px; |
||||
p{ |
||||
margin-bottom: 10px; |
||||
font-size: 14px; |
||||
} |
||||
.item_password{ |
||||
margin-top: 40px; |
||||
} |
||||
.login-btn{ |
||||
margin-top: 70px; |
||||
} |
||||
.forget_view{ |
||||
font-size: 14px; |
||||
} |
||||
.login-wechat{ |
||||
text-align: center; |
||||
color: #00B9FF; |
||||
font-size: 14px; |
||||
margin-top: 60px; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
|
||||
.login_form /deep/ .el-form-item{ |
||||
margin-bottom: 0; |
||||
} |
||||
.login_form /deep/ .el-input__inner{ |
||||
background-color: #f5f5f5; |
||||
height: 46px; |
||||
line-height: 46px; |
||||
border: none; |
||||
} |
||||
.login-btn /deep/ .el-button{ |
||||
width: 100%; |
||||
// border-radius: 23px; |
||||
height: 46px; |
||||
} |
||||
.forget_view /deep/ .el-button--text{ |
||||
color: #FF9784; |
||||
} |
||||
.forget_view /deep/ .el-button--text:hover{ |
||||
text-decoration:underline; |
||||
} |
||||
.wechat-btn /deep/ .el-button{ |
||||
width: 100%; |
||||
// border-radius: 23px; |
||||
height: 46px; |
||||
background-color: #f5f5f5; |
||||
border: none; |
||||
color: #666; |
||||
margin-top: 20px; |
||||
} |
||||
.topTips{ |
||||
position: absolute; |
||||
top: 110%; |
||||
left: 18%; |
||||
width: 63%; |
||||
color: #666; |
||||
font-size: 10px; |
||||
} |
||||
.authBtn /deep/ .el-button.is-round{ |
||||
display: flex; |
||||
justify-content: center; |
||||
// padding-left: 5px; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,26 @@ |
||||
// 借鉴其他项目的动态路由还原，本质上还是重新匹配本地文件，本项目没给时间优化， 不做了
|
||||
import store from '@/store'; |
||||
import router from '@/router'; |
||||
|
||||
export default function(){ |
||||
setTimeout(() => { |
||||
let routes = store.state.routes |
||||
routes.forEach(e => { |
||||
if(e.path == '/'){ |
||||
e.component = () => import('@/layouts/home/index.vue') |
||||
}else{ |
||||
e.component = () => import(`@/pages/${e.path}.vue`) |
||||
} |
||||
|
||||
e.children && e.children.forEach(n => { |
||||
n.path && (n.component = () => import(`@/pages/${n.path}.vue`)) |
||||
}) |
||||
}) |
||||
|
||||
routes.push({ |
||||
path: '*', |
||||
redirect: '404' |
||||
}) |
||||
router.addRoutes(routes) |
||||
},500) |
||||
} |
||||
@ -0,0 +1,33 @@ |
||||
import Vue from 'vue'; |
||||
import Router from 'vue-router'; |
||||
import router from './index' |
||||
Vue.use(Router); |
||||
|
||||
const staticRouter = [ |
||||
{ |
||||
path: '/', |
||||
redirect: '/beforeLogin', |
||||
}, |
||||
{ |
||||
path: '/beforeLogin', |
||||
component: () => import('../components/page/beforeLogin.vue'), |
||||
meta: { title: '智慧金融管理平台' } |
||||
}, |
||||
{ |
||||
path: '/login', |
||||
component: () => import('../components/page/Login.vue'), |
||||
meta: { title: '登录' } |
||||
}, |
||||
{ |
||||
path: '/bind-phone', |
||||
component: () => import('../components/page/phoneBind.vue'), |
||||
meta: { title: '绑定手机' } |
||||
} |
||||
]; |
||||
|
||||
export function resetRouter() { |
||||
const newRouter = new Router({ |
||||
routes: staticRouter |
||||
}); |
||||
router.matcher = newRouter.matcher; |
||||
} |
||||
@ -0,0 +1,35 @@ |
||||
import Vue from 'vue'; |
||||
import Vuex from 'vuex'; |
||||
import login from './modules/login'; |
||||
import height from './modules/height'; |
||||
import guarantee from './modules/guarantee'; |
||||
import loan from './modules/loan'; |
||||
|
||||
Vue.use(Vuex); |
||||
export default new Vuex.Store({ |
||||
state:{ |
||||
router:false,// 路由是否处理过
|
||||
homeMenu:[],// 首页顶部按钮
|
||||
homeJump:'',// 首页默认跳转
|
||||
messageData:{ |
||||
modelId:'1' |
||||
},//消息提示的模块跳转
|
||||
}, |
||||
modules:{ |
||||
login, |
||||
height, |
||||
guarantee, |
||||
loan |
||||
}, |
||||
mutations:{ |
||||
routerData (state, payload) { |
||||
state.router = payload.router |
||||
}, |
||||
homeMenuData (state, payload) { |
||||
state.homeMenu = payload.homeMenu |
||||
}, |
||||
messageData(state, payload){ |
||||
state.messageData = payload.messageData |
||||
} |
||||
} |
||||
}) |
||||
@ -0,0 +1,95 @@ |
||||
|
||||
const state = { |
||||
loans: true, |
||||
topSidebarVal: '1', |
||||
operationType: 1, |
||||
//担保函数据
|
||||
letterValue: { |
||||
businessId: '',//业务id
|
||||
bank: '',//银行
|
||||
name: '',//客户名称
|
||||
passingTime: '',//贷审会日期
|
||||
loanMoney: '',//担保金额
|
||||
guaranteeMoney: '',//担保金额转格式
|
||||
file: '',//会议纪要
|
||||
loanTern: '',//担保期限
|
||||
auditOpinion: '',//审核意见
|
||||
// 上面伟哥定义的
|
||||
|
||||
id:'',//行内rowID
|
||||
status:'',//行内状态
|
||||
auditStatus:'',//审批状态
|
||||
handleStatus:'',//操作状态
|
||||
roleId:'',//角色id
|
||||
}, |
||||
isFgJl: '', |
||||
fileList: [], |
||||
imgListT: [], |
||||
|
||||
// //参数保存-贷审会
|
||||
// loansDepartment:{
|
||||
// businessId:'',//业务id
|
||||
// id:'',//行内id
|
||||
|
||||
// }
|
||||
} |
||||
|
||||
const getters = { |
||||
// clear(state){
|
||||
// return state.letterValue ={
|
||||
// businessId: '',//业务id
|
||||
// bank: '',//银行
|
||||
// name: '',//客户名称
|
||||
// passingTime: '',//贷审会日期
|
||||
// loanMoney: '',//担保金额
|
||||
// guaranteeMoney: '',//担保金额转格式
|
||||
// file: '',//会议纪要
|
||||
// loanTern: '',//担保期限
|
||||
// auditOpinion: '',//审核意见
|
||||
// // 上面伟哥定义的
|
||||
|
||||
// id:'',//行内rowID
|
||||
// status:'',//行内状态
|
||||
|
||||
// }
|
||||
// ,state.headerImg =''
|
||||
// ,state.headerImg =''
|
||||
// }
|
||||
} |
||||
|
||||
const mutations = { |
||||
loansData (state, payload) { |
||||
state.loans = payload.loans |
||||
}, |
||||
guaranteeData (state, payload) { |
||||
state.topSidebarVal = payload.topSidebarVal
|
||||
}, |
||||
letterData (state, payload) { |
||||
state.operationType = payload.operationType, |
||||
state.letterValue = payload.letterValue
|
||||
}, |
||||
isFgJlData (state, payload) { |
||||
state.isFgJl = payload.isFgJl
|
||||
}, |
||||
saveLoansDep(state, payload){ |
||||
state.loansDepartment = payload.loansDepartment
|
||||
}, |
||||
fileData (state, payload) { |
||||
state.fileList = payload.fileList
|
||||
}, |
||||
imgListTData (state, payload) { |
||||
state.imgListT = payload.imgListT
|
||||
}, |
||||
|
||||
} |
||||
|
||||
const actions = { |
||||
|
||||
} |
||||
|
||||
export default{ |
||||
state, |
||||
getters, |
||||
mutations, |
||||
actions |
||||
} |
||||
@ -0,0 +1,26 @@ |
||||
|
||||
|
||||
const state = { |
||||
height:{ |
||||
|
||||
} |
||||
} |
||||
|
||||
const getters = { |
||||
|
||||
} |
||||
|
||||
const mutations = { |
||||
|
||||
} |
||||
|
||||
const actions = { |
||||
|
||||
} |
||||
|
||||
export default{ |
||||
state, |
||||
getters, |
||||
mutations, |
||||
actions |
||||
} |
||||
@ -0,0 +1,87 @@ |
||||
|
||||
|
||||
const state = { |
||||
// 还款
|
||||
loanStatus: 1, |
||||
id: '', |
||||
hisidId: '', |
||||
guaranteeAmount: '', |
||||
hispaymentStatus: '', |
||||
// 催收
|
||||
logStatus: 1, |
||||
logId: '', |
||||
logHisidId: '', |
||||
logGuaranteeAmount: '', |
||||
|
||||
logbackStatus: '',//区分催收是提交还是查看
|
||||
logbackId: '', |
||||
loanbackStatus: '', |
||||
RepaymentId: '', |
||||
logRepaymentId: '', |
||||
insuranceId: '', |
||||
|
||||
leftStatus: '0'//侧边栏
|
||||
} |
||||
|
||||
const getters = { |
||||
|
||||
} |
||||
|
||||
const mutations = { |
||||
leftSidebarData (state, payload) { |
||||
state.leftStatus = payload.leftStatus |
||||
}, |
||||
loanStatusData (state, payload) { |
||||
state.loanStatus = payload.loanStatus |
||||
}, |
||||
idData (state, payload) { |
||||
state.id = payload.id |
||||
}, |
||||
RepaymentIdData (state, payload) { |
||||
state.RepaymentId = payload.RepaymentId |
||||
}, |
||||
hisidIdData (state, payload) { |
||||
state.hisidId = payload.hisidId, |
||||
state.guaranteeAmount = payload.guaranteeAmount |
||||
}, |
||||
hispaymentStatusData (state, payload) { |
||||
state.hispaymentStatus = payload.hispaymentStatus |
||||
}, |
||||
loanbackStatusData (state, payload) { |
||||
state.loanbackStatus = payload.loanbackStatus |
||||
}, |
||||
|
||||
logStatusData (state, payload) { |
||||
state.logStatus = payload.logStatus |
||||
}, |
||||
logbackStatusData (state, payload) { |
||||
state.logbackStatus = payload.logbackStatus |
||||
}, |
||||
logIdData (state, payload) { |
||||
state.logId = payload.logId |
||||
}, |
||||
logHisidIdData (state, payload) { |
||||
state.logHisidId = payload.logHisidId, |
||||
state.logGuaranteeAmount = payload.logGuaranteeAmount |
||||
}, |
||||
logbackIdData (state, payload) { |
||||
state.logbackId = payload.logbackId |
||||
}, |
||||
logRepaymentIdData (state, payload) { |
||||
state.logRepaymentId = payload.logRepaymentId |
||||
}, |
||||
loginsuranceIdData (state, payload) { |
||||
state.insuranceId = payload.insuranceId |
||||
} |
||||
} |
||||
|
||||
const actions = { |
||||
|
||||
} |
||||
|
||||
export default{ |
||||
state, |
||||
getters, |
||||
mutations, |
||||
actions |
||||
} |
||||
@ -0,0 +1,34 @@ |
||||
|
||||
|
||||
const state = { |
||||
userName: '', |
||||
userPhone: '', |
||||
headerImg:'' |
||||
} |
||||
|
||||
const getters = { |
||||
clear(state){ |
||||
return state.userName ='' |
||||
,state.headerImg ='' |
||||
,state.headerImg ='' |
||||
} |
||||
} |
||||
|
||||
const mutations = { |
||||
userNameData (state, payload) { |
||||
state.userName = payload.userName, |
||||
state.userPhone = payload.userPhone, |
||||
state.headerImg = payload.headerImg |
||||
}, |
||||
} |
||||
|
||||
const actions = { |
||||
|
||||
} |
||||
|
||||
export default{ |
||||
state, |
||||
getters, |
||||
mutations, |
||||
actions |
||||
} |
||||
@ -0,0 +1,36 @@ |
||||
/* |
||||
webpack分包配置，dll分包 |
||||
*/ |
||||
const webpack = require('webpack') |
||||
const path = require('path') |
||||
module.exports = { |
||||
entry: { |
||||
library: [ |
||||
'vue', |
||||
'vue-router', |
||||
'vuex', |
||||
'echarts', |
||||
'element-ui', |
||||
'html2canvas', |
||||
'moment', |
||||
'view-design', |
||||
'vue-i18n', |
||||
"vue-pdf", |
||||
"ant-design-vue", |
||||
"babel-polyfill" |
||||
] |
||||
}, |
||||
output: { |
||||
filename: '[name].dll.js', |
||||
path: path.join(__dirname, 'src/util/library'), |
||||
library: '[name]', |
||||
}, |
||||
plugins: [ |
||||
new webpack.DllPlugin({ |
||||
name: '[name]', |
||||
context: __dirname, |
||||
path: path.join(__dirname, 'src/util/library/[name].json') |
||||
}) |
||||
], |
||||
mode: 'production' |
||||
} |
||||
@ -0,0 +1,16 @@ |
||||
// rem等比适配配置文件
|
||||
// 基准大小
|
||||
const baseSize = 16 |
||||
// 设置 rem 函数
|
||||
function setRem () { |
||||
// 当前页面宽度相对于 1920宽的缩放比例，可根据自己需要修改。
|
||||
const scale = document.documentElement.clientWidth / 1920 |
||||
// 设置页面根节点字体大小（“Math.min(scale, 2)” 指最高放大比例为2，可根据实际业务需求调整）
|
||||
document.documentElement.style.fontSize = baseSize * Math.min(scale, 2) + 'px' |
||||
} |
||||
// 初始化
|
||||
setRem() |
||||
// 改变窗口大小时重新设置 rem
|
||||
window.onresize = function () { |
||||
setRem() |
||||
} |
||||
@ -0,0 +1,38 @@ |
||||
!(function(a, b, c) { |
||||
function d(a) { |
||||
var c = 'default'; |
||||
a.self_redirect === !0 ? (c = 'true') : a.self_redirect === !1 && (c = 'false'); |
||||
var d = b.createElement('iframe'), |
||||
e = |
||||
'https://open.weixin.qq.com/connect/qrconnect?appid=' + |
||||
a.appid + |
||||
'&scope=' + |
||||
a.scope + |
||||
'&redirect_uri=' + |
||||
a.redirect_uri + |
||||
'&state=' + |
||||
a.state + |
||||
'&login_type=jssdk&self_redirect=' + |
||||
c + |
||||
'&styletype=' + |
||||
(a.styletype || '') + |
||||
'&sizetype=' + |
||||
(a.sizetype || '') + |
||||
'&bgcolor=' + |
||||
(a.bgcolor || '') + |
||||
'&rst=' + |
||||
(a.rst || ''); |
||||
(e += a.style ? '&style=' + a.style : ''), |
||||
(e += a.href ? '&href=' + a.href : ''), |
||||
(d.src = e), |
||||
(d.frameBorder = '0'), |
||||
(d.allowTransparency = 'true'), |
||||
(d.sandbox = "allow-scripts allow-top-navigation allow-same-origin"), |
||||
(d.scrolling = 'no'), |
||||
(d.width = '300px'), |
||||
(d.height = '400px'); |
||||
var f = b.getElementById(a.id); |
||||
(f.innerHTML = ''), f.appendChild(d); |
||||
} |
||||
a.WxLogin = d; |
||||
})(window, document); |
||||
@ -0,0 +1,433 @@ |
||||
import { get, post, put, del } from './http'; |
||||
// let host = 'http://192.168.31.137:8080';//陈赓
|
||||
|
||||
// let host = 'https://test.feifanhitech.com';// 测试服
|
||||
let host = 'https://www.feifanhitech.com'//正式服
|
||||
|
||||
export const login = p => post('/apiHrmsAuth/hrms/auth/userlogin/login', p); //登录
|
||||
export const phoneCode = p => get('/apiHrmsAuth/hrms/auth/userlogin/sendCode', p); //找回密码验证码
|
||||
|
||||
export const verifyMobile = p => post('/apiHrmsAuth/hrms/auth/userlogin/verifyMobile', p); //忘记密码
|
||||
export const getBackPwd = p => post('/apiHrmsAuth/hrms/auth/userlogin/getBackPwd', p); //设置新密码
|
||||
export const querycustomerList = p => get('/api-crms/crms/customer/queryList', p); //查询客户
|
||||
export const deleteCustomer = p => del('/api-crms/crms/customer/deleteCustomer', p); //删除客户
|
||||
export const queryDetails = p => get('/api-crms/crms/customer/queryDetails', p); //查询客户详情
|
||||
export const savePersonal = p => post('/api-crms/crms/customer/savePersonal', p); //添加个人客户
|
||||
export const saveCompany = p => post('/api-crms/crms/customer/saveCompany', p); //添加企业客户
|
||||
export const updateCompany = p => post('/api-crms/crms/customer/updateCompany', p); //编辑企业客户
|
||||
export const updatePersonal = p => post('/api-crms/crms/customer/updatePersonal', p); //编辑个人客户
|
||||
export const listEmployeeName = p => get('/api-hrms/hrms/employee/listEmployeeName', p); //查询所有的客户经理
|
||||
export const updatePwd = p => post('/apiHrmsAuth/hrms/auth/userlogin/updatePwd', p); //修改平台超管员密码
|
||||
export const loginLogList = p => get('/apiHrmsAuth/hrms/auth/systemLog/loginLogList', p); //平台日志列表
|
||||
export const rolePermissionList = p => get('/apiHrmsAuth/hrms/auth/permission/rolePermissionList', p); //角色权限列表
|
||||
export const queryPermission = p => get('/apiHrmsAuth/hrms/auth/permission/queryPermissionByRoleId', p); //查看角色权限
|
||||
export const saveRolePermission = p => post('/apiHrmsAuth/hrms/auth/permission/saveRolePermission', p); //新增角色权限
|
||||
export const updateRolePermission = p => post('/apiHrmsAuth/hrms/auth/permission/updateRolePermission', p); //编辑角色权限
|
||||
export const delRolePermission = p => post('/apiHrmsAuth/hrms/auth/permission/delRolePermission', p); //删除角色权限
|
||||
export const jurTree = p => get('/apiHrmsAuth/hrms/auth/permission/tree', p); //查询所有权限树形结构
|
||||
|
||||
// 后台-人资-部门
|
||||
export const departmentTree = p => get('/api-hrms/hrms/dept/tree',p); //部门树形结构数据（显示部门）
|
||||
export const addDepartment = p => post('/api-hrms/hrms/dept/save', p); //新增一条部门信息
|
||||
export const deleteDepartment = p => del('/api-hrms/hrms/dept/delete', p); //删除部门信息（树结构）
|
||||
export const editDepartment = p => put('/api-hrms/hrms/dept/update', p); //根据id修改部门信息(编辑)
|
||||
export const dragDepartment = p => put('/api-hrms/hrms/dept/update/sort', p); //修改部门的拖拽排序（传id和排序）
|
||||
export const rulesAll = p => get('/api-hrms/hrms/position/listRoleIdAndName', p); //所有角色id+名称
|
||||
export const postAll = p => post('/api-hrms/hrms/position/listPositionIdAndName', p); //所有职位id+名称
|
||||
export const ruleJurisdiction = p => post('/api-hrms/hrms/employee/tree', p); //新增员工-角色对应的权限
|
||||
export const clickDepartment = p => get('/api-hrms/hrms/dept/children', p); //点击部门，搜索该部门名下的员工
|
||||
// 后台-人资-员工列表
|
||||
export const deleteStaff = p => del('/api-hrms/hrms/employee/delete', p); //根据id删除员工
|
||||
export const forbiddenStaff = p => get('/api-hrms/hrms/employee/forbidInfo', p); //禁用详情（为啥禁用）
|
||||
export const queryStaff = p => get('/api-hrms/hrms/employee/getEmployeeAndDeptById', p); //根据id查询员工的基本信息
|
||||
export const queryStaffName = p => get('/api-hrms/hrms/employee/getEmployeeById', p); //根据id查询员工姓名
|
||||
export const staffMessage = p => get('/api-hrms/hrms/employee/info', p); //根据id查询员工详细信息
|
||||
export const staffList = p => get('/api-hrms/hrms/employee/list', p); //查询列表
|
||||
export const staffResetPwd = p => get('/api-hrms/hrms/employee/reset', p); //员工重置密码
|
||||
export const addStaff = p => post('/api-hrms/hrms/employee/save', p); //新增员工
|
||||
export const startStaff = p => get('/api-hrms/hrms/employee/start', p); //启用员工
|
||||
export const stopStaff = p => post('/api-hrms/hrms/employee/stop', p); //禁用员工
|
||||
export const roleStaff = p => post('/api-hrms/hrms/employee/tree', p); //角色对应权限
|
||||
export const editStaff = p => post('/api-hrms/hrms/employee/update', p); //修改员工
|
||||
// 后台-员工-导入
|
||||
export const importStaff = p => post('/api-hrms/hrms/employee/excelImport',p); //导入员工（上传）
|
||||
// 后台-员工-导出
|
||||
export const excelStaffFile = `${host}/api-hrms/hrms/employee/excelExport`; //导出员工文件
|
||||
export const excelTemplateStaff = `${host}/api-hrms/hrms/employee/excelTemplate`; //导出员工模板
|
||||
// 后台-人资-职位
|
||||
export const deletePost = p => del('/api-hrms/hrms/position/delete', p); //删除职位信息
|
||||
export const searchPostId = p => get('/api-hrms/hrms/position/info', p); //职位id查询职位信息详情
|
||||
export const postList = p => get('/api-hrms/hrms/position/list', p); //职位列表+查询
|
||||
export const addPostMessage = p => post('/api-hrms/hrms/position/save', p); //新增职位信息
|
||||
export const editPostMessage = p => put('/api-hrms/hrms/position/update', p); //修改职位信息
|
||||
|
||||
// 后台担保系统
|
||||
// 表单设计--公用接口
|
||||
export const designFrom = p => get('/api-guarantee/form/design/list', p); |
||||
// 修改表单
|
||||
export const updateFrom = p => post('/api-guarantee/form/design/update', p);
|
||||
// 担保模块选择
|
||||
export const processManageList = p => get('/api-guarantee/dg-process-manage/processManageList', p); |
||||
// 修改图标
|
||||
export const updateProcessManage = p => post('/api-guarantee/dg-process-manage/updateProcessManage', p); //新增职位信息
|
||||
// 修改可见范围
|
||||
export const updateUserVisual = p => post('/api-guarantee/dg-process-manage/updateUserVisual', p); |
||||
// 查询可见范围
|
||||
export const processVisualList = p => get('/api-guarantee/dg-process-manage/processVisualList', p); |
||||
|
||||
// 查询超管用户--用于避免超管在表单可见范围被删除
|
||||
export const superManager = p => get('/api-hrms/hrms/employee/getUserIdByRoleId', p); |
||||
|
||||
// 查询抄送用户
|
||||
export const queryCopySendUser = p => get('/api-guarantee/dg-process-user/queryCopySendUser', p); |
||||
// 添加抄送的用户
|
||||
export const addCopySendUser = p => post('/api-guarantee/dg-process-user/updateCopySendUser', p); |
||||
// 查添加进流程的员工
|
||||
export const getEmployeesByRoleId = p => get('/api-hrms/hrms/role/getEmployeesByRoleId', p); |
||||
// 修改用户角色
|
||||
export const updateUserRole = p => post('/api-hrms/hrms/role/updateUserRole', p); |
||||
// 查询日志列表
|
||||
export const systemLog = p => get('/apiHrmsAuth/hrms/auth/systemLog/list', p); |
||||
|
||||
|
||||
// 系统-新增角色权限
|
||||
export const newAddRolePermission = p => post('/apiHrmsAuth/hrms/auth/permission/saveRolePermission', p); //新增角色权限
|
||||
export const editRolePermission = p => post('/apiHrmsAuth/hrms/auth/permission/updateRolePermission', p); //修改角色权限
|
||||
export const getPermissionIds = p => get('/apiHrmsAuth/hrms/auth/permission/queryPermissionArrById', p); //已有权限的ids
|
||||
|
||||
// 工作台--人力资源
|
||||
// 绑定手机号
|
||||
export const workBindPhone = p => get('/api-hrms/hrms/user/binding', p);
|
||||
// 微信解绑
|
||||
export const wxUnbundle = p => get('/api-hrms/hrms/user/cancel', p);
|
||||
// 验证码
|
||||
export const workPhoneAuthCord = p => get('/api-hrms/hrms/user/code', p);
|
||||
// 用户信息
|
||||
export const workUserMsg = p => get('/api-hrms/hrms/user/info', p);
|
||||
// 修改用户信息9
|
||||
export const woreEditUserMsg = p => post('/api-hrms/hrms/user/update', p);
|
||||
// 修改密码
|
||||
export const workEditPwd = p => get('/api-hrms/hrms/user/updatePassword', p);
|
||||
// 头像上传
|
||||
export const headImgUp = p => post('/api-hrms/hrms/user/uploadFile', p);
|
||||
|
||||
//工作台--保后管理
|
||||
// 查询保后列表
|
||||
export const insuranceList = p => get('/api-guarantee/al-insurance-list/insuranceList', p); |
||||
// 查询保后详情
|
||||
export const insuranceDetail = p => get('/api-guarantee/al-insurance-list/insuranceDetail', p); |
||||
//办理结项
|
||||
export const updateInsurance = p => get('/api-guarantee/al-insurance-list/updateStatus', p); |
||||
//还款录入
|
||||
export const repaymentEntry = p => post('/api-guarantee/al-repayment-entry/repaymentEntry', p); |
||||
//还款记录列表
|
||||
export const repaymentList = p => get('/api-guarantee/al-repayment-entry/repaymentList', p); |
||||
//还款记录统计
|
||||
export const repaymentStatistics = p => get('/api-guarantee/al-repayment-entry/repaymentStatistics', p); |
||||
//批量删除还款记录
|
||||
export const delRepayment = p => post('/api-guarantee/al-repayment-entry/delRepayment', p); |
||||
// 查询还款记录详情
|
||||
export const repaymentDetail = p => get('/api-guarantee/al-repayment-entry/repaymentDetail', p); |
||||
// 编辑还款录入
|
||||
export const updateRepayment = p => post('/api-guarantee/al-repayment-entry/updateRepayment', p); |
||||
|
||||
// 催收
|
||||
export const collection = p => post('/api-guarantee/al-collection/collection', p); |
||||
// 催收列表
|
||||
export const collectionList = p => get('/api-guarantee/al-collection/list', p); |
||||
// 点击催收查询出的列表
|
||||
export const collectionListDetail = p => get('/api-guarantee/al-collection/overdue/detail', p); |
||||
// 催收记录列表
|
||||
export const collectionHisList = p => post('/api-guarantee/al-collection/collection/list', p); |
||||
// 催收记录列表点击查看
|
||||
export const collectionHisListDetail = p => get('/api-guarantee/al-collection/examine/detail', p); |
||||
|
||||
export const excelInsurance = `${host}/api-guarantee/al-insurance-list/excelExport`; //导出保后管理列表
|
||||
export const excelHis = `${host}/api-guarantee/al-repayment-entry/excelExport`; //导出还款记录列表
|
||||
export const excelCollection = `${host}/api-guarantee/al-collection/list/export/excel`; //导出催收管理列表
|
||||
export const excelCollectionHis = `${host}/api-guarantee/al-collection/collection/list/export/excel`; //导出催收管理列表
|
||||
|
||||
|
||||
// 工作台--客户资源管理
|
||||
// 删除
|
||||
export const workClientDel = p => post('/api-crms/crms/workbench/delete', p);
|
||||
// 详情
|
||||
export const workClientParticulars = p => get('/api-crms/crms/workbench/info', p);
|
||||
// 客户信息列表展示
|
||||
export const workClientMsgList = p => get('/api-crms/crms/workbench/list', p);
|
||||
// 获取当前客户部门经理--下属客户经理
|
||||
export const workClientManager= p => get('/api-crms/crms/workbench/manager', p);
|
||||
// 不通过
|
||||
export const workClientNoPass = p => get('/api-crms/crms/workbench/noPass', p);
|
||||
// 通过审核
|
||||
export const workClientPass = p => get('/api-crms/crms/workbench/pass', p);
|
||||
// 新增企业类型客户
|
||||
export const workClientAddEnterprise = p => post('/api-crms/crms/workbench/saveCompany', p); |
||||
// 新增企业类型客户新版接口
|
||||
export const insertCompany = p => post('/api-crms/crms/workbench/insertCompany', p);
|
||||
// 新增个人类型客户
|
||||
export const workClientMsg = p => post('/api-crms/crms/workbench/savePersonal', p);
|
||||
// 修改企业类型客户
|
||||
export const workEditClientEnterpriseMsg = p => post('/api-crms/crms/workbench/updateCompany', p);
|
||||
// 修改企业类型客户新版接口
|
||||
export const updateCompanyNew = p => post('/api-crms/crms/workbench/updateCompanyNew', p);
|
||||
// 修改个人类型客户
|
||||
export const workEditClientMsg = p => post('/api-crms/crms/workbench/updatePersonal', p);
|
||||
|
||||
// 后台和前台区分
|
||||
// 新增个人类型客户
|
||||
export const backClientMsg = p => post('/api-crms/crms/customer/savePersonal', p);
|
||||
// 新增企业类型客户
|
||||
export const backSaveCompany = p => post('/api-crms/crms/customer/saveCompany', p);
|
||||
// 修改企业类型客户
|
||||
export const backupdateCompany = p => post('/api-crms/crms/customer/updateCompany', p);
|
||||
// 修改个人类型客户
|
||||
export const backupdatePersonal = p => post('/api-crms/crms/customer/updatePersonal', p);
|
||||
|
||||
// 登录微信扫码（图片）
|
||||
// export const WXCordImg = p => get('/apiHrmsAuth/hrms/auth/userlogin/wxLoginUrl', p);
|
||||
// 微信回调授权码(不用管)
|
||||
export const WXAuthCord = p => get('/apiHrmsAuth/hrms/auth/userlogin/user/callback', p);
|
||||
// 登录绑定手机号
|
||||
export const bindPhone = p => post('/apiHrmsAuth/hrms/auth/userlogin/bindPhoneAndOpenId', p);
|
||||
// 登录手机验证码
|
||||
export const phoneAuthCord = p => get('/apiHrmsAuth/hrms/auth/userlogin/sendCode', p);
|
||||
// 判断手机是否存在
|
||||
export const phoneExist = p => get('/apiHrmsAuth/hrms/auth/userlogin/isPhoneExist', p);
|
||||
|
||||
// 工作台--担保业务
|
||||
//业务申请列表
|
||||
export const businessApplyList = p => get('/api-guarantee/dg-apply-amount-info/businessApplicationList', p);
|
||||
//新建业务
|
||||
export const businessApplication = p => post('/api-guarantee/dg-apply-amount-info/businessApplication', p);
|
||||
// 获取所有客户的信息
|
||||
export const getAllClient = p => get('/api-crms/crms/customer/queryCompanyCodeAndName', p);
|
||||
//客户编号/取得信息
|
||||
export const companyInfoBySth = p => post('/api-guarantee/dg-apply-amount-info/companyInfoBySth', p); |
||||
// 业务申请-查看
|
||||
export const businessApplyWatch = p => get('/api-guarantee/dg-apply-amount-info/businessApplicationDetail', p);
|
||||
// 业务-修改
|
||||
export const businessApplyEdit = p => post('/api-guarantee/dg-apply-amount-info/updateBusinessApplication', p); |
||||
// 业务申请-审核
|
||||
export const businessApplyAudit = p => post('/api-guarantee/dg-apply-amount-info/approvalBusinessApplication', p);
|
||||
// 业务-撤销
|
||||
export const businessApplyRepeal = p => get('/api-guarantee/dg-apply-amount-info/revokeBusinessApplication', p); |
||||
// 所有银行
|
||||
export const allBankName = p => get('/api-guarantee/dg-bank/bankList', p); |
||||
|
||||
// 抄送功能截图--已修改为正常功能
|
||||
export const copySend = p => post('/api-guarantee/dg-copy-for/copySend', p); |
||||
|
||||
// 担保调查列表
|
||||
export const guaranteeList = p => get('/api-guarantee/dg-guarantee-assign-user/guaranteeList', p); |
||||
// 查看详情功能--领导/调查员
|
||||
export const guaranteeDetails = p => get('/api-guarantee/dg-guarantee-assign-user/guaranteeDetail', p); |
||||
// 调查功能
|
||||
export const guaranteeSurvey = p => post('/api-guarantee/dg-guarantee-assign-user/investigateGuarantee', p); |
||||
// 领导审核
|
||||
export const guaranteeleader = p => post('/api-guarantee/dg-guarantee-assign-user/approvalGuarantee', p); |
||||
// 指派A/B角
|
||||
export const guaranteeDesignateAB = p => post('/api-guarantee/dg-guarantee-assign-user/assignCorners', p); |
||||
|
||||
// 团队效率-柱状图
|
||||
export const efficiencyChart = p => post('/api-guarantee/guarantee/efficiency/team', p); |
||||
// 团队效率--搜索部门
|
||||
export const listDepartment = p => get('/api-hrms/hrms/dept/listDepartment', p); |
||||
// 团队效率--业务数量状态栏
|
||||
export const businessCount = p => get('/api-guarantee/guarantee/efficiency/businessCount', p); |
||||
// 个人效率--列表
|
||||
export const personalEfficiencyList = p => post('/api-guarantee/guarantee/efficiency/personalEfficiencyList', p); |
||||
// 个人效率--抄送我的列表
|
||||
export const queryCopyForMe = p => post('/api-guarantee/dg-copy-user/queryCopyForMe', p); |
||||
// 抄送导出
|
||||
export const exportCopyForMe = `${host}/api-guarantee/dg-copy-user/exportCopyForMe`;
|
||||
// 个人效率--列表导出
|
||||
export const personalEfficiencyListExport = `${host}/api-guarantee/guarantee/efficiency/personalEfficiencyListExport`;
|
||||
|
||||
// 消息提示接口
|
||||
export const notice = p => get('/api-guarantee/guarantee/efficiency/notice', p); |
||||
|
||||
|
||||
|
||||
// 根据部门id查询员工
|
||||
export const listEmployeeByDeptId = p => get('/api-hrms/hrms/dept/listEmployeeByDeptId', p); |
||||
// 暂时替代一下上面的接口，后续切换回去。这接口上面有过了，不管，后续删除
|
||||
// export const listEmployeeName = p => get('/api-hrms/hrms/employee/listEmployeeName', p);
|
||||
//
|
||||
// 业务统计--
|
||||
// 列表导出
|
||||
export const excelExportPass = `${host}/api-guarantee/guarantee/statistics/excelExport`;
|
||||
// 拒绝列表导出
|
||||
export const excelExportRefuse = `${host}/api-guarantee/guarantee/statistics/excelExportRefuse`;
|
||||
// 业务统计列表
|
||||
export const listPass = p => get('/api-guarantee/guarantee/statistics/list', p); |
||||
// 拒绝列表
|
||||
export const listRefuse = p => get('/api-guarantee/guarantee/statistics/listRefuse', p); |
||||
|
||||
|
||||
// 个人中心柱状图
|
||||
export const approvalNum = p => get('/api-guarantee/guarantee/efficiency/approvalNum', p); |
||||
|
||||
// 指派树---不做限制版-仅工作会
|
||||
export const designateEmpTrees = p => get('/api-hrms//hrms/dept/empTrees', p); |
||||
|
||||
|
||||
// 关联人列表
|
||||
export const getLinkmanList = p => get('/api-crms/crms-company-personal/companyPersonalList', p); |
||||
// 查询关联人
|
||||
export const searchLinkmanList = p => get('/api-crms/crms-company-personal/selectCompanyPersonal', p); |
||||
// 查询关联人新版
|
||||
export const NewsearchLinkmanList = p => get('/api-crms/crms-company-personal/selectCompanyPersonal', p); |
||||
// 删除关联人
|
||||
export const delLinkmanList = p => post('/api-crms/crms-company-personal/deleteCompanyPersonal', p); |
||||
// 删除关联人新版
|
||||
export const NewdelLinkmanList = p => post('/api-crms/crms-company-personal/deleteCompanyPersonal', p); |
||||
// 新增关联人
|
||||
export const newLinkmanList = p => post('/api-crms/crms-company-personal/insertCompanyPersonal', p); |
||||
// 新增关联人新版
|
||||
export const newLinkList = p => post('/api-crms/crms-company-personal/insertCompanyPersonal', p); |
||||
// 编辑关联人
|
||||
export const editLinkmanList = p => post('/api-crms/crms-company-personal/updateCompanyPersonal', p); |
||||
// 编辑关联人新版
|
||||
export const NeweditLinkmanList = p => post('/api-crms/crms-company-personal/updateCompanyPersonal', p); |
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// 资产部--审核
|
||||
export const assetAudit = p => post('/api-guarantee/dg-assets-investigation/approvalAssets', p); |
||||
// 资产部--查看
|
||||
export const assetWatch = p => get('/api-guarantee/dg-assets-investigation/assetsDetail', p); |
||||
// 资产部--列表
|
||||
export const assetList = p => post('/api-guarantee/dg-assets-investigation/assetsList', p); |
||||
// 资产部--指派
|
||||
export const assetAssign = p => post('/api-guarantee/dg-assets-investigation/assignCorners', p); |
||||
// 资产部--调查
|
||||
export const assetSurvey = p => post('/api-guarantee/dg-assets-investigation/investigateAssets', p); |
||||
|
||||
// 信息部--列表
|
||||
export const messageList = p => get('/api-guarantee/dg-message-investigation/messageList', p); |
||||
// 信息部详情
|
||||
export const messageDetail = p => get('/api-guarantee/dg-message-investigation/messageDetail', p); |
||||
// 信息部--指派
|
||||
export const messageAssign = p => post('/api-guarantee/dg-message-investigation/assignCorners', p); |
||||
// 信息部--调查
|
||||
export const messageSurvey = p => post('/api-guarantee/dg-message-investigation/investigateMessage', p); |
||||
// 信息部审核
|
||||
export const messageAudit = p => post('/api-guarantee/dg-message-investigation/approvalMessage', p); |
||||
|
||||
// 合规调查-指派
|
||||
export const complianceAssign = p => get('/api-guarantee/compliance/investigation/assign', p); |
||||
// 合规-审核
|
||||
export const complianceAudit = p => post('/api-guarantee/compliance/investigation/check', p); |
||||
// 合规-列表
|
||||
export const complianceList = p => get('/api-guarantee/compliance/investigation/list', p); |
||||
// 合规-查看详情
|
||||
export const complianceDetail = p => get('/api-guarantee/compliance/investigation/query', p); |
||||
// 合规-调查
|
||||
export const complianceSurvey = p => post('/api-guarantee/compliance/investigation/survey', p); |
||||
|
||||
// 工作会-审议
|
||||
export const workAudit = p => post('/api-guarantee/work/conference/check', p); |
||||
//工作会-所有审核意见
|
||||
export const workOpinion = p => get('/api-guarantee/work/conference/getAuditOpinion', p); |
||||
// 工作会列表
|
||||
export const workList = p => get('/api-guarantee/work/conference/list', p); |
||||
// 工作会-查看
|
||||
export const workDetail = p => get('/api-guarantee/work/conference/query', p); |
||||
// 工作会-评委抽取
|
||||
export const workExtract = p => post('/api-guarantee/work/conference/theJudgesDrawn', p); |
||||
|
||||
// 贷审会-审议
|
||||
export const loansAudit = p => post('/api-guarantee/committee/consider/check', p); |
||||
// 贷审会-列表
|
||||
export const loansList = p => get('/api-guarantee/committee/consider/list', p); |
||||
// 贷审会-查看
|
||||
export const loansDetail = p => get('/api-guarantee/committee/consider/query', p); |
||||
// 贷审会--获取抽取的评委
|
||||
export const loansJudge = p => get('/api-guarantee/committee/consider/theJudgesDrawn', p); |
||||
|
||||
|
||||
|
||||
|
||||
/* 业务+担保 上传文件 */ |
||||
export const guaranteeUploadFile = p => post('/api-guarantee/dg-apply-amount-info/uploadFile', p);
|
||||
/* 业务+担保 删除文件 */ |
||||
export const guaranteeDeleteFile = p => get('/api-guarantee/dg-apply-amount-info/deleteServerFile', p);
|
||||
//担保函的接口
|
||||
export const guaranteeLetterList = p => post('/api-guarantee/dg-guarantee-letter-assign-user/guaranteeLetterList', p); //担保函列表
|
||||
export const updateStatus = p => post('/api-guarantee/dg-guarantee-letter-assign-user/updateStatus', p); //用户提交审核意见
|
||||
// 担保函详情--新增
|
||||
export const letterDetail = p => get('/api-guarantee/dg-guarantee-letter-assign-user/guaranteeLetterDetail', p); |
||||
|
||||
//回款确认
|
||||
export const paymentList = p => post('/api-guarantee/dg-payment-confirmation-consider/paymentConfirmationList', p); //回款确认列表
|
||||
export const updatePayment = p => post('/api-guarantee/dg-payment-confirmation-consider/updatePaymentConfirmation', p); //更新回款确认
|
||||
// 回款详情 --新增
|
||||
export const paymentDetail = p => get('/api-guarantee/dg-payment-confirmation-consider/paymentConfirmationDetail', p); |
||||
|
||||
//放款通知
|
||||
export const loanNoticeList = p => post('/api-guarantee/dg-loan-notice/loanNoticeList', p); //放款通知列表
|
||||
export const updateLoanNotice = p => post('/api-guarantee/dg-loan-notice/updateLoanNotice', p); //放款通知确认
|
||||
// 放款详情--新增
|
||||
export const loanNoticeDetail = p => get('/api-guarantee/dg-loan-notice/loanNoticeDetail', p); |
||||
|
||||
|
||||
export const auditProcessList = p => get('/api-guarantee/dg-audit-process/auditProcessList', p);//审核流程进程列表
|
||||
export const auditProcessPop = p => get('/api-guarantee/dg-audit-process/getProcessId', p);//审核流程进程--弹框
|
||||
|
||||
//获取当前用户角色
|
||||
export const getNowRole = p => get('/api-guarantee/dg-apply-amount-info/getRoles', p); |
||||
// 获取动态路由权限
|
||||
export const getPermission = p => get('/api-hrms/hrms/permission/getPermission', p); |
||||
|
||||
// 首页的接口
|
||||
// 当月每天新建审批
|
||||
export const getNewBusinessCount = p => get('/api-guarantee/guarantee/efficiency/getNewBusinessCount', p); |
||||
// 当天新建审批数量-客户员工区分
|
||||
export const getTodayBusinessCount = p => get('/api-guarantee/guarantee/efficiency/getTodayBusinessCount', p); |
||||
// 今日审批记录--个人中心
|
||||
export const todayApprovalRecord = p => get('/api-guarantee/dg-audit-process/todayApprovalRecord', p); |
||||
// 访问记录-列表
|
||||
export const queryAccessRecords = p => get('/apiHrmsAuth/hrms-access-records-log/queryAccessRecords', p); |
||||
// 访问次数
|
||||
export const queryVisitNum = p => get('/apiHrmsAuth/hrms-access-records-log/queryVisitNum', p); |
||||
// 今日登录用户总数
|
||||
export const queryLoginNum = p => get('/apiHrmsAuth/hrms-access-records-log/queryLoginNum', p); |
||||
// 登录趋势图
|
||||
export const queryLoginOnline = p => get('/apiHrmsAuth/hrms-access-records-log/queryLoginOnline', p); |
||||
// 登录时间段
|
||||
export const queryLoginOnline2 = p => get('/apiHrmsAuth/hrms-access-records-log/queryLoginOnline2', p); |
||||
|
||||
// 业务-导出
|
||||
export const businessExportList = `${host}/api-guarantee/dg-apply-amount-info/excelExport`;
|
||||
// 担保-导出
|
||||
export const guaranteeExportList = `${host}/api-guarantee/dg-guarantee-assign-user/excelExport`;
|
||||
// 资产-导出
|
||||
export const assetExportList = `${host}/api-guarantee/dg-assets-investigation/excelExport`;
|
||||
// 信息-导出
|
||||
export const messageExportList = `${host}/api-guarantee/dg-message-investigation/excelExport`;
|
||||
// 合规-导出
|
||||
export const complianceExportList = `${host}/api-guarantee/compliance/investigation/excelExport`;
|
||||
// 工作会-导出
|
||||
export const workExportList = `${host}/api-guarantee/work/conference/excelExport`;
|
||||
// 贷审会-导出
|
||||
export const loansExportList = `${host}/api-guarantee/committee/consider/excelExport`;
|
||||
|
||||
|
||||
export const excelTemplate = `${host}/api-crms/crms/customer/excelTemplate`; //导出客户模板
|
||||
export const excelExport = `${host}/api-crms/crms/customer/excelExport`; //导出客户
|
||||
export const excelImport = `${host}/api-crms/crms/customer/excelImport`; //导入excal
|
||||
|
||||
export const excelExportStaff = `${host}/api-crms/crms/customer/excelExport`; //导出客户
|
||||
export const excelImportStaff = `${host}/api-crms/crms/customer/excelImport`; //导入员工excal
|
||||
|
||||
|
||||
export const excelExportLetter = `${host}/api-guarantee/dg-guarantee-letter-assign-user/guaranteeLetterListExport`; //导出担保函列表
|
||||
export const exportGuaranteeLetter = `${host}/api-guarantee/dg-guarantee-letter-assign-user/exportGuaranteeLetter`; //导出担保函
|
||||
|
||||
export const excelExportPayment = `${host}/api-guarantee/dg-payment-confirmation-consider/paymentConfirmationListExport`; //导出回款确认列表数据
|
||||
|
||||
export const loanNoticeListExport = `${host}/api-guarantee/dg-loan-notice/loanNoticeListExport`; //导出放款通知列表数据
|
||||
export const exportLoanNotice = `${host}/api-guarantee/dg-loan-notice/exportLoanNotice`; //导出放款通知
|
||||
@ -0,0 +1,286 @@ |
||||
function fMoney(s, n) { |
||||
n = n > 0 && n <= 20 ? n : 2; |
||||
s = parseFloat((s + '').replace(/[^\d\.-]/g, '')).toFixed(n) + ''; |
||||
let l = s |
||||
.split('.')[0] |
||||
.split('') |
||||
.reverse(); |
||||
let r = s.split('.')[1]; |
||||
let t = ''; |
||||
for (let i = 0; i < l.length; i++) { |
||||
t += l[i] + ((i + 1) % 3 == 0 && i + 1 != l.length ? ',' : ''); |
||||
} |
||||
return ( |
||||
t |
||||
.split('') |
||||
.reverse() |
||||
.join('') + |
||||
'.' + |
||||
r |
||||
); |
||||
} |
||||
|
||||
function toDateTime(date, time) { |
||||
if (!date) return ''; |
||||
date = date.toString(); |
||||
time = time ? time.toString() : ''; |
||||
let str = `${date.substr(0, 4)}-${date.substr(4, 2)}-${date.substr(6, 2)}`; |
||||
if (date.length == 14) { |
||||
str += ` ${date.substr(8, 2)}:${date.substr(10, 2)}:${date.substr(12, 2)}`; |
||||
} else if (date.length == 6) { |
||||
str = `${date.substr(0, 2)}:${date.substr(2, 2)}:${date.substr(4, 2)}`; |
||||
} else if (time) { |
||||
str += ` ${time.substr(0, 2)}:${time.substr(2, 2)}:${time.substr(4, 2)}`; |
||||
} |
||||
return str; |
||||
} |
||||
|
||||
function fMoney2(m) { |
||||
return parseFloat(m).toFixed(2); |
||||
} |
||||
|
||||
// 数字转换大写中文
|
||||
function fMoney3(money) { |
||||
//汉字的数字
|
||||
let cnNums = new Array('零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'); |
||||
let cnIntRadice = new Array('', '拾', '佰', '仟'); //基本单位
|
||||
let cnIntUnits = new Array('', '万', '亿', '兆'); //对应整数部分扩展单位
|
||||
let cnDecUnits = new Array('仟', '佰', '拾', ''); //对应小数部分单位
|
||||
let cnInteger = '元整'; //整数金额时后面跟的字符
|
||||
// let
|
||||
let cnIntLast = '万'; //整数无小数点的单位
|
||||
let int; //金额整数部分
|
||||
let dot; //金额小数部分
|
||||
let chineseStr = ''; //输出的中文金额字符串
|
||||
let parts; //分离金额后用的数组，预定义
|
||||
if (money == '') { |
||||
return ''; |
||||
} |
||||
//转换为字符串，获取小数点后的值与整数分离
|
||||
money = money.toString(); |
||||
if (money.indexOf('.') == -1) { |
||||
int = money; |
||||
dot = ''; |
||||
} else { |
||||
parts = money.split('.'); //整数小数分离
|
||||
int = parts[0]; |
||||
dot = parts[1].substr(0, 4); //最多四位小数
|
||||
} |
||||
//十进制转换，处理整数部分单位
|
||||
if (parseInt(int, 10) > 0) { |
||||
let zeroCount = 0; |
||||
let IntLen = int.length; |
||||
for (let i = 0; i < IntLen; i++) { |
||||
//循环整数部分，给每个位赋值，且判断是否整除4，添加额外赋值
|
||||
let n = int.substr(i, 1); |
||||
let p = IntLen - i - 1; |
||||
let q = p / 4; |
||||
let m = p % 4; |
||||
if (n == '0') { |
||||
zeroCount++; |
||||
} else { |
||||
if (zeroCount > 0) { |
||||
chineseStr += cnNums[0]; |
||||
} |
||||
//归零
|
||||
zeroCount = 0; |
||||
chineseStr += cnNums[parseInt(n)] + cnIntRadice[m]; |
||||
} |
||||
if (m == 0 && zeroCount < 4) { |
||||
chineseStr += cnIntUnits[q]; |
||||
} |
||||
} |
||||
chineseStr += cnIntLast; |
||||
} |
||||
//小数部分
|
||||
if (dot != '') { |
||||
let decLen = dot.length; |
||||
for (let i = 0; i < decLen; i++) { |
||||
let n = dot.substr(i, 1); |
||||
if (n != '0') { |
||||
chineseStr += cnNums[Number(n)] + cnDecUnits[i]; |
||||
} |
||||
} |
||||
} |
||||
// if (chineseStr == '') {// 为0时，
|
||||
// chineseStr += cnNums[0] + cnIntLast + cnInteger;
|
||||
// }
|
||||
// else if (dot == '') {//小数点为空值时
|
||||
chineseStr += cnInteger; |
||||
// }
|
||||
return chineseStr; |
||||
} |
||||
|
||||
function orderreleaseType(sts) { |
||||
const status = { |
||||
'0': '手动发布', |
||||
'1': '定时发布' |
||||
}; |
||||
return status[sts] || '未知状态'; |
||||
} |
||||
|
||||
function auditStatus(sts) { |
||||
const status = { |
||||
'1': { text: '审核中', color: '#FF9784' }, |
||||
'2': { text: '已审核', color: '#46C435' }, |
||||
'3': { text: '已拒绝', color: '#FF9784' }, |
||||
'4': { text: '已驳回', color: '#FF9784' } |
||||
}; |
||||
return status[sts] || { text: '未知状态', color: '#666' }; |
||||
} |
||||
|
||||
function businessType(sts) { |
||||
const status = { |
||||
'0': { text:'已撤销', color: '#FF9784' }, |
||||
'1': { text:'进行中', color: '#FF9784' }, |
||||
'2': { text:'已完成', color: '#46C435' }, |
||||
'3': { text:'已否决', color: '#FF9784' } |
||||
}; |
||||
return status[sts] || { text: '未知状态', color: '#666' }; |
||||
} |
||||
|
||||
function operationType(sts) { |
||||
const status = { |
||||
'0': { text:'已发起', color: '#46C435' }, |
||||
'1': { text:'待处理', color: '#FF9784' }, |
||||
'2': { text:'已处理', color: '#46C435' }, |
||||
'3': { text:'待提交', color: '#FF9784' }, |
||||
'4': { text:'待定义', color: '#FF9784' } |
||||
}; |
||||
return status[sts] || { text: '未知状态', color: '#666' }; |
||||
} |
||||
|
||||
function removeByValue(arr, val) { |
||||
for (var i = 0; i < arr.length; i++) { |
||||
if (arr[i] == val) { |
||||
arr.splice(i, 1); |
||||
break; |
||||
} |
||||
} |
||||
} |
||||
|
||||
function paymentStatus(sts) { |
||||
const status = { |
||||
'1': '还款中', |
||||
'2': '已逾期', |
||||
'3': '已还清', |
||||
'4': '已结项' |
||||
}; |
||||
return status[sts] || '未知状态'; |
||||
} |
||||
|
||||
function stcStatus(sts) { |
||||
const status = { |
||||
'1': '待还款', |
||||
'2': '已还款', |
||||
'3': '已逾期', |
||||
'4': '未到期' |
||||
}; |
||||
return status[sts] || '未知状态'; |
||||
} |
||||
|
||||
// 判断对象值全为空
|
||||
function objectValueAllEmpty(object) { |
||||
var isEmpty = true; |
||||
Object.keys(object).forEach(function(x) { |
||||
if (object[x] != null && object[x] != '') { |
||||
isEmpty = false; |
||||
} |
||||
}); |
||||
if (isEmpty) { |
||||
//值全为空
|
||||
return true; |
||||
} |
||||
return false; |
||||
} |
||||
|
||||
// 防抖
|
||||
function debounce(func, wait) { |
||||
let timer; |
||||
return function() { |
||||
let context = this; |
||||
let args = arguments; |
||||
if (timer) clearTimeout(timer); |
||||
let callNow = !timer; |
||||
timer = setTimeout(() => { |
||||
timer = null; |
||||
}, wait); |
||||
if (callNow) func.apply(context, args); |
||||
}; |
||||
} |
||||
// 获取出生日期
|
||||
function getBirth(idCard) { |
||||
var birthday = ''; |
||||
if (idCard != null && idCard != '') { |
||||
if (idCard.length == 15) { |
||||
birthday = '19' + idCard.slice(6, 12); |
||||
} else if (idCard.length == 18) { |
||||
birthday = idCard.slice(6, 14); |
||||
} |
||||
birthday = birthday.replace(/(.{4})(.{2})/, '$1-$2-'); |
||||
//通过正则表达式来指定输出格式为:1990-01-01
|
||||
} |
||||
return birthday; |
||||
} |
||||
// 获取年龄
|
||||
function getAge(idCard) { |
||||
var birthday = ''; |
||||
if (idCard != null && idCard != '') { |
||||
if (idCard.length == 15) { |
||||
birthday = '19' + idCard.slice(6, 8); |
||||
} else if (idCard.length == 18) { |
||||
birthday = idCard.slice(6, 10); |
||||
} |
||||
let date = new Date() |
||||
birthday = date.getFullYear() - birthday |
||||
} |
||||
return birthday; |
||||
} |
||||
|
||||
// 获取性别
|
||||
function getSex(idCard) { |
||||
var sexStr = ''; |
||||
if (parseInt(idCard.slice(-2, -1)) % 2 == 1) { |
||||
sexStr = 1;//男
|
||||
} else { |
||||
sexStr = 0;//女
|
||||
} |
||||
return sexStr; |
||||
} |
||||
|
||||
// 下载视频
|
||||
function downMp4(url,fileName){ |
||||
// 可换成axios，项目没封装就用原生请求
|
||||
// 生成拼接链接
|
||||
// 传入文件名和路径，下载图片视频，支持跨域，a标签加download不支持跨域
|
||||
var x = new XMLHttpRequest() |
||||
x.open("GET", url, true) |
||||
x.responseType = 'blob' |
||||
x.onload=function(e) { |
||||
var url = window.URL.createObjectURL(x.response) |
||||
var a = document.createElement('a') |
||||
a.href = url |
||||
a.download = fileName |
||||
a.click() |
||||
} |
||||
x.send() |
||||
} |
||||
export default { |
||||
fMoney, |
||||
fMoney2, |
||||
fMoney3, |
||||
toDateTime, |
||||
orderreleaseType, |
||||
auditStatus, |
||||
businessType, |
||||
operationType, |
||||
removeByValue, |
||||
objectValueAllEmpty, |
||||
debounce, |
||||
getBirth, |
||||
getSex, |
||||
getAge, |
||||
paymentStatus, |
||||
stcStatus, |
||||
downMp4 |
||||
}; |
||||
@ -0,0 +1,186 @@ |
||||
import axios from 'axios'; |
||||
// import QS from 'qs';
|
||||
// import store from '../store/index'
|
||||
import { Message } from 'element-ui' |
||||
import router from '../router/index' |
||||
|
||||
// 环境的切换
|
||||
// if (process.env.NODE_ENV == 'development') {
|
||||
// axios.defaults.baseURL = 'http://192.168.31.137:8080';//陈赓
|
||||
|
||||
// axios.defaults.baseURL = 'https://test.feifanhitech.com';// 测试服务器地址
|
||||
axios.defaults.baseURL = 'https://www.feifanhitech.com';// 非凡
|
||||
|
||||
// } else if (process.env.NODE_ENV == 'debug') {
|
||||
// axios.defaults.baseURL = 'http://dq.huorantech.cn';
|
||||
// } else if (process.env.NODE_ENV == 'production') {
|
||||
// axios.defaults.baseURL = 'http://dq.huorantech.cn';
|
||||
// }
|
||||
|
||||
// 请求超时时间
|
||||
axios.defaults.timeout = 30000; |
||||
|
||||
// post请求头
|
||||
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'; |
||||
|
||||
|
||||
// 请求拦截器
|
||||
axios.interceptors.request.use(config => { |
||||
// const token = store.state.token;
|
||||
// token && (config.headers.Authorization = token);
|
||||
// return config;
|
||||
// config.withCredentials= true
|
||||
if (sessionStorage.getItem('token')) { |
||||
// 存在将token写入 request header
|
||||
config.headers.token = `${sessionStorage.getItem('token')}`; |
||||
} |
||||
return config; |
||||
}, err => { |
||||
// return Promise.error(error);
|
||||
// Message.error({
|
||||
// message: '退出登陆',
|
||||
// onClose: function () {
|
||||
// router.push({name: 'login'});
|
||||
// }
|
||||
// })
|
||||
// console.log(err,'错误捕获61');
|
||||
return Promise.reject(err); |
||||
}) |
||||
|
||||
// 响应拦截器
|
||||
axios.interceptors.response.use( |
||||
response => { |
||||
// post请求莫得code，直接以文件流形式
|
||||
if (response.data.code === 10000) { |
||||
return Promise.resolve(response); |
||||
} else
|
||||
if(response.data.code === 401){ |
||||
Message.error('登录过期，请重新登录!'); |
||||
// 清除token
|
||||
sessionStorage.removeItem('token'); |
||||
localStorage.removeItem('token') |
||||
// store.commit('loginSuccess', null);
|
||||
// 跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面
|
||||
setTimeout(() => { |
||||
router.replace({ |
||||
path: '/login', |
||||
query: { |
||||
redirect: router.currentRoute.fullPath |
||||
} |
||||
}); |
||||
}, 1000); |
||||
}else{ |
||||
if(response.data.message){ |
||||
Message.error(response.data.message); |
||||
} |
||||
return Promise.reject(response) |
||||
// return Promise.reject(response);
|
||||
} |
||||
}, |
||||
// 服务器状态码不是200的情况
|
||||
error => { |
||||
// console.log(error,'错误打印--http.js -98行')
|
||||
if(error.response){ |
||||
if (error.response.status) { |
||||
switch (error.response.status) { |
||||
// 401: 未登录
|
||||
// 未登录则跳转登录页面，并携带当前页面的路径
|
||||
// 在登录成功后返回当前页面，这一步需要在登录页操作。
|
||||
case 403: |
||||
router.replace({ |
||||
path: '/login', |
||||
query: { redirect: router.currentRoute.fullPath } |
||||
}); |
||||
break; |
||||
// 403 token过期
|
||||
// 登录过期对用户进行提示
|
||||
// 清除本地token和清空vuex中token对象
|
||||
// 跳转登录页面
|
||||
case 401: |
||||
Message.error('登录过期，请重新登录!'); |
||||
// 清除token
|
||||
sessionStorage.removeItem('token'); |
||||
localStorage.removeItem('token') |
||||
// store.commit('loginSuccess', null);
|
||||
// 跳转登录页面，并将要浏览的页面fullPath传过去，登录成功后跳转需要访问的页面
|
||||
setTimeout(() => { |
||||
router.replace({ |
||||
path: '/login', |
||||
query: { |
||||
redirect: router.currentRoute.fullPath |
||||
} |
||||
}); |
||||
}, 1000); |
||||
break; |
||||
// 404请求不存在
|
||||
case 404: |
||||
Message.error('网络请求不存在!'); |
||||
break; |
||||
// 404请求不存在
|
||||
case 500: |
||||
Message.error('网络请求出错!'); |
||||
break; |
||||
// 其他错误，直接抛出错误提示
|
||||
default: |
||||
Message.error(error.response.errmessage); |
||||
} |
||||
return Promise.reject(error.response); |
||||
} |
||||
} |
||||
} |
||||
); |
||||
|
||||
/** get方法，对应get请求 **/ |
||||
export function get(url, params){ |
||||
return new Promise((resolve, reject) =>{ |
||||
axios.get(url, { |
||||
params: params |
||||
}) |
||||
.then(res => { |
||||
resolve(res.data); |
||||
}) |
||||
.catch(err => { |
||||
reject(err.data) |
||||
}) |
||||
}); |
||||
} |
||||
/** post方法，对应post请求 **/ |
||||
export function post(url, params) { |
||||
return new Promise((resolve, reject) => { |
||||
axios.post(url,params) |
||||
.then(res => { |
||||
resolve(res.data); |
||||
}) |
||||
.catch(err => { |
||||
reject(err.data) |
||||
}) |
||||
}); |
||||
} |
||||
|
||||
/** delete方法，对应delete请求 **/ |
||||
export function del(url, params){ |
||||
return new Promise((resolve, reject) =>{ |
||||
axios.delete(url, { |
||||
data: params |
||||
}) |
||||
.then(res => { |
||||
resolve(res.data); |
||||
}) |
||||
.catch(err => { |
||||
reject(err.data) |
||||
}) |
||||
}); |
||||
} |
||||
|
||||
/** put修改 **/ |
||||
export function put(url, params){ |
||||
return new Promise((resolve, reject) =>{ |
||||
axios.put(url, params) |
||||
.then(res => { |
||||
resolve(res.data); |
||||
}) |
||||
.catch(err => { |
||||
reject(err.data) |
||||
}) |
||||
}); |
||||
} |
||||
@ -0,0 +1,16 @@ |
||||
import Vue from 'vue' |
||||
|
||||
const preventReClick = Vue.directive('preventReClick', { |
||||
inserted: function (el, binding) { |
||||
el.addEventListener('click', () => { |
||||
if (!el.disabled) { |
||||
el.disabled = true |
||||
setTimeout(() => { |
||||
el.disabled = false |
||||
}, binding.value || 3000) |
||||
} |
||||
}) |
||||
} |
||||
}); |
||||
|
||||
export { preventReClick } |
||||
@ -0,0 +1,343 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-alert { |
||||
width: 100%; |
||||
padding: 8px 16px; |
||||
margin: 0; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
border-radius: 4px; |
||||
position: relative; |
||||
background-color: #FFFFFF; |
||||
overflow: hidden; |
||||
opacity: 1; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
-webkit-transition: opacity .2s; |
||||
transition: opacity .2s; } |
||||
.el-alert.is-light .el-alert__closebtn { |
||||
color: #C0C4CC; } |
||||
.el-alert.is-dark .el-alert__closebtn { |
||||
color: #FFFFFF; } |
||||
.el-alert.is-dark .el-alert__description { |
||||
color: #FFFFFF; } |
||||
.el-alert.is-center { |
||||
-webkit-box-pack: center; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; } |
||||
.el-alert--success.is-light { |
||||
background-color: #f0f9eb; |
||||
color: #67C23A; } |
||||
.el-alert--success.is-light .el-alert__description { |
||||
color: #67C23A; } |
||||
.el-alert--success.is-dark { |
||||
background-color: #67C23A; |
||||
color: #FFFFFF; } |
||||
.el-alert--info.is-light { |
||||
background-color: #f4f4f5; |
||||
color: #909399; } |
||||
.el-alert--info.is-dark { |
||||
background-color: #909399; |
||||
color: #FFFFFF; } |
||||
.el-alert--info .el-alert__description { |
||||
color: #909399; } |
||||
.el-alert--warning.is-light { |
||||
background-color: #fdf6ec; |
||||
color: #E6A23C; } |
||||
.el-alert--warning.is-light .el-alert__description { |
||||
color: #E6A23C; } |
||||
.el-alert--warning.is-dark { |
||||
background-color: #E6A23C; |
||||
color: #FFFFFF; } |
||||
.el-alert--error.is-light { |
||||
background-color: #fef0f0; |
||||
color: #F56C6C; } |
||||
.el-alert--error.is-light .el-alert__description { |
||||
color: #F56C6C; } |
||||
.el-alert--error.is-dark { |
||||
background-color: #F56C6C; |
||||
color: #FFFFFF; } |
||||
.el-alert__content { |
||||
display: table-cell; |
||||
padding: 0 8px; } |
||||
.el-alert__icon { |
||||
font-size: 16px; |
||||
width: 16px; } |
||||
.el-alert__icon.is-big { |
||||
font-size: 28px; |
||||
width: 28px; } |
||||
.el-alert__title { |
||||
font-size: 13px; |
||||
line-height: 18px; } |
||||
.el-alert__title.is-bold { |
||||
font-weight: bold; } |
||||
.el-alert .el-alert__description { |
||||
font-size: 12px; |
||||
margin: 5px 0 0 0; } |
||||
.el-alert__closebtn { |
||||
font-size: 12px; |
||||
opacity: 1; |
||||
position: absolute; |
||||
top: 12px; |
||||
right: 15px; |
||||
cursor: pointer; } |
||||
.el-alert__closebtn.is-customed { |
||||
font-style: normal; |
||||
font-size: 13px; |
||||
top: 9px; } |
||||
|
||||
.el-alert-fade-enter, |
||||
.el-alert-fade-leave-active { |
||||
opacity: 0; } |
||||
@ -0,0 +1,136 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
.el-aside { |
||||
overflow: auto; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
-ms-flex-negative: 0; |
||||
flex-shrink: 0; } |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,284 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-avatar { |
||||
display: inline-block; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
text-align: center; |
||||
overflow: hidden; |
||||
color: #fff; |
||||
background: #C0C4CC; |
||||
width: 40px; |
||||
height: 40px; |
||||
line-height: 40px; |
||||
font-size: 14px; } |
||||
.el-avatar > img { |
||||
display: block; |
||||
height: 100%; |
||||
vertical-align: middle; } |
||||
.el-avatar--circle { |
||||
border-radius: 50%; } |
||||
.el-avatar--square { |
||||
border-radius: 4px; } |
||||
.el-avatar--icon { |
||||
font-size: 18px; } |
||||
.el-avatar--large { |
||||
width: 40px; |
||||
height: 40px; |
||||
line-height: 40px; } |
||||
.el-avatar--medium { |
||||
width: 36px; |
||||
height: 36px; |
||||
line-height: 36px; } |
||||
.el-avatar--small { |
||||
width: 28px; |
||||
height: 28px; |
||||
line-height: 28px; } |
||||
@ -0,0 +1,273 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-backtop { |
||||
position: fixed; |
||||
background-color: #FFFFFF; |
||||
width: 40px; |
||||
height: 40px; |
||||
border-radius: 50%; |
||||
color: #00B9FF; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
-webkit-box-pack: center; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; |
||||
font-size: 20px; |
||||
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); |
||||
box-shadow: 0 0 6px rgba(0, 0, 0, 0.12); |
||||
cursor: pointer; |
||||
z-index: 5; } |
||||
.el-backtop:hover { |
||||
background-color: #F2F6FC; } |
||||
@ -0,0 +1,290 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-badge { |
||||
position: relative; |
||||
vertical-align: middle; |
||||
display: inline-block; } |
||||
.el-badge__content { |
||||
background-color: #F56C6C; |
||||
border-radius: 10px; |
||||
color: #FFFFFF; |
||||
display: inline-block; |
||||
font-size: 12px; |
||||
height: 18px; |
||||
line-height: 18px; |
||||
padding: 0 6px; |
||||
text-align: center; |
||||
white-space: nowrap; |
||||
border: 1px solid #FFFFFF; } |
||||
.el-badge__content.is-fixed { |
||||
position: absolute; |
||||
top: 0; |
||||
right: 10px; |
||||
-webkit-transform: translateY(-50%) translateX(100%); |
||||
transform: translateY(-50%) translateX(100%); } |
||||
.el-badge__content.is-fixed.is-dot { |
||||
right: 5px; } |
||||
.el-badge__content.is-dot { |
||||
height: 8px; |
||||
width: 8px; |
||||
padding: 0; |
||||
right: 0; |
||||
border-radius: 50%; } |
||||
.el-badge__content--primary { |
||||
background-color: #00B9FF; } |
||||
.el-badge__content--success { |
||||
background-color: #67C23A; } |
||||
.el-badge__content--warning { |
||||
background-color: #E6A23C; } |
||||
.el-badge__content--info { |
||||
background-color: #909399; } |
||||
.el-badge__content--danger { |
||||
background-color: #F56C6C; } |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,287 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-breadcrumb { |
||||
font-size: 14px; |
||||
line-height: 1; } |
||||
.el-breadcrumb::before, |
||||
.el-breadcrumb::after { |
||||
display: table; |
||||
content: ""; } |
||||
.el-breadcrumb::after { |
||||
clear: both; } |
||||
.el-breadcrumb__separator { |
||||
margin: 0 9px; |
||||
font-weight: bold; |
||||
color: #C0C4CC; } |
||||
.el-breadcrumb__separator[class*=icon] { |
||||
margin: 0 6px; |
||||
font-weight: normal; } |
||||
.el-breadcrumb__item { |
||||
float: left; } |
||||
.el-breadcrumb__inner { |
||||
color: #606266; } |
||||
.el-breadcrumb__inner.is-link, .el-breadcrumb__inner a { |
||||
font-weight: bold; |
||||
text-decoration: none; |
||||
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
color: #303133; } |
||||
.el-breadcrumb__inner.is-link:hover, .el-breadcrumb__inner a:hover { |
||||
color: #00B9FF; |
||||
cursor: pointer; } |
||||
.el-breadcrumb__item:last-child .el-breadcrumb__inner, .el-breadcrumb__item:last-child .el-breadcrumb__inner:hover, |
||||
.el-breadcrumb__item:last-child .el-breadcrumb__inner a, |
||||
.el-breadcrumb__item:last-child .el-breadcrumb__inner a:hover { |
||||
font-weight: normal; |
||||
color: #606266; |
||||
cursor: text; } |
||||
.el-breadcrumb__item:last-child .el-breadcrumb__separator { |
||||
display: none; } |
||||
@ -0,0 +1,762 @@ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
.el-button { |
||||
display: inline-block; |
||||
line-height: 1; |
||||
white-space: nowrap; |
||||
cursor: pointer; |
||||
background: #FFFFFF; |
||||
border: 1px solid #DCDFE6; |
||||
border-color: #DCDFE6; |
||||
color: #606266; |
||||
-webkit-appearance: none; |
||||
text-align: center; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
outline: none; |
||||
margin: 0; |
||||
-webkit-transition: .1s; |
||||
transition: .1s; |
||||
font-weight: 500; |
||||
-moz-user-select: none; |
||||
-webkit-user-select: none; |
||||
-ms-user-select: none; |
||||
padding: 12px 20px; |
||||
font-size: 14px; |
||||
border-radius: 4px; } |
||||
.el-button + .el-button { |
||||
margin-left: 10px; } |
||||
.el-button.is-round { |
||||
padding: 12px 20px; } |
||||
.el-button:hover, .el-button:focus { |
||||
color: #00B9FF; |
||||
border-color: #b3eaff; |
||||
background-color: #e6f8ff; } |
||||
.el-button:active { |
||||
color: #00a7e6; |
||||
border-color: #00a7e6; |
||||
outline: none; } |
||||
.el-button::-moz-focus-inner { |
||||
border: 0; } |
||||
.el-button [class*="el-icon-"] + span { |
||||
margin-left: 5px; } |
||||
.el-button.is-plain:hover, .el-button.is-plain:focus { |
||||
background: #FFFFFF; |
||||
border-color: #00B9FF; |
||||
color: #00B9FF; } |
||||
.el-button.is-plain:active { |
||||
background: #FFFFFF; |
||||
border-color: #00a7e6; |
||||
color: #00a7e6; |
||||
outline: none; } |
||||
.el-button.is-active { |
||||
color: #00a7e6; |
||||
border-color: #00a7e6; } |
||||
.el-button.is-disabled, .el-button.is-disabled:hover, .el-button.is-disabled:focus { |
||||
color: #C0C4CC; |
||||
cursor: not-allowed; |
||||
background-image: none; |
||||
background-color: #FFFFFF; |
||||
border-color: #EBEEF5; } |
||||
.el-button.is-disabled.el-button--text { |
||||
background-color: transparent; } |
||||
.el-button.is-disabled.is-plain, .el-button.is-disabled.is-plain:hover, .el-button.is-disabled.is-plain:focus { |
||||
background-color: #FFFFFF; |
||||
border-color: #EBEEF5; |
||||
color: #C0C4CC; } |
||||
.el-button.is-loading { |
||||
position: relative; |
||||
pointer-events: none; } |
||||
.el-button.is-loading:before { |
||||
pointer-events: none; |
||||
content: ''; |
||||
position: absolute; |
||||
left: -1px; |
||||
top: -1px; |
||||
right: -1px; |
||||
bottom: -1px; |
||||
border-radius: inherit; |
||||
background-color: rgba(255, 255, 255, 0.35); } |
||||
.el-button.is-round { |
||||
border-radius: 20px; |
||||
padding: 12px 23px; } |
||||
.el-button.is-circle { |
||||
border-radius: 50%; |
||||
padding: 12px; } |
||||
.el-button--primary { |
||||
color: #FFFFFF; |
||||
background-color: #00B9FF; |
||||
border-color: #00B9FF; } |
||||
.el-button--primary:hover, .el-button--primary:focus { |
||||
background: #33c7ff; |
||||
border-color: #33c7ff; |
||||
color: #FFFFFF; } |
||||
.el-button--primary:active { |
||||
background: #00a7e6; |
||||
border-color: #00a7e6; |
||||
color: #FFFFFF; |
||||
outline: none; } |
||||
.el-button--primary.is-active { |
||||
background: #00a7e6; |
||||
border-color: #00a7e6; |
||||
color: #FFFFFF; } |
||||
.el-button--primary.is-disabled, .el-button--primary.is-disabled:hover, .el-button--primary.is-disabled:focus, .el-button--primary.is-disabled:active { |
||||
color: #FFFFFF; |
||||
background-color: #80dcff; |
||||
border-color: #80dcff; } |
||||
.el-button--primary.is-plain { |
||||
color: #00B9FF; |
||||
background: #e6f8ff; |
||||
border-color: #99e3ff; } |
||||
.el-button--primary.is-plain:hover, .el-button--primary.is-plain:focus { |
||||
background: #00B9FF; |
||||
border-color: #00B9FF; |
||||
color: #FFFFFF; } |
||||
.el-button--primary.is-plain:active { |
||||
background: #00a7e6; |
||||
border-color: #00a7e6; |
||||
color: #FFFFFF; |
||||
outline: none; } |
||||
.el-button--primary.is-plain.is-disabled, .el-button--primary.is-plain.is-disabled:hover, .el-button--primary.is-plain.is-disabled:focus, .el-button--primary.is-plain.is-disabled:active { |
||||
color: #66d5ff; |
||||
background-color: #e6f8ff; |
||||
border-color: #ccf1ff; } |
||||
.el-button--success { |
||||
color: #FFFFFF; |
||||
background-color: #67C23A; |
||||
border-color: #67C23A; } |
||||
.el-button--success:hover, .el-button--success:focus { |
||||
background: #85ce61; |
||||
border-color: #85ce61; |
||||
color: #FFFFFF; } |
||||
.el-button--success:active { |
||||
background: #5daf34; |
||||
border-color: #5daf34; |
||||
color: #FFFFFF; |
||||
outline: none; } |
||||
.el-button--success.is-active { |
||||
background: #5daf34; |
||||
border-color: #5daf34; |
||||
color: #FFFFFF; } |
||||
.el-button--success.is-disabled, .el-button--success.is-disabled:hover, .el-button--success.is-disabled:focus, .el-button--success.is-disabled:active { |
||||
color: #FFFFFF; |
||||
background-color: #b3e19d; |
||||
border-color: #b3e19d; } |
||||
.el-button--success.is-plain { |
||||
color: #67C23A; |
||||
background: #f0f9eb; |
||||
border-color: #c2e7b0; } |
||||
.el-button--success.is-plain:hover, .el-button--success.is-plain:focus { |
||||
background: #67C23A; |
||||
border-color: #67C23A; |
||||
color: #FFFFFF; } |
||||
.el-button--success.is-plain:active { |
||||
background: #5daf34; |
||||
border-color: #5daf34; |
||||
color: #FFFFFF; |
||||
outline: none; } |
||||
.el-button--success.is-plain.is-disabled, .el-button--success.is-plain.is-disabled:hover, .el-button--success.is-plain.is-disabled:focus, .el-button--success.is-plain.is-disabled:active { |
||||
color: #a4da89; |
||||
background-color: #f0f9eb; |
||||
border-color: #e1f3d8; } |
||||
.el-button--warning { |
||||
color: #FFFFFF; |
||||
background-color: #E6A23C; |
||||
border-color: #E6A23C; } |
||||
.el-button--warning:hover, .el-button--warning:focus { |
||||
background: #ebb563; |
||||
border-color: #ebb563; |
||||
color: #FFFFFF; } |
||||
.el-button--warning:active { |
||||
background: #cf9236; |
||||
border-color: #cf9236; |
||||
color: #FFFFFF; |
||||
outline: none; } |
||||
.el-button--warning.is-active { |
||||
background: #cf9236; |
||||
border-color: #cf9236; |
||||
color: #FFFFFF; } |
||||
.el-button--warning.is-disabled, .el-button--warning.is-disabled:hover, .el-button--warning.is-disabled:focus, .el-button--warning.is-disabled:active { |
||||
color: #FFFFFF; |
||||
background-color: #f3d19e; |
||||
border-color: #f3d19e; } |
||||
.el-button--warning.is-plain { |
||||
color: #E6A23C; |
||||
background: #fdf6ec; |
||||
border-color: #f5dab1; } |
||||
.el-button--warning.is-plain:hover, .el-button--warning.is-plain:focus { |
||||
background: #E6A23C; |
||||
border-color: #E6A23C; |
||||
color: #FFFFFF; } |
||||
.el-button--warning.is-plain:active { |
||||
background: #cf9236; |
||||
border-color: #cf9236; |
||||
color: #FFFFFF; |
||||
outline: none; } |
||||
.el-button--warning.is-plain.is-disabled, .el-button--warning.is-plain.is-disabled:hover, .el-button--warning.is-plain.is-disabled:focus, .el-button--warning.is-plain.is-disabled:active { |
||||
color: #f0c78a; |
||||
background-color: #fdf6ec; |
||||
border-color: #faecd8; } |
||||
.el-button--danger { |
||||
color: #FFFFFF; |
||||
background-color: #F56C6C; |
||||
border-color: #F56C6C; } |
||||
.el-button--danger:hover, .el-button--danger:focus { |
||||
background: #f78989; |
||||
border-color: #f78989; |
||||
color: #FFFFFF; } |
||||
.el-button--danger:active { |
||||
background: #dd6161; |
||||
border-color: #dd6161; |
||||
color: #FFFFFF; |
||||
outline: none; } |
||||
.el-button--danger.is-active { |
||||
background: #dd6161; |
||||
border-color: #dd6161; |
||||
color: #FFFFFF; } |
||||
.el-button--danger.is-disabled, .el-button--danger.is-disabled:hover, .el-button--danger.is-disabled:focus, .el-button--danger.is-disabled:active { |
||||
color: #FFFFFF; |
||||
background-color: #fab6b6; |
||||
border-color: #fab6b6; } |
||||
.el-button--danger.is-plain { |
||||
color: #F56C6C; |
||||
background: #fef0f0; |
||||
border-color: #fbc4c4; } |
||||
.el-button--danger.is-plain:hover, .el-button--danger.is-plain:focus { |
||||
background: #F56C6C; |
||||
border-color: #F56C6C; |
||||
color: #FFFFFF; } |
||||
.el-button--danger.is-plain:active { |
||||
background: #dd6161; |
||||
border-color: #dd6161; |
||||
color: #FFFFFF; |
||||
outline: none; } |
||||
.el-button--danger.is-plain.is-disabled, .el-button--danger.is-plain.is-disabled:hover, .el-button--danger.is-plain.is-disabled:focus, .el-button--danger.is-plain.is-disabled:active { |
||||
color: #f9a7a7; |
||||
background-color: #fef0f0; |
||||
border-color: #fde2e2; } |
||||
.el-button--info { |
||||
color: #FFFFFF; |
||||
background-color: #909399; |
||||
border-color: #909399; } |
||||
.el-button--info:hover, .el-button--info:focus { |
||||
background: #a6a9ad; |
||||
border-color: #a6a9ad; |
||||
color: #FFFFFF; } |
||||
.el-button--info:active { |
||||
background: #82848a; |
||||
border-color: #82848a; |
||||
color: #FFFFFF; |
||||
outline: none; } |
||||
.el-button--info.is-active { |
||||
background: #82848a; |
||||
border-color: #82848a; |
||||
color: #FFFFFF; } |
||||
.el-button--info.is-disabled, .el-button--info.is-disabled:hover, .el-button--info.is-disabled:focus, .el-button--info.is-disabled:active { |
||||
color: #FFFFFF; |
||||
background-color: #c8c9cc; |
||||
border-color: #c8c9cc; } |
||||
.el-button--info.is-plain { |
||||
color: #909399; |
||||
background: #f4f4f5; |
||||
border-color: #d3d4d6; } |
||||
.el-button--info.is-plain:hover, .el-button--info.is-plain:focus { |
||||
background: #909399; |
||||
border-color: #909399; |
||||
color: #FFFFFF; } |
||||
.el-button--info.is-plain:active { |
||||
background: #82848a; |
||||
border-color: #82848a; |
||||
color: #FFFFFF; |
||||
outline: none; } |
||||
.el-button--info.is-plain.is-disabled, .el-button--info.is-plain.is-disabled:hover, .el-button--info.is-plain.is-disabled:focus, .el-button--info.is-plain.is-disabled:active { |
||||
color: #bcbec2; |
||||
background-color: #f4f4f5; |
||||
border-color: #e9e9eb; } |
||||
.el-button--medium { |
||||
padding: 10px 20px; |
||||
font-size: 14px; |
||||
border-radius: 4px; } |
||||
.el-button--medium.is-round { |
||||
padding: 10px 20px; } |
||||
.el-button--medium.is-circle { |
||||
padding: 10px; } |
||||
.el-button--small { |
||||
padding: 9px 15px; |
||||
font-size: 12px; |
||||
border-radius: 3px; } |
||||
.el-button--small.is-round { |
||||
padding: 9px 15px; } |
||||
.el-button--small.is-circle { |
||||
padding: 9px; } |
||||
.el-button--mini { |
||||
padding: 7px 15px; |
||||
font-size: 12px; |
||||
border-radius: 3px; } |
||||
.el-button--mini.is-round { |
||||
padding: 7px 15px; } |
||||
.el-button--mini.is-circle { |
||||
padding: 7px; } |
||||
.el-button--text { |
||||
border-color: transparent; |
||||
color: #00B9FF; |
||||
background: transparent; |
||||
padding-left: 0; |
||||
padding-right: 0; } |
||||
.el-button--text:hover, .el-button--text:focus { |
||||
color: #33c7ff; |
||||
border-color: transparent; |
||||
background-color: transparent; } |
||||
.el-button--text:active { |
||||
color: #00a7e6; |
||||
border-color: transparent; |
||||
background-color: transparent; } |
||||
.el-button--text.is-disabled, .el-button--text.is-disabled:hover, .el-button--text.is-disabled:focus { |
||||
border-color: transparent; } |
||||
|
||||
.el-button-group { |
||||
display: inline-block; |
||||
vertical-align: middle; } |
||||
.el-button-group::before, |
||||
.el-button-group::after { |
||||
display: table; |
||||
content: ""; } |
||||
.el-button-group::after { |
||||
clear: both; } |
||||
.el-button-group > .el-button { |
||||
float: left; |
||||
position: relative; } |
||||
.el-button-group > .el-button + .el-button { |
||||
margin-left: 0; } |
||||
.el-button-group > .el-button.is-disabled { |
||||
z-index: 1; } |
||||
.el-button-group > .el-button:first-child { |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; } |
||||
.el-button-group > .el-button:last-child { |
||||
border-top-left-radius: 0; |
||||
border-bottom-left-radius: 0; } |
||||
.el-button-group > .el-button:first-child:last-child { |
||||
border-top-right-radius: 4px; |
||||
border-bottom-right-radius: 4px; |
||||
border-top-left-radius: 4px; |
||||
border-bottom-left-radius: 4px; } |
||||
.el-button-group > .el-button:first-child:last-child.is-round { |
||||
border-radius: 20px; } |
||||
.el-button-group > .el-button:first-child:last-child.is-circle { |
||||
border-radius: 50%; } |
||||
.el-button-group > .el-button:not(:first-child):not(:last-child) { |
||||
border-radius: 0; } |
||||
.el-button-group > .el-button:not(:last-child) { |
||||
margin-right: -1px; } |
||||
.el-button-group > .el-button:hover, .el-button-group > .el-button:focus, .el-button-group > .el-button:active { |
||||
z-index: 1; } |
||||
.el-button-group > .el-button.is-active { |
||||
z-index: 1; } |
||||
.el-button-group > .el-dropdown > .el-button { |
||||
border-top-left-radius: 0; |
||||
border-bottom-left-radius: 0; |
||||
border-left-color: rgba(255, 255, 255, 0.5); } |
||||
.el-button-group .el-button--primary:first-child { |
||||
border-right-color: rgba(255, 255, 255, 0.5); } |
||||
.el-button-group .el-button--primary:last-child { |
||||
border-left-color: rgba(255, 255, 255, 0.5); } |
||||
.el-button-group .el-button--primary:not(:first-child):not(:last-child) { |
||||
border-left-color: rgba(255, 255, 255, 0.5); |
||||
border-right-color: rgba(255, 255, 255, 0.5); } |
||||
.el-button-group .el-button--success:first-child { |
||||
border-right-color: rgba(255, 255, 255, 0.5); } |
||||
.el-button-group .el-button--success:last-child { |
||||
border-left-color: rgba(255, 255, 255, 0.5); } |
||||
.el-button-group .el-button--success:not(:first-child):not(:last-child) { |
||||
border-left-color: rgba(255, 255, 255, 0.5); |
||||
border-right-color: rgba(255, 255, 255, 0.5); } |
||||
.el-button-group .el-button--warning:first-child { |
||||
border-right-color: rgba(255, 255, 255, 0.5); } |
||||
.el-button-group .el-button--warning:last-child { |
||||
border-left-color: rgba(255, 255, 255, 0.5); } |
||||
.el-button-group .el-button--warning:not(:first-child):not(:last-child) { |
||||
border-left-color: rgba(255, 255, 255, 0.5); |
||||
border-right-color: rgba(255, 255, 255, 0.5); } |
||||
.el-button-group .el-button--danger:first-child { |
||||
border-right-color: rgba(255, 255, 255, 0.5); } |
||||
.el-button-group .el-button--danger:last-child { |
||||
border-left-color: rgba(255, 255, 255, 0.5); } |
||||
.el-button-group .el-button--danger:not(:first-child):not(:last-child) { |
||||
border-left-color: rgba(255, 255, 255, 0.5); |
||||
border-right-color: rgba(255, 255, 255, 0.5); } |
||||
.el-button-group .el-button--info:first-child { |
||||
border-right-color: rgba(255, 255, 255, 0.5); } |
||||
.el-button-group .el-button--info:last-child { |
||||
border-left-color: rgba(255, 255, 255, 0.5); } |
||||
.el-button-group .el-button--info:not(:first-child):not(:last-child) { |
||||
border-left-color: rgba(255, 255, 255, 0.5); |
||||
border-right-color: rgba(255, 255, 255, 0.5); } |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,271 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-card { |
||||
border-radius: 4px; |
||||
border: 1px solid #EBEEF5; |
||||
background-color: #FFFFFF; |
||||
overflow: hidden; |
||||
color: #303133; |
||||
-webkit-transition: 0.3s; |
||||
transition: 0.3s; } |
||||
.el-card.is-always-shadow { |
||||
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } |
||||
.el-card.is-hover-shadow:hover, .el-card.is-hover-shadow:focus { |
||||
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } |
||||
.el-card__header { |
||||
padding: 18px 20px; |
||||
border-bottom: 1px solid #EBEEF5; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; } |
||||
.el-card__body { |
||||
padding: 20px; } |
||||
@ -0,0 +1,291 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-carousel__item { |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
display: inline-block; |
||||
overflow: hidden; |
||||
z-index: 0; } |
||||
.el-carousel__item.is-active { |
||||
z-index: 2; } |
||||
.el-carousel__item.is-animating { |
||||
-webkit-transition: -webkit-transform .4s ease-in-out; |
||||
transition: -webkit-transform .4s ease-in-out; |
||||
transition: transform .4s ease-in-out; |
||||
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; } |
||||
.el-carousel__item--card { |
||||
width: 50%; |
||||
-webkit-transition: -webkit-transform .4s ease-in-out; |
||||
transition: -webkit-transform .4s ease-in-out; |
||||
transition: transform .4s ease-in-out; |
||||
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out; } |
||||
.el-carousel__item--card.is-in-stage { |
||||
cursor: pointer; |
||||
z-index: 1; } |
||||
.el-carousel__item--card.is-in-stage:hover .el-carousel__mask, |
||||
.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask { |
||||
opacity: 0.12; } |
||||
.el-carousel__item--card.is-active { |
||||
z-index: 2; } |
||||
|
||||
.el-carousel__mask { |
||||
position: absolute; |
||||
width: 100%; |
||||
height: 100%; |
||||
top: 0; |
||||
left: 0; |
||||
background-color: #FFFFFF; |
||||
opacity: 0.24; |
||||
-webkit-transition: .2s; |
||||
transition: .2s; } |
||||
@ -0,0 +1,367 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-carousel { |
||||
position: relative; } |
||||
.el-carousel--horizontal { |
||||
overflow-x: hidden; } |
||||
.el-carousel--vertical { |
||||
overflow-y: hidden; } |
||||
.el-carousel__container { |
||||
position: relative; |
||||
height: 300px; } |
||||
.el-carousel__arrow { |
||||
border: none; |
||||
outline: none; |
||||
padding: 0; |
||||
margin: 0; |
||||
height: 36px; |
||||
width: 36px; |
||||
cursor: pointer; |
||||
-webkit-transition: .3s; |
||||
transition: .3s; |
||||
border-radius: 50%; |
||||
background-color: rgba(31, 45, 61, 0.11); |
||||
color: #FFFFFF; |
||||
position: absolute; |
||||
top: 50%; |
||||
z-index: 10; |
||||
-webkit-transform: translateY(-50%); |
||||
transform: translateY(-50%); |
||||
text-align: center; |
||||
font-size: 12px; } |
||||
.el-carousel__arrow--left { |
||||
left: 16px; } |
||||
.el-carousel__arrow--right { |
||||
right: 16px; } |
||||
.el-carousel__arrow:hover { |
||||
background-color: rgba(31, 45, 61, 0.23); } |
||||
.el-carousel__arrow i { |
||||
cursor: pointer; } |
||||
.el-carousel__indicators { |
||||
position: absolute; |
||||
list-style: none; |
||||
margin: 0; |
||||
padding: 0; |
||||
z-index: 2; } |
||||
.el-carousel__indicators--horizontal { |
||||
bottom: 0; |
||||
left: 50%; |
||||
-webkit-transform: translateX(-50%); |
||||
transform: translateX(-50%); } |
||||
.el-carousel__indicators--vertical { |
||||
right: 0; |
||||
top: 50%; |
||||
-webkit-transform: translateY(-50%); |
||||
transform: translateY(-50%); } |
||||
.el-carousel__indicators--outside { |
||||
bottom: 26px; |
||||
text-align: center; |
||||
position: static; |
||||
-webkit-transform: none; |
||||
transform: none; } |
||||
.el-carousel__indicators--outside .el-carousel__indicator:hover button { |
||||
opacity: 0.64; } |
||||
.el-carousel__indicators--outside button { |
||||
background-color: #C0C4CC; |
||||
opacity: 0.24; } |
||||
.el-carousel__indicators--labels { |
||||
left: 0; |
||||
right: 0; |
||||
-webkit-transform: none; |
||||
transform: none; |
||||
text-align: center; } |
||||
.el-carousel__indicators--labels .el-carousel__button { |
||||
height: auto; |
||||
width: auto; |
||||
padding: 2px 18px; |
||||
font-size: 12px; } |
||||
.el-carousel__indicators--labels .el-carousel__indicator { |
||||
padding: 6px 4px; } |
||||
.el-carousel__indicator { |
||||
background-color: transparent; |
||||
cursor: pointer; } |
||||
.el-carousel__indicator:hover button { |
||||
opacity: 0.72; } |
||||
.el-carousel__indicator--horizontal { |
||||
display: inline-block; |
||||
padding: 12px 4px; } |
||||
.el-carousel__indicator--vertical { |
||||
padding: 4px 12px; } |
||||
.el-carousel__indicator--vertical .el-carousel__button { |
||||
width: 2px; |
||||
height: 15px; } |
||||
.el-carousel__indicator.is-active button { |
||||
opacity: 1; } |
||||
.el-carousel__button { |
||||
display: block; |
||||
opacity: 0.48; |
||||
width: 30px; |
||||
height: 2px; |
||||
background-color: #FFFFFF; |
||||
border: none; |
||||
outline: none; |
||||
padding: 0; |
||||
margin: 0; |
||||
cursor: pointer; |
||||
-webkit-transition: .3s; |
||||
transition: .3s; } |
||||
|
||||
.carousel-arrow-left-enter, |
||||
.carousel-arrow-left-leave-active { |
||||
-webkit-transform: translateY(-50%) translateX(-10px); |
||||
transform: translateY(-50%) translateX(-10px); |
||||
opacity: 0; } |
||||
|
||||
.carousel-arrow-right-enter, |
||||
.carousel-arrow-right-leave-active { |
||||
-webkit-transform: translateY(-50%) translateX(10px); |
||||
transform: translateY(-50%) translateX(10px); |
||||
opacity: 0; } |
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,636 @@ |
||||
@charset "UTF-8"; |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-checkbox { |
||||
color: #606266; |
||||
font-weight: 500; |
||||
font-size: 14px; |
||||
position: relative; |
||||
cursor: pointer; |
||||
display: inline-block; |
||||
white-space: nowrap; |
||||
-webkit-user-select: none; |
||||
-moz-user-select: none; |
||||
-ms-user-select: none; |
||||
user-select: none; |
||||
margin-right: 30px; } |
||||
.el-checkbox.is-bordered { |
||||
padding: 9px 20px 9px 10px; |
||||
border-radius: 4px; |
||||
border: 1px solid #DCDFE6; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
line-height: normal; |
||||
height: 40px; } |
||||
.el-checkbox.is-bordered.is-checked { |
||||
border-color: #00B9FF; } |
||||
.el-checkbox.is-bordered.is-disabled { |
||||
border-color: #EBEEF5; |
||||
cursor: not-allowed; } |
||||
.el-checkbox.is-bordered + .el-checkbox.is-bordered { |
||||
margin-left: 10px; } |
||||
.el-checkbox.is-bordered.el-checkbox--medium { |
||||
padding: 7px 20px 7px 10px; |
||||
border-radius: 4px; |
||||
height: 36px; } |
||||
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__label { |
||||
line-height: 17px; |
||||
font-size: 14px; } |
||||
.el-checkbox.is-bordered.el-checkbox--medium .el-checkbox__inner { |
||||
height: 14px; |
||||
width: 14px; } |
||||
.el-checkbox.is-bordered.el-checkbox--small { |
||||
padding: 5px 15px 5px 10px; |
||||
border-radius: 3px; |
||||
height: 32px; } |
||||
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__label { |
||||
line-height: 15px; |
||||
font-size: 12px; } |
||||
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner { |
||||
height: 12px; |
||||
width: 12px; } |
||||
.el-checkbox.is-bordered.el-checkbox--small .el-checkbox__inner::after { |
||||
height: 6px; |
||||
width: 2px; } |
||||
.el-checkbox.is-bordered.el-checkbox--mini { |
||||
padding: 3px 15px 3px 10px; |
||||
border-radius: 3px; |
||||
height: 28px; } |
||||
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__label { |
||||
line-height: 12px; |
||||
font-size: 12px; } |
||||
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner { |
||||
height: 12px; |
||||
width: 12px; } |
||||
.el-checkbox.is-bordered.el-checkbox--mini .el-checkbox__inner::after { |
||||
height: 6px; |
||||
width: 2px; } |
||||
.el-checkbox__input { |
||||
white-space: nowrap; |
||||
cursor: pointer; |
||||
outline: none; |
||||
display: inline-block; |
||||
line-height: 1; |
||||
position: relative; |
||||
vertical-align: middle; } |
||||
.el-checkbox__input.is-disabled .el-checkbox__inner { |
||||
background-color: #edf2fc; |
||||
border-color: #DCDFE6; |
||||
cursor: not-allowed; } |
||||
.el-checkbox__input.is-disabled .el-checkbox__inner::after { |
||||
cursor: not-allowed; |
||||
border-color: #C0C4CC; } |
||||
.el-checkbox__input.is-disabled .el-checkbox__inner + .el-checkbox__label { |
||||
cursor: not-allowed; } |
||||
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner { |
||||
background-color: #F2F6FC; |
||||
border-color: #DCDFE6; } |
||||
.el-checkbox__input.is-disabled.is-checked .el-checkbox__inner::after { |
||||
border-color: #C0C4CC; } |
||||
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner { |
||||
background-color: #F2F6FC; |
||||
border-color: #DCDFE6; } |
||||
.el-checkbox__input.is-disabled.is-indeterminate .el-checkbox__inner::before { |
||||
background-color: #C0C4CC; |
||||
border-color: #C0C4CC; } |
||||
.el-checkbox__input.is-disabled + span.el-checkbox__label { |
||||
color: #C0C4CC; |
||||
cursor: not-allowed; } |
||||
.el-checkbox__input.is-checked .el-checkbox__inner { |
||||
background-color: #00B9FF; |
||||
border-color: #00B9FF; } |
||||
.el-checkbox__input.is-checked .el-checkbox__inner::after { |
||||
-webkit-transform: rotate(45deg) scaleY(1); |
||||
transform: rotate(45deg) scaleY(1); } |
||||
.el-checkbox__input.is-checked + .el-checkbox__label { |
||||
color: #00B9FF; } |
||||
.el-checkbox__input.is-focus { |
||||
/*focus时 视觉上区分*/ } |
||||
.el-checkbox__input.is-focus .el-checkbox__inner { |
||||
border-color: #00B9FF; } |
||||
.el-checkbox__input.is-indeterminate .el-checkbox__inner { |
||||
background-color: #00B9FF; |
||||
border-color: #00B9FF; } |
||||
.el-checkbox__input.is-indeterminate .el-checkbox__inner::before { |
||||
content: ''; |
||||
position: absolute; |
||||
display: block; |
||||
background-color: #FFFFFF; |
||||
height: 2px; |
||||
-webkit-transform: scale(0.5); |
||||
transform: scale(0.5); |
||||
left: 0; |
||||
right: 0; |
||||
top: 5px; } |
||||
.el-checkbox__input.is-indeterminate .el-checkbox__inner::after { |
||||
display: none; } |
||||
.el-checkbox__inner { |
||||
display: inline-block; |
||||
position: relative; |
||||
border: 1px solid #DCDFE6; |
||||
border-radius: 2px; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
width: 14px; |
||||
height: 14px; |
||||
background-color: #FFFFFF; |
||||
z-index: 1; |
||||
-webkit-transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); |
||||
transition: border-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46), background-color 0.25s cubic-bezier(0.71, -0.46, 0.29, 1.46); } |
||||
.el-checkbox__inner:hover { |
||||
border-color: #00B9FF; } |
||||
.el-checkbox__inner::after { |
||||
-webkit-box-sizing: content-box; |
||||
box-sizing: content-box; |
||||
content: ""; |
||||
border: 1px solid #FFFFFF; |
||||
border-left: 0; |
||||
border-top: 0; |
||||
height: 7px; |
||||
left: 4px; |
||||
position: absolute; |
||||
top: 1px; |
||||
-webkit-transform: rotate(45deg) scaleY(0); |
||||
transform: rotate(45deg) scaleY(0); |
||||
width: 3px; |
||||
-webkit-transition: -webkit-transform .15s ease-in .05s; |
||||
transition: -webkit-transform .15s ease-in .05s; |
||||
transition: transform .15s ease-in .05s; |
||||
transition: transform .15s ease-in .05s, -webkit-transform .15s ease-in .05s; |
||||
-webkit-transform-origin: center; |
||||
transform-origin: center; } |
||||
.el-checkbox__original { |
||||
opacity: 0; |
||||
outline: none; |
||||
position: absolute; |
||||
margin: 0; |
||||
width: 0; |
||||
height: 0; |
||||
z-index: -1; } |
||||
.el-checkbox__label { |
||||
display: inline-block; |
||||
padding-left: 10px; |
||||
line-height: 19px; |
||||
font-size: 14px; } |
||||
.el-checkbox:last-of-type { |
||||
margin-right: 0; } |
||||
|
||||
.el-checkbox-button { |
||||
position: relative; |
||||
display: inline-block; } |
||||
.el-checkbox-button__inner { |
||||
display: inline-block; |
||||
line-height: 1; |
||||
font-weight: 500; |
||||
white-space: nowrap; |
||||
vertical-align: middle; |
||||
cursor: pointer; |
||||
background: #FFFFFF; |
||||
border: 1px solid #DCDFE6; |
||||
border-left: 0; |
||||
color: #606266; |
||||
-webkit-appearance: none; |
||||
text-align: center; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
outline: none; |
||||
margin: 0; |
||||
position: relative; |
||||
-webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
-moz-user-select: none; |
||||
-webkit-user-select: none; |
||||
-ms-user-select: none; |
||||
padding: 12px 20px; |
||||
font-size: 14px; |
||||
border-radius: 0; } |
||||
.el-checkbox-button__inner.is-round { |
||||
padding: 12px 20px; } |
||||
.el-checkbox-button__inner:hover { |
||||
color: #00B9FF; } |
||||
.el-checkbox-button__inner [class*="el-icon-"] { |
||||
line-height: 0.9; } |
||||
.el-checkbox-button__inner [class*="el-icon-"] + span { |
||||
margin-left: 5px; } |
||||
.el-checkbox-button__original { |
||||
opacity: 0; |
||||
outline: none; |
||||
position: absolute; |
||||
margin: 0; |
||||
z-index: -1; } |
||||
.el-checkbox-button.is-checked .el-checkbox-button__inner { |
||||
color: #FFFFFF; |
||||
background-color: #00B9FF; |
||||
border-color: #00B9FF; |
||||
-webkit-box-shadow: -1px 0 0 0 #66d5ff; |
||||
box-shadow: -1px 0 0 0 #66d5ff; } |
||||
.el-checkbox-button.is-checked:first-child .el-checkbox-button__inner { |
||||
border-left-color: #00B9FF; } |
||||
.el-checkbox-button.is-disabled .el-checkbox-button__inner { |
||||
color: #C0C4CC; |
||||
cursor: not-allowed; |
||||
background-image: none; |
||||
background-color: #FFFFFF; |
||||
border-color: #EBEEF5; |
||||
-webkit-box-shadow: none; |
||||
box-shadow: none; } |
||||
.el-checkbox-button.is-disabled:first-child .el-checkbox-button__inner { |
||||
border-left-color: #EBEEF5; } |
||||
.el-checkbox-button:first-child .el-checkbox-button__inner { |
||||
border-left: 1px solid #DCDFE6; |
||||
border-radius: 4px 0 0 4px; |
||||
-webkit-box-shadow: none !important; |
||||
box-shadow: none !important; } |
||||
.el-checkbox-button.is-focus .el-checkbox-button__inner { |
||||
border-color: #00B9FF; } |
||||
.el-checkbox-button:last-child .el-checkbox-button__inner { |
||||
border-radius: 0 4px 4px 0; } |
||||
.el-checkbox-button--medium .el-checkbox-button__inner { |
||||
padding: 10px 20px; |
||||
font-size: 14px; |
||||
border-radius: 0; } |
||||
.el-checkbox-button--medium .el-checkbox-button__inner.is-round { |
||||
padding: 10px 20px; } |
||||
.el-checkbox-button--small .el-checkbox-button__inner { |
||||
padding: 9px 15px; |
||||
font-size: 12px; |
||||
border-radius: 0; } |
||||
.el-checkbox-button--small .el-checkbox-button__inner.is-round { |
||||
padding: 9px 15px; } |
||||
.el-checkbox-button--mini .el-checkbox-button__inner { |
||||
padding: 7px 15px; |
||||
font-size: 12px; |
||||
border-radius: 0; } |
||||
.el-checkbox-button--mini .el-checkbox-button__inner.is-round { |
||||
padding: 7px 15px; } |
||||
|
||||
.el-checkbox-group { |
||||
font-size: 0; } |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,543 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.fade-in-linear-enter-active, |
||||
.fade-in-linear-leave-active { |
||||
-webkit-transition: opacity 200ms linear; |
||||
transition: opacity 200ms linear; } |
||||
|
||||
.fade-in-linear-enter, |
||||
.fade-in-linear-leave, |
||||
.fade-in-linear-leave-active { |
||||
opacity: 0; } |
||||
|
||||
.el-fade-in-linear-enter-active, |
||||
.el-fade-in-linear-leave-active { |
||||
-webkit-transition: opacity 200ms linear; |
||||
transition: opacity 200ms linear; } |
||||
|
||||
.el-fade-in-linear-enter, |
||||
.el-fade-in-linear-leave, |
||||
.el-fade-in-linear-leave-active { |
||||
opacity: 0; } |
||||
|
||||
.el-fade-in-enter-active, |
||||
.el-fade-in-leave-active { |
||||
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); |
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } |
||||
|
||||
.el-fade-in-enter, |
||||
.el-fade-in-leave-active { |
||||
opacity: 0; } |
||||
|
||||
.el-zoom-in-center-enter-active, |
||||
.el-zoom-in-center-leave-active { |
||||
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); |
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } |
||||
|
||||
.el-zoom-in-center-enter, |
||||
.el-zoom-in-center-leave-active { |
||||
opacity: 0; |
||||
-webkit-transform: scaleX(0); |
||||
transform: scaleX(0); } |
||||
|
||||
.el-zoom-in-top-enter-active, |
||||
.el-zoom-in-top-leave-active { |
||||
opacity: 1; |
||||
-webkit-transform: scaleY(1); |
||||
transform: scaleY(1); |
||||
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
-webkit-transform-origin: center top; |
||||
transform-origin: center top; } |
||||
|
||||
.el-zoom-in-top-enter, |
||||
.el-zoom-in-top-leave-active { |
||||
opacity: 0; |
||||
-webkit-transform: scaleY(0); |
||||
transform: scaleY(0); } |
||||
|
||||
.el-zoom-in-bottom-enter-active, |
||||
.el-zoom-in-bottom-leave-active { |
||||
opacity: 1; |
||||
-webkit-transform: scaleY(1); |
||||
transform: scaleY(1); |
||||
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
-webkit-transform-origin: center bottom; |
||||
transform-origin: center bottom; } |
||||
|
||||
.el-zoom-in-bottom-enter, |
||||
.el-zoom-in-bottom-leave-active { |
||||
opacity: 0; |
||||
-webkit-transform: scaleY(0); |
||||
transform: scaleY(0); } |
||||
|
||||
.el-zoom-in-left-enter-active, |
||||
.el-zoom-in-left-leave-active { |
||||
opacity: 1; |
||||
-webkit-transform: scale(1, 1); |
||||
transform: scale(1, 1); |
||||
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
-webkit-transform-origin: top left; |
||||
transform-origin: top left; } |
||||
|
||||
.el-zoom-in-left-enter, |
||||
.el-zoom-in-left-leave-active { |
||||
opacity: 0; |
||||
-webkit-transform: scale(0.45, 0.45); |
||||
transform: scale(0.45, 0.45); } |
||||
|
||||
.collapse-transition { |
||||
-webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; |
||||
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } |
||||
|
||||
.horizontal-collapse-transition { |
||||
-webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; |
||||
transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; } |
||||
|
||||
.el-list-enter-active, |
||||
.el-list-leave-active { |
||||
-webkit-transition: all 1s; |
||||
transition: all 1s; } |
||||
|
||||
.el-list-enter, .el-list-leave-active { |
||||
opacity: 0; |
||||
-webkit-transform: translateY(-30px); |
||||
transform: translateY(-30px); } |
||||
|
||||
.el-opacity-transition { |
||||
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); |
||||
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); } |
||||
|
||||
.el-collapse { |
||||
border-top: 1px solid #EBEEF5; |
||||
border-bottom: 1px solid #EBEEF5; } |
||||
|
||||
.el-collapse-item.is-disabled .el-collapse-item__header { |
||||
color: #bbb; |
||||
cursor: not-allowed; } |
||||
|
||||
.el-collapse-item__header { |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
height: 48px; |
||||
line-height: 48px; |
||||
background-color: #FFFFFF; |
||||
color: #303133; |
||||
cursor: pointer; |
||||
border-bottom: 1px solid #EBEEF5; |
||||
font-size: 13px; |
||||
font-weight: 500; |
||||
-webkit-transition: border-bottom-color .3s; |
||||
transition: border-bottom-color .3s; |
||||
outline: none; } |
||||
.el-collapse-item__arrow { |
||||
margin: 0 8px 0 auto; |
||||
-webkit-transition: -webkit-transform .3s; |
||||
transition: -webkit-transform .3s; |
||||
transition: transform .3s; |
||||
transition: transform .3s, -webkit-transform .3s; |
||||
font-weight: 300; } |
||||
.el-collapse-item__arrow.is-active { |
||||
-webkit-transform: rotate(90deg); |
||||
transform: rotate(90deg); } |
||||
.el-collapse-item__header.focusing:focus:not(:hover) { |
||||
color: #00B9FF; } |
||||
.el-collapse-item__header.is-active { |
||||
border-bottom-color: transparent; } |
||||
|
||||
.el-collapse-item__wrap { |
||||
will-change: height; |
||||
background-color: #FFFFFF; |
||||
overflow: hidden; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
border-bottom: 1px solid #EBEEF5; } |
||||
|
||||
.el-collapse-item__content { |
||||
padding-bottom: 25px; |
||||
font-size: 13px; |
||||
color: #303133; |
||||
line-height: 1.769230769230769; } |
||||
|
||||
.el-collapse-item:last-child { |
||||
margin-bottom: -1px; } |
||||
@ -0,0 +1,545 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-color-predefine { |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
font-size: 12px; |
||||
margin-top: 8px; |
||||
width: 280px; } |
||||
.el-color-predefine__colors { |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-flex: 1; |
||||
-ms-flex: 1; |
||||
flex: 1; |
||||
-ms-flex-wrap: wrap; |
||||
flex-wrap: wrap; } |
||||
.el-color-predefine__color-selector { |
||||
margin: 0 0 8px 8px; |
||||
width: 20px; |
||||
height: 20px; |
||||
border-radius: 4px; |
||||
cursor: pointer; } |
||||
.el-color-predefine__color-selector:nth-child(10n + 1) { |
||||
margin-left: 0; } |
||||
.el-color-predefine__color-selector.selected { |
||||
-webkit-box-shadow: 0 0 3px 2px #00B9FF; |
||||
box-shadow: 0 0 3px 2px #00B9FF; } |
||||
.el-color-predefine__color-selector > div { |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
height: 100%; |
||||
border-radius: 3px; } |
||||
.el-color-predefine__color-selector.is-alpha { |
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } |
||||
|
||||
.el-color-hue-slider { |
||||
position: relative; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
width: 280px; |
||||
height: 12px; |
||||
background-color: #f00; |
||||
padding: 0 2px; } |
||||
.el-color-hue-slider__bar { |
||||
position: relative; |
||||
background: -webkit-gradient(linear, left top, right top, from(#f00), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(#f00)); |
||||
background: linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); |
||||
height: 100%; } |
||||
.el-color-hue-slider__thumb { |
||||
position: absolute; |
||||
cursor: pointer; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
left: 0; |
||||
top: 0; |
||||
width: 4px; |
||||
height: 100%; |
||||
border-radius: 1px; |
||||
background: #fff; |
||||
border: 1px solid #f0f0f0; |
||||
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); |
||||
box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); |
||||
z-index: 1; } |
||||
.el-color-hue-slider.is-vertical { |
||||
width: 12px; |
||||
height: 180px; |
||||
padding: 2px 0; } |
||||
.el-color-hue-slider.is-vertical .el-color-hue-slider__bar { |
||||
background: -webkit-gradient(linear, left top, left bottom, from(#f00), color-stop(17%, #ff0), color-stop(33%, #0f0), color-stop(50%, #0ff), color-stop(67%, #00f), color-stop(83%, #f0f), to(#f00)); |
||||
background: linear-gradient(to bottom, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%); } |
||||
.el-color-hue-slider.is-vertical .el-color-hue-slider__thumb { |
||||
left: 0; |
||||
top: 0; |
||||
width: 100%; |
||||
height: 4px; } |
||||
|
||||
.el-color-svpanel { |
||||
position: relative; |
||||
width: 280px; |
||||
height: 180px; } |
||||
.el-color-svpanel__white, .el-color-svpanel__black { |
||||
position: absolute; |
||||
top: 0; |
||||
left: 0; |
||||
right: 0; |
||||
bottom: 0; } |
||||
.el-color-svpanel__white { |
||||
background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0))); |
||||
background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0)); } |
||||
.el-color-svpanel__black { |
||||
background: -webkit-gradient(linear, left bottom, left top, from(#000), to(rgba(0, 0, 0, 0))); |
||||
background: linear-gradient(to top, #000, rgba(0, 0, 0, 0)); } |
||||
.el-color-svpanel__cursor { |
||||
position: absolute; } |
||||
.el-color-svpanel__cursor > div { |
||||
cursor: head; |
||||
width: 4px; |
||||
height: 4px; |
||||
-webkit-box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); |
||||
box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px rgba(0, 0, 0, 0.3), 0 0 1px 2px rgba(0, 0, 0, 0.4); |
||||
border-radius: 50%; |
||||
-webkit-transform: translate(-2px, -2px); |
||||
transform: translate(-2px, -2px); } |
||||
|
||||
.el-color-alpha-slider { |
||||
position: relative; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
width: 280px; |
||||
height: 12px; |
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } |
||||
.el-color-alpha-slider__bar { |
||||
position: relative; |
||||
background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(white)); |
||||
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%); |
||||
height: 100%; } |
||||
.el-color-alpha-slider__thumb { |
||||
position: absolute; |
||||
cursor: pointer; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
left: 0; |
||||
top: 0; |
||||
width: 4px; |
||||
height: 100%; |
||||
border-radius: 1px; |
||||
background: #fff; |
||||
border: 1px solid #f0f0f0; |
||||
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); |
||||
box-shadow: 0 0 2px rgba(0, 0, 0, 0.6); |
||||
z-index: 1; } |
||||
.el-color-alpha-slider.is-vertical { |
||||
width: 20px; |
||||
height: 180px; } |
||||
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__bar { |
||||
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white)); |
||||
background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%); } |
||||
.el-color-alpha-slider.is-vertical .el-color-alpha-slider__thumb { |
||||
left: 0; |
||||
top: 0; |
||||
width: 100%; |
||||
height: 4px; } |
||||
|
||||
.el-color-dropdown { |
||||
width: 300px; } |
||||
.el-color-dropdown__main-wrapper { |
||||
margin-bottom: 6px; } |
||||
.el-color-dropdown__main-wrapper::after { |
||||
content: ""; |
||||
display: table; |
||||
clear: both; } |
||||
.el-color-dropdown__btns { |
||||
margin-top: 6px; |
||||
text-align: right; } |
||||
.el-color-dropdown__value { |
||||
float: left; |
||||
line-height: 26px; |
||||
font-size: 12px; |
||||
color: #000000; |
||||
width: 160px; } |
||||
.el-color-dropdown__btn { |
||||
border: 1px solid #dcdcdc; |
||||
color: #333; |
||||
line-height: 24px; |
||||
border-radius: 2px; |
||||
padding: 0 20px; |
||||
cursor: pointer; |
||||
background-color: transparent; |
||||
outline: none; |
||||
font-size: 12px; } |
||||
.el-color-dropdown__btn[disabled] { |
||||
color: #cccccc; |
||||
cursor: not-allowed; } |
||||
.el-color-dropdown__btn:hover { |
||||
color: #00B9FF; |
||||
border-color: #00B9FF; } |
||||
.el-color-dropdown__link-btn { |
||||
cursor: pointer; |
||||
color: #00B9FF; |
||||
text-decoration: none; |
||||
padding: 15px; |
||||
font-size: 12px; } |
||||
.el-color-dropdown__link-btn:hover { |
||||
color: tint(#00B9FF, 20%); } |
||||
|
||||
.el-color-picker { |
||||
display: inline-block; |
||||
position: relative; |
||||
line-height: normal; |
||||
height: 40px; } |
||||
.el-color-picker.is-disabled .el-color-picker__trigger { |
||||
cursor: not-allowed; } |
||||
.el-color-picker--medium { |
||||
height: 36px; } |
||||
.el-color-picker--medium .el-color-picker__trigger { |
||||
height: 36px; |
||||
width: 36px; } |
||||
.el-color-picker--medium .el-color-picker__mask { |
||||
height: 34px; |
||||
width: 34px; } |
||||
.el-color-picker--small { |
||||
height: 32px; } |
||||
.el-color-picker--small .el-color-picker__trigger { |
||||
height: 32px; |
||||
width: 32px; } |
||||
.el-color-picker--small .el-color-picker__mask { |
||||
height: 30px; |
||||
width: 30px; } |
||||
.el-color-picker--small .el-color-picker__icon, |
||||
.el-color-picker--small .el-color-picker__empty { |
||||
-webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); |
||||
transform: translate3d(-50%, -50%, 0) scale(0.8); } |
||||
.el-color-picker--mini { |
||||
height: 28px; } |
||||
.el-color-picker--mini .el-color-picker__trigger { |
||||
height: 28px; |
||||
width: 28px; } |
||||
.el-color-picker--mini .el-color-picker__mask { |
||||
height: 26px; |
||||
width: 26px; } |
||||
.el-color-picker--mini .el-color-picker__icon, |
||||
.el-color-picker--mini .el-color-picker__empty { |
||||
-webkit-transform: translate3d(-50%, -50%, 0) scale(0.8); |
||||
transform: translate3d(-50%, -50%, 0) scale(0.8); } |
||||
.el-color-picker__mask { |
||||
height: 38px; |
||||
width: 38px; |
||||
border-radius: 4px; |
||||
position: absolute; |
||||
top: 1px; |
||||
left: 1px; |
||||
z-index: 1; |
||||
cursor: not-allowed; |
||||
background-color: rgba(255, 255, 255, 0.7); } |
||||
.el-color-picker__trigger { |
||||
display: inline-block; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
height: 40px; |
||||
width: 40px; |
||||
padding: 4px; |
||||
border: 1px solid #e6e6e6; |
||||
border-radius: 4px; |
||||
font-size: 0; |
||||
position: relative; |
||||
cursor: pointer; } |
||||
.el-color-picker__color { |
||||
position: relative; |
||||
display: block; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
border: 1px solid #999; |
||||
border-radius: 2px; |
||||
width: 100%; |
||||
height: 100%; |
||||
text-align: center; } |
||||
.el-color-picker__color.is-alpha { |
||||
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==); } |
||||
.el-color-picker__color-inner { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
right: 0; |
||||
bottom: 0; } |
||||
.el-color-picker__empty { |
||||
font-size: 12px; |
||||
color: #999; |
||||
position: absolute; |
||||
top: 50%; |
||||
left: 50%; |
||||
-webkit-transform: translate3d(-50%, -50%, 0); |
||||
transform: translate3d(-50%, -50%, 0); } |
||||
.el-color-picker__icon { |
||||
display: inline-block; |
||||
position: absolute; |
||||
width: 100%; |
||||
top: 50%; |
||||
left: 50%; |
||||
-webkit-transform: translate3d(-50%, -50%, 0); |
||||
transform: translate3d(-50%, -50%, 0); |
||||
color: #FFFFFF; |
||||
text-align: center; |
||||
font-size: 12px; } |
||||
.el-color-picker__panel { |
||||
position: absolute; |
||||
z-index: 10; |
||||
padding: 6px; |
||||
-webkit-box-sizing: content-box; |
||||
box-sizing: content-box; |
||||
background-color: #FFFFFF; |
||||
border: 1px solid #EBEEF5; |
||||
border-radius: 4px; |
||||
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } |
||||
@ -0,0 +1,151 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
.el-container { |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-orient: horizontal; |
||||
-webkit-box-direction: normal; |
||||
-ms-flex-direction: row; |
||||
flex-direction: row; |
||||
-webkit-box-flex: 1; |
||||
-ms-flex: 1; |
||||
flex: 1; |
||||
-ms-flex-preferred-size: auto; |
||||
flex-basis: auto; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
min-width: 0; } |
||||
.el-container.is-vertical { |
||||
-webkit-box-orient: vertical; |
||||
-webkit-box-direction: normal; |
||||
-ms-flex-direction: column; |
||||
flex-direction: column; } |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,651 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
.v-modal-enter { |
||||
-webkit-animation: v-modal-in .2s ease; |
||||
animation: v-modal-in .2s ease; } |
||||
|
||||
.v-modal-leave { |
||||
-webkit-animation: v-modal-out .2s ease forwards; |
||||
animation: v-modal-out .2s ease forwards; } |
||||
|
||||
@-webkit-keyframes v-modal-in { |
||||
0% { |
||||
opacity: 0; } |
||||
100% { } } |
||||
|
||||
@keyframes v-modal-in { |
||||
0% { |
||||
opacity: 0; } |
||||
100% { } } |
||||
|
||||
@-webkit-keyframes v-modal-out { |
||||
0% { } |
||||
100% { |
||||
opacity: 0; } } |
||||
|
||||
@keyframes v-modal-out { |
||||
0% { } |
||||
100% { |
||||
opacity: 0; } } |
||||
|
||||
.v-modal { |
||||
position: fixed; |
||||
left: 0; |
||||
top: 0; |
||||
width: 100%; |
||||
height: 100%; |
||||
opacity: 0.5; |
||||
background: #000000; } |
||||
|
||||
.el-popup-parent--hidden { |
||||
overflow: hidden; } |
||||
|
||||
.el-dialog { |
||||
position: relative; |
||||
margin: 0 auto 50px; |
||||
background: #FFFFFF; |
||||
border-radius: 2px; |
||||
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); |
||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
width: 50%; } |
||||
.el-dialog.is-fullscreen { |
||||
width: 100%; |
||||
margin-top: 0; |
||||
margin-bottom: 0; |
||||
height: 100%; |
||||
overflow: auto; } |
||||
.el-dialog__wrapper { |
||||
position: fixed; |
||||
top: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
left: 0; |
||||
overflow: auto; |
||||
margin: 0; } |
||||
.el-dialog__header { |
||||
padding: 20px; |
||||
padding-bottom: 10px; } |
||||
.el-dialog__headerbtn { |
||||
position: absolute; |
||||
top: 20px; |
||||
right: 20px; |
||||
padding: 0; |
||||
background: transparent; |
||||
border: none; |
||||
outline: none; |
||||
cursor: pointer; |
||||
font-size: 16px; } |
||||
.el-dialog__headerbtn .el-dialog__close { |
||||
color: #909399; } |
||||
.el-dialog__headerbtn:focus .el-dialog__close, .el-dialog__headerbtn:hover .el-dialog__close { |
||||
color: #00B9FF; } |
||||
.el-dialog__title { |
||||
line-height: 24px; |
||||
font-size: 18px; |
||||
color: #303133; } |
||||
.el-dialog__body { |
||||
padding: 30px 20px; |
||||
color: #606266; |
||||
font-size: 14px; |
||||
word-break: break-all; } |
||||
.el-dialog__footer { |
||||
padding: 20px; |
||||
padding-top: 10px; |
||||
text-align: right; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; } |
||||
.el-dialog--center { |
||||
text-align: center; } |
||||
.el-dialog--center .el-dialog__body { |
||||
text-align: initial; |
||||
padding: 25px 25px 30px; } |
||||
.el-dialog--center .el-dialog__footer { |
||||
text-align: inherit; } |
||||
|
||||
.dialog-fade-enter-active { |
||||
-webkit-animation: dialog-fade-in .3s; |
||||
animation: dialog-fade-in .3s; } |
||||
|
||||
.dialog-fade-leave-active { |
||||
-webkit-animation: dialog-fade-out .3s; |
||||
animation: dialog-fade-out .3s; } |
||||
|
||||
@-webkit-keyframes dialog-fade-in { |
||||
0% { |
||||
-webkit-transform: translate3d(0, -20px, 0); |
||||
transform: translate3d(0, -20px, 0); |
||||
opacity: 0; } |
||||
100% { |
||||
-webkit-transform: translate3d(0, 0, 0); |
||||
transform: translate3d(0, 0, 0); |
||||
opacity: 1; } } |
||||
|
||||
@keyframes dialog-fade-in { |
||||
0% { |
||||
-webkit-transform: translate3d(0, -20px, 0); |
||||
transform: translate3d(0, -20px, 0); |
||||
opacity: 0; } |
||||
100% { |
||||
-webkit-transform: translate3d(0, 0, 0); |
||||
transform: translate3d(0, 0, 0); |
||||
opacity: 1; } } |
||||
|
||||
@-webkit-keyframes dialog-fade-out { |
||||
0% { |
||||
-webkit-transform: translate3d(0, 0, 0); |
||||
transform: translate3d(0, 0, 0); |
||||
opacity: 1; } |
||||
100% { |
||||
-webkit-transform: translate3d(0, -20px, 0); |
||||
transform: translate3d(0, -20px, 0); |
||||
opacity: 0; } } |
||||
|
||||
@keyframes dialog-fade-out { |
||||
0% { |
||||
-webkit-transform: translate3d(0, 0, 0); |
||||
transform: translate3d(0, 0, 0); |
||||
opacity: 1; } |
||||
100% { |
||||
-webkit-transform: translate3d(0, -20px, 0); |
||||
transform: translate3d(0, -20px, 0); |
||||
opacity: 0; } } |
||||
@ -0,0 +1,293 @@ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
@media only screen and (max-width: 767px) { |
||||
.hidden-xs-only { |
||||
display: none !important; } } |
||||
|
||||
@media only screen and (min-width: 768px) { |
||||
.hidden-sm-and-up { |
||||
display: none !important; } } |
||||
|
||||
@media only screen and (min-width: 768px) and (max-width: 991px) { |
||||
.hidden-sm-only { |
||||
display: none !important; } } |
||||
|
||||
@media only screen and (max-width: 991px) { |
||||
.hidden-sm-and-down { |
||||
display: none !important; } } |
||||
|
||||
@media only screen and (min-width: 992px) { |
||||
.hidden-md-and-up { |
||||
display: none !important; } } |
||||
|
||||
@media only screen and (min-width: 992px) and (max-width: 1199px) { |
||||
.hidden-md-only { |
||||
display: none !important; } } |
||||
|
||||
@media only screen and (max-width: 1199px) { |
||||
.hidden-md-and-down { |
||||
display: none !important; } } |
||||
|
||||
@media only screen and (min-width: 1200px) { |
||||
.hidden-lg-and-up { |
||||
display: none !important; } } |
||||
|
||||
@media only screen and (min-width: 1200px) and (max-width: 1919px) { |
||||
.hidden-lg-only { |
||||
display: none !important; } } |
||||
|
||||
@media only screen and (max-width: 1919px) { |
||||
.hidden-lg-and-down { |
||||
display: none !important; } } |
||||
|
||||
@media only screen and (min-width: 1920px) { |
||||
.hidden-xl-only { |
||||
display: none !important; } } |
||||
@ -0,0 +1,284 @@ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
.el-divider { |
||||
background-color: #DCDFE6; |
||||
position: relative; } |
||||
.el-divider--horizontal { |
||||
display: block; |
||||
height: 1px; |
||||
width: 100%; |
||||
margin: 24px 0; } |
||||
.el-divider--vertical { |
||||
display: inline-block; |
||||
width: 1px; |
||||
height: 1em; |
||||
margin: 0 8px; |
||||
vertical-align: middle; |
||||
position: relative; } |
||||
.el-divider__text { |
||||
position: absolute; |
||||
background-color: #FFFFFF; |
||||
padding: 0 20px; |
||||
font-weight: 500; |
||||
color: #303133; |
||||
font-size: 14px; } |
||||
.el-divider__text.is-left { |
||||
left: 20px; |
||||
-webkit-transform: translateY(-50%); |
||||
transform: translateY(-50%); } |
||||
.el-divider__text.is-center { |
||||
left: 50%; |
||||
-webkit-transform: translateX(-50%) translateY(-50%); |
||||
transform: translateX(-50%) translateY(-50%); } |
||||
.el-divider__text.is-right { |
||||
right: 20px; |
||||
-webkit-transform: translateY(-50%); |
||||
transform: translateY(-50%); } |
||||
@ -0,0 +1,503 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
@-webkit-keyframes el-drawer-fade-in { |
||||
0% { |
||||
opacity: 0; } |
||||
100% { |
||||
opacity: 1; } } |
||||
@keyframes el-drawer-fade-in { |
||||
0% { |
||||
opacity: 0; } |
||||
100% { |
||||
opacity: 1; } } |
||||
|
||||
@-webkit-keyframes rtl-drawer-in { |
||||
0% { |
||||
-webkit-transform: translate(100%, 0px); |
||||
transform: translate(100%, 0px); } |
||||
100% { |
||||
-webkit-transform: translate(0px, 0px); |
||||
transform: translate(0px, 0px); } } |
||||
|
||||
@keyframes rtl-drawer-in { |
||||
0% { |
||||
-webkit-transform: translate(100%, 0px); |
||||
transform: translate(100%, 0px); } |
||||
100% { |
||||
-webkit-transform: translate(0px, 0px); |
||||
transform: translate(0px, 0px); } } |
||||
|
||||
@-webkit-keyframes rtl-drawer-out { |
||||
0% { |
||||
-webkit-transform: translate(0px, 0px); |
||||
transform: translate(0px, 0px); } |
||||
100% { |
||||
-webkit-transform: translate(100%, 0px); |
||||
transform: translate(100%, 0px); } } |
||||
|
||||
@keyframes rtl-drawer-out { |
||||
0% { |
||||
-webkit-transform: translate(0px, 0px); |
||||
transform: translate(0px, 0px); } |
||||
100% { |
||||
-webkit-transform: translate(100%, 0px); |
||||
transform: translate(100%, 0px); } } |
||||
|
||||
@-webkit-keyframes ltr-drawer-in { |
||||
0% { |
||||
-webkit-transform: translate(-100%, 0px); |
||||
transform: translate(-100%, 0px); } |
||||
100% { |
||||
-webkit-transform: translate(0px, 0px); |
||||
transform: translate(0px, 0px); } } |
||||
|
||||
@keyframes ltr-drawer-in { |
||||
0% { |
||||
-webkit-transform: translate(-100%, 0px); |
||||
transform: translate(-100%, 0px); } |
||||
100% { |
||||
-webkit-transform: translate(0px, 0px); |
||||
transform: translate(0px, 0px); } } |
||||
|
||||
@-webkit-keyframes ltr-drawer-out { |
||||
0% { |
||||
-webkit-transform: translate(0px, 0px); |
||||
transform: translate(0px, 0px); } |
||||
100% { |
||||
-webkit-transform: translate(-100%, 0px); |
||||
transform: translate(-100%, 0px); } } |
||||
|
||||
@keyframes ltr-drawer-out { |
||||
0% { |
||||
-webkit-transform: translate(0px, 0px); |
||||
transform: translate(0px, 0px); } |
||||
100% { |
||||
-webkit-transform: translate(-100%, 0px); |
||||
transform: translate(-100%, 0px); } } |
||||
|
||||
@-webkit-keyframes ttb-drawer-in { |
||||
0% { |
||||
-webkit-transform: translate(0px, -100%); |
||||
transform: translate(0px, -100%); } |
||||
100% { |
||||
-webkit-transform: translate(0px, 0px); |
||||
transform: translate(0px, 0px); } } |
||||
|
||||
@keyframes ttb-drawer-in { |
||||
0% { |
||||
-webkit-transform: translate(0px, -100%); |
||||
transform: translate(0px, -100%); } |
||||
100% { |
||||
-webkit-transform: translate(0px, 0px); |
||||
transform: translate(0px, 0px); } } |
||||
|
||||
@-webkit-keyframes ttb-drawer-out { |
||||
0% { |
||||
-webkit-transform: translate(0px, 0px); |
||||
transform: translate(0px, 0px); } |
||||
100% { |
||||
-webkit-transform: translate(0px, -100%); |
||||
transform: translate(0px, -100%); } } |
||||
|
||||
@keyframes ttb-drawer-out { |
||||
0% { |
||||
-webkit-transform: translate(0px, 0px); |
||||
transform: translate(0px, 0px); } |
||||
100% { |
||||
-webkit-transform: translate(0px, -100%); |
||||
transform: translate(0px, -100%); } } |
||||
|
||||
@-webkit-keyframes btt-drawer-in { |
||||
0% { |
||||
-webkit-transform: translate(0px, 100%); |
||||
transform: translate(0px, 100%); } |
||||
100% { |
||||
-webkit-transform: translate(0px, 0px); |
||||
transform: translate(0px, 0px); } } |
||||
|
||||
@keyframes btt-drawer-in { |
||||
0% { |
||||
-webkit-transform: translate(0px, 100%); |
||||
transform: translate(0px, 100%); } |
||||
100% { |
||||
-webkit-transform: translate(0px, 0px); |
||||
transform: translate(0px, 0px); } } |
||||
|
||||
@-webkit-keyframes btt-drawer-out { |
||||
0% { |
||||
-webkit-transform: translate(0px, 0); |
||||
transform: translate(0px, 0); } |
||||
100% { |
||||
-webkit-transform: translate(0px, 100%); |
||||
transform: translate(0px, 100%); } } |
||||
|
||||
@keyframes btt-drawer-out { |
||||
0% { |
||||
-webkit-transform: translate(0px, 0); |
||||
transform: translate(0px, 0); } |
||||
100% { |
||||
-webkit-transform: translate(0px, 100%); |
||||
transform: translate(0px, 100%); } } |
||||
|
||||
.el-drawer { |
||||
position: absolute; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
background-color: #FFFFFF; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-orient: vertical; |
||||
-webkit-box-direction: normal; |
||||
-ms-flex-direction: column; |
||||
flex-direction: column; |
||||
-webkit-box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); |
||||
box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); |
||||
overflow: hidden; } |
||||
.el-drawer.rtl { |
||||
-webkit-animation: rtl-drawer-out 0.3s; |
||||
animation: rtl-drawer-out 0.3s; } |
||||
.el-drawer__open .el-drawer.rtl { |
||||
-webkit-animation: rtl-drawer-in 0.3s 1ms; |
||||
animation: rtl-drawer-in 0.3s 1ms; } |
||||
.el-drawer.ltr { |
||||
-webkit-animation: ltr-drawer-out 0.3s; |
||||
animation: ltr-drawer-out 0.3s; } |
||||
.el-drawer__open .el-drawer.ltr { |
||||
-webkit-animation: ltr-drawer-in 0.3s 1ms; |
||||
animation: ltr-drawer-in 0.3s 1ms; } |
||||
.el-drawer.ttb { |
||||
-webkit-animation: ttb-drawer-out 0.3s; |
||||
animation: ttb-drawer-out 0.3s; } |
||||
.el-drawer__open .el-drawer.ttb { |
||||
-webkit-animation: ttb-drawer-in 0.3s 1ms; |
||||
animation: ttb-drawer-in 0.3s 1ms; } |
||||
.el-drawer.btt { |
||||
-webkit-animation: btt-drawer-out 0.3s; |
||||
animation: btt-drawer-out 0.3s; } |
||||
.el-drawer__open .el-drawer.btt { |
||||
-webkit-animation: btt-drawer-in 0.3s 1ms; |
||||
animation: btt-drawer-in 0.3s 1ms; } |
||||
.el-drawer__wrapper { |
||||
position: fixed; |
||||
top: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
left: 0; |
||||
overflow: hidden; |
||||
margin: 0; } |
||||
.el-drawer__header { |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
color: #72767b; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
margin-bottom: 32px; |
||||
padding: 20px; |
||||
padding-bottom: 0; } |
||||
.el-drawer__header > :first-child { |
||||
-webkit-box-flex: 1; |
||||
-ms-flex: 1; |
||||
flex: 1; } |
||||
.el-drawer__title { |
||||
margin: 0; |
||||
-webkit-box-flex: 1; |
||||
-ms-flex: 1; |
||||
flex: 1; |
||||
line-height: inherit; |
||||
font-size: 1rem; } |
||||
.el-drawer__close-btn { |
||||
border: none; |
||||
cursor: pointer; |
||||
font-size: 20px; |
||||
color: inherit; |
||||
background-color: transparent; } |
||||
.el-drawer__body { |
||||
-webkit-box-flex: 1; |
||||
-ms-flex: 1; |
||||
flex: 1; } |
||||
.el-drawer__body > * { |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; } |
||||
.el-drawer.ltr, .el-drawer.rtl { |
||||
height: 100%; |
||||
top: 0; |
||||
bottom: 0; } |
||||
.el-drawer.ttb, .el-drawer.btt { |
||||
width: 100%; |
||||
left: 0; |
||||
right: 0; } |
||||
.el-drawer.ltr { |
||||
left: 0; } |
||||
.el-drawer.rtl { |
||||
right: 0; } |
||||
.el-drawer.ttb { |
||||
top: 0; } |
||||
.el-drawer.btt { |
||||
bottom: 0; } |
||||
|
||||
.el-drawer__container { |
||||
position: relative; |
||||
left: 0; |
||||
right: 0; |
||||
top: 0; |
||||
bottom: 0; |
||||
height: 100%; |
||||
width: 100%; } |
||||
|
||||
.el-drawer-fade-enter-active { |
||||
-webkit-animation: el-drawer-fade-in .3s; |
||||
animation: el-drawer-fade-in .3s; } |
||||
|
||||
.el-drawer-fade-leave-active { |
||||
animation: el-drawer-fade-in .3s reverse; } |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,120 @@ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
@ -0,0 +1,256 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-footer { |
||||
padding: 0 20px; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
-ms-flex-negative: 0; |
||||
flex-shrink: 0; } |
||||
@ -0,0 +1,364 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-form--label-left .el-form-item__label { |
||||
text-align: left; } |
||||
|
||||
.el-form--label-top .el-form-item__label { |
||||
float: none; |
||||
display: inline-block; |
||||
text-align: left; |
||||
padding: 0 0 10px 0; } |
||||
|
||||
.el-form--inline .el-form-item { |
||||
display: inline-block; |
||||
margin-right: 10px; |
||||
vertical-align: top; } |
||||
|
||||
.el-form--inline .el-form-item__label { |
||||
float: none; |
||||
display: inline-block; } |
||||
|
||||
.el-form--inline .el-form-item__content { |
||||
display: inline-block; |
||||
vertical-align: top; } |
||||
|
||||
.el-form--inline.el-form--label-top .el-form-item__content { |
||||
display: block; } |
||||
|
||||
.el-form-item { |
||||
margin-bottom: 22px; } |
||||
.el-form-item::before, |
||||
.el-form-item::after { |
||||
display: table; |
||||
content: ""; } |
||||
.el-form-item::after { |
||||
clear: both; } |
||||
.el-form-item .el-form-item { |
||||
margin-bottom: 0; } |
||||
.el-form-item .el-input__validateIcon { |
||||
display: none; } |
||||
.el-form-item--medium .el-form-item__label { |
||||
line-height: 36px; } |
||||
.el-form-item--medium .el-form-item__content { |
||||
line-height: 36px; } |
||||
.el-form-item--small .el-form-item__label { |
||||
line-height: 32px; } |
||||
.el-form-item--small .el-form-item__content { |
||||
line-height: 32px; } |
||||
.el-form-item--small.el-form-item { |
||||
margin-bottom: 18px; } |
||||
.el-form-item--small .el-form-item__error { |
||||
padding-top: 2px; } |
||||
.el-form-item--mini .el-form-item__label { |
||||
line-height: 28px; } |
||||
.el-form-item--mini .el-form-item__content { |
||||
line-height: 28px; } |
||||
.el-form-item--mini.el-form-item { |
||||
margin-bottom: 18px; } |
||||
.el-form-item--mini .el-form-item__error { |
||||
padding-top: 1px; } |
||||
.el-form-item__label-wrap { |
||||
float: left; } |
||||
.el-form-item__label-wrap .el-form-item__label { |
||||
display: inline-block; |
||||
float: none; } |
||||
.el-form-item__label { |
||||
text-align: right; |
||||
vertical-align: middle; |
||||
float: left; |
||||
font-size: 14px; |
||||
color: #606266; |
||||
line-height: 40px; |
||||
padding: 0 12px 0 0; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; } |
||||
.el-form-item__content { |
||||
line-height: 40px; |
||||
position: relative; |
||||
font-size: 14px; } |
||||
.el-form-item__content::before, |
||||
.el-form-item__content::after { |
||||
display: table; |
||||
content: ""; } |
||||
.el-form-item__content::after { |
||||
clear: both; } |
||||
.el-form-item__content .el-input-group { |
||||
vertical-align: top; } |
||||
.el-form-item__error { |
||||
color: #F56C6C; |
||||
font-size: 12px; |
||||
line-height: 1; |
||||
padding-top: 4px; |
||||
position: absolute; |
||||
top: 100%; |
||||
left: 0; } |
||||
.el-form-item__error--inline { |
||||
position: relative; |
||||
top: auto; |
||||
left: auto; |
||||
display: inline-block; |
||||
margin-left: 10px; } |
||||
.el-form-item.is-required:not(.is-no-asterisk) > .el-form-item__label:before, |
||||
.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap > .el-form-item__label:before { |
||||
content: '*'; |
||||
color: #F56C6C; |
||||
margin-right: 4px; } |
||||
.el-form-item.is-error .el-input__inner, .el-form-item.is-error .el-input__inner:focus, |
||||
.el-form-item.is-error .el-textarea__inner, |
||||
.el-form-item.is-error .el-textarea__inner:focus { |
||||
border-color: #F56C6C; } |
||||
.el-form-item.is-error .el-input-group__append .el-input__inner, |
||||
.el-form-item.is-error .el-input-group__prepend .el-input__inner { |
||||
border-color: transparent; } |
||||
.el-form-item.is-error .el-input__validateIcon { |
||||
color: #F56C6C; } |
||||
.el-form-item--feedback .el-input__validateIcon { |
||||
display: inline-block; } |
||||
@ -0,0 +1,256 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-header { |
||||
padding: 0 20px; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
-ms-flex-negative: 0; |
||||
flex-shrink: 0; } |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,443 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-image__inner, .el-image__placeholder, .el-image__error { |
||||
width: 100%; |
||||
height: 100%; } |
||||
|
||||
.el-image { |
||||
position: relative; |
||||
display: inline-block; |
||||
overflow: hidden; } |
||||
.el-image__inner { |
||||
vertical-align: top; } |
||||
.el-image__inner--center { |
||||
position: relative; |
||||
top: 50%; |
||||
left: 50%; |
||||
-webkit-transform: translate(-50%, -50%); |
||||
transform: translate(-50%, -50%); |
||||
display: block; } |
||||
.el-image__placeholder { |
||||
background: #F5F7FA; } |
||||
.el-image__error { |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-pack: center; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
font-size: 14px; |
||||
background: #F5F7FA; |
||||
color: #C0C4CC; |
||||
vertical-align: middle; } |
||||
.el-image__preview { |
||||
cursor: pointer; } |
||||
|
||||
.el-image-viewer__wrapper { |
||||
position: fixed; |
||||
top: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
left: 0; } |
||||
|
||||
.el-image-viewer__btn { |
||||
position: absolute; |
||||
z-index: 1; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
-webkit-box-pack: center; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; |
||||
border-radius: 50%; |
||||
opacity: .8; |
||||
cursor: pointer; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
-webkit-user-select: none; |
||||
-moz-user-select: none; |
||||
-ms-user-select: none; |
||||
user-select: none; } |
||||
|
||||
.el-image-viewer__close { |
||||
top: 40px; |
||||
right: 40px; |
||||
width: 40px; |
||||
height: 40px; |
||||
font-size: 40px; } |
||||
|
||||
.el-image-viewer__canvas { |
||||
width: 100%; |
||||
height: 100%; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-pack: center; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; } |
||||
|
||||
.el-image-viewer__actions { |
||||
left: 50%; |
||||
bottom: 30px; |
||||
-webkit-transform: translateX(-50%); |
||||
transform: translateX(-50%); |
||||
width: 282px; |
||||
height: 44px; |
||||
padding: 0 23px; |
||||
background-color: #606266; |
||||
border-color: #fff; |
||||
border-radius: 22px; } |
||||
.el-image-viewer__actions__inner { |
||||
width: 100%; |
||||
height: 100%; |
||||
text-align: justify; |
||||
cursor: default; |
||||
font-size: 23px; |
||||
color: #fff; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
-ms-flex-pack: distribute; |
||||
justify-content: space-around; } |
||||
|
||||
.el-image-viewer__prev { |
||||
top: 50%; |
||||
-webkit-transform: translateY(-50%); |
||||
transform: translateY(-50%); |
||||
width: 44px; |
||||
height: 44px; |
||||
font-size: 24px; |
||||
color: #fff; |
||||
background-color: #606266; |
||||
border-color: #fff; |
||||
left: 40px; } |
||||
|
||||
.el-image-viewer__next { |
||||
top: 50%; |
||||
-webkit-transform: translateY(-50%); |
||||
transform: translateY(-50%); |
||||
width: 44px; |
||||
height: 44px; |
||||
font-size: 24px; |
||||
color: #fff; |
||||
background-color: #606266; |
||||
border-color: #fff; |
||||
right: 40px; |
||||
text-indent: 2px; } |
||||
|
||||
.el-image-viewer__mask { |
||||
position: absolute; |
||||
width: 100%; |
||||
height: 100%; |
||||
top: 0; |
||||
left: 0; |
||||
opacity: .5; |
||||
background: #000; } |
||||
|
||||
.viewer-fade-enter-active { |
||||
-webkit-animation: viewer-fade-in .3s; |
||||
animation: viewer-fade-in .3s; } |
||||
|
||||
.viewer-fade-leave-active { |
||||
-webkit-animation: viewer-fade-out .3s; |
||||
animation: viewer-fade-out .3s; } |
||||
|
||||
@-webkit-keyframes viewer-fade-in { |
||||
0% { |
||||
-webkit-transform: translate3d(0, -20px, 0); |
||||
transform: translate3d(0, -20px, 0); |
||||
opacity: 0; } |
||||
100% { |
||||
-webkit-transform: translate3d(0, 0, 0); |
||||
transform: translate3d(0, 0, 0); |
||||
opacity: 1; } } |
||||
|
||||
@keyframes viewer-fade-in { |
||||
0% { |
||||
-webkit-transform: translate3d(0, -20px, 0); |
||||
transform: translate3d(0, -20px, 0); |
||||
opacity: 0; } |
||||
100% { |
||||
-webkit-transform: translate3d(0, 0, 0); |
||||
transform: translate3d(0, 0, 0); |
||||
opacity: 1; } } |
||||
|
||||
@-webkit-keyframes viewer-fade-out { |
||||
0% { |
||||
-webkit-transform: translate3d(0, 0, 0); |
||||
transform: translate3d(0, 0, 0); |
||||
opacity: 1; } |
||||
100% { |
||||
-webkit-transform: translate3d(0, -20px, 0); |
||||
transform: translate3d(0, -20px, 0); |
||||
opacity: 0; } } |
||||
|
||||
@keyframes viewer-fade-out { |
||||
0% { |
||||
-webkit-transform: translate3d(0, 0, 0); |
||||
transform: translate3d(0, 0, 0); |
||||
opacity: 1; } |
||||
100% { |
||||
-webkit-transform: translate3d(0, -20px, 0); |
||||
transform: translate3d(0, -20px, 0); |
||||
opacity: 0; } } |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,891 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-textarea { |
||||
position: relative; |
||||
display: inline-block; |
||||
width: 100%; |
||||
vertical-align: bottom; |
||||
font-size: 14px; } |
||||
.el-textarea__inner { |
||||
display: block; |
||||
resize: vertical; |
||||
padding: 5px 15px; |
||||
line-height: 1.5; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
width: 100%; |
||||
font-size: inherit; |
||||
color: #606266; |
||||
background-color: #FFFFFF; |
||||
background-image: none; |
||||
border: 1px solid #DCDFE6; |
||||
border-radius: 4px; |
||||
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } |
||||
.el-textarea__inner::-webkit-input-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-textarea__inner::-moz-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-textarea__inner::-ms-input-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-textarea__inner::placeholder { |
||||
color: #C0C4CC; } |
||||
.el-textarea__inner:hover { |
||||
border-color: #C0C4CC; } |
||||
.el-textarea__inner:focus { |
||||
outline: none; |
||||
border-color: #00B9FF; } |
||||
.el-textarea .el-input__count { |
||||
color: #909399; |
||||
background: #FFFFFF; |
||||
position: absolute; |
||||
font-size: 12px; |
||||
bottom: 5px; |
||||
right: 10px; } |
||||
.el-textarea.is-disabled .el-textarea__inner { |
||||
background-color: #F5F7FA; |
||||
border-color: #E4E7ED; |
||||
color: #C0C4CC; |
||||
cursor: not-allowed; } |
||||
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-textarea.is-disabled .el-textarea__inner::placeholder { |
||||
color: #C0C4CC; } |
||||
.el-textarea.is-exceed .el-textarea__inner { |
||||
border-color: #F56C6C; } |
||||
.el-textarea.is-exceed .el-input__count { |
||||
color: #F56C6C; } |
||||
|
||||
.el-input { |
||||
position: relative; |
||||
font-size: 14px; |
||||
display: inline-block; |
||||
width: 100%; } |
||||
.el-input::-webkit-scrollbar { |
||||
z-index: 11; |
||||
width: 6px; } |
||||
.el-input::-webkit-scrollbar:horizontal { |
||||
height: 6px; } |
||||
.el-input::-webkit-scrollbar-thumb { |
||||
border-radius: 5px; |
||||
width: 6px; |
||||
background: #b4bccc; } |
||||
.el-input::-webkit-scrollbar-corner { |
||||
background: #fff; } |
||||
.el-input::-webkit-scrollbar-track { |
||||
background: #fff; } |
||||
.el-input::-webkit-scrollbar-track-piece { |
||||
background: #fff; |
||||
width: 6px; } |
||||
.el-input .el-input__clear { |
||||
color: #C0C4CC; |
||||
font-size: 14px; |
||||
cursor: pointer; |
||||
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } |
||||
.el-input .el-input__clear:hover { |
||||
color: #909399; } |
||||
.el-input .el-input__count { |
||||
height: 100%; |
||||
display: -webkit-inline-box; |
||||
display: -ms-inline-flexbox; |
||||
display: inline-flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
color: #909399; |
||||
font-size: 12px; } |
||||
.el-input .el-input__count .el-input__count-inner { |
||||
background: #FFFFFF; |
||||
line-height: initial; |
||||
display: inline-block; |
||||
padding: 0 5px; } |
||||
.el-input__inner { |
||||
-webkit-appearance: none; |
||||
background-color: #FFFFFF; |
||||
background-image: none; |
||||
border-radius: 4px; |
||||
border: 1px solid #DCDFE6; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
color: #606266; |
||||
display: inline-block; |
||||
font-size: inherit; |
||||
height: 40px; |
||||
line-height: 40px; |
||||
outline: none; |
||||
padding: 0 15px; |
||||
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
width: 100%; } |
||||
.el-input__inner::-webkit-input-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-input__inner::-moz-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-input__inner::-ms-input-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-input__inner::placeholder { |
||||
color: #C0C4CC; } |
||||
.el-input__inner:hover { |
||||
border-color: #C0C4CC; } |
||||
.el-input__inner:focus { |
||||
outline: none; |
||||
border-color: #00B9FF; } |
||||
.el-input__suffix { |
||||
position: absolute; |
||||
height: 100%; |
||||
right: 5px; |
||||
top: 0; |
||||
text-align: center; |
||||
color: #C0C4CC; |
||||
-webkit-transition: all .3s; |
||||
transition: all .3s; |
||||
pointer-events: none; } |
||||
.el-input__suffix-inner { |
||||
pointer-events: all; } |
||||
.el-input__prefix { |
||||
position: absolute; |
||||
height: 100%; |
||||
left: 5px; |
||||
top: 0; |
||||
text-align: center; |
||||
color: #C0C4CC; |
||||
-webkit-transition: all .3s; |
||||
transition: all .3s; } |
||||
.el-input__icon { |
||||
height: 100%; |
||||
width: 25px; |
||||
text-align: center; |
||||
-webkit-transition: all .3s; |
||||
transition: all .3s; |
||||
line-height: 40px; } |
||||
.el-input__icon:after { |
||||
content: ''; |
||||
height: 100%; |
||||
width: 0; |
||||
display: inline-block; |
||||
vertical-align: middle; } |
||||
.el-input__validateIcon { |
||||
pointer-events: none; } |
||||
.el-input.is-active .el-input__inner { |
||||
outline: none; |
||||
border-color: #00B9FF; } |
||||
.el-input.is-disabled .el-input__inner { |
||||
background-color: #F5F7FA; |
||||
border-color: #E4E7ED; |
||||
color: #C0C4CC; |
||||
cursor: not-allowed; } |
||||
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-input.is-disabled .el-input__inner::-moz-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-input.is-disabled .el-input__inner::-ms-input-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-input.is-disabled .el-input__inner::placeholder { |
||||
color: #C0C4CC; } |
||||
.el-input.is-disabled .el-input__icon { |
||||
cursor: not-allowed; } |
||||
.el-input.is-exceed .el-input__inner { |
||||
border-color: #F56C6C; } |
||||
.el-input.is-exceed .el-input__suffix .el-input__count { |
||||
color: #F56C6C; } |
||||
.el-input--suffix .el-input__inner { |
||||
padding-right: 30px; } |
||||
.el-input--prefix .el-input__inner { |
||||
padding-left: 30px; } |
||||
.el-input--medium { |
||||
font-size: 14px; } |
||||
.el-input--medium .el-input__inner { |
||||
height: 36px; |
||||
line-height: 36px; } |
||||
.el-input--medium .el-input__icon { |
||||
line-height: 36px; } |
||||
.el-input--small { |
||||
font-size: 13px; } |
||||
.el-input--small .el-input__inner { |
||||
height: 32px; |
||||
line-height: 32px; } |
||||
.el-input--small .el-input__icon { |
||||
line-height: 32px; } |
||||
.el-input--mini { |
||||
font-size: 12px; } |
||||
.el-input--mini .el-input__inner { |
||||
height: 28px; |
||||
line-height: 28px; } |
||||
.el-input--mini .el-input__icon { |
||||
line-height: 28px; } |
||||
|
||||
.el-input-group { |
||||
line-height: normal; |
||||
display: inline-table; |
||||
width: 100%; |
||||
border-collapse: separate; |
||||
border-spacing: 0; } |
||||
.el-input-group > .el-input__inner { |
||||
vertical-align: middle; |
||||
display: table-cell; } |
||||
.el-input-group__append, .el-input-group__prepend { |
||||
background-color: #F5F7FA; |
||||
color: #909399; |
||||
vertical-align: middle; |
||||
display: table-cell; |
||||
position: relative; |
||||
border: 1px solid #DCDFE6; |
||||
border-radius: 4px; |
||||
padding: 0 20px; |
||||
width: 1px; |
||||
white-space: nowrap; } |
||||
.el-input-group__append:focus, .el-input-group__prepend:focus { |
||||
outline: none; } |
||||
.el-input-group__append .el-select, |
||||
.el-input-group__append .el-button, .el-input-group__prepend .el-select, |
||||
.el-input-group__prepend .el-button { |
||||
display: inline-block; |
||||
margin: -10px -20px; } |
||||
.el-input-group__append button.el-button, |
||||
.el-input-group__append div.el-select .el-input__inner, |
||||
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, |
||||
.el-input-group__prepend div.el-select .el-input__inner, |
||||
.el-input-group__prepend div.el-select:hover .el-input__inner { |
||||
border-color: transparent; |
||||
background-color: transparent; |
||||
color: inherit; |
||||
border-top: 0; |
||||
border-bottom: 0; } |
||||
.el-input-group__append .el-button, |
||||
.el-input-group__append .el-input, .el-input-group__prepend .el-button, |
||||
.el-input-group__prepend .el-input { |
||||
font-size: inherit; } |
||||
.el-input-group__prepend { |
||||
border-right: 0; |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; } |
||||
.el-input-group__append { |
||||
border-left: 0; |
||||
border-top-left-radius: 0; |
||||
border-bottom-left-radius: 0; } |
||||
.el-input-group--prepend .el-input__inner { |
||||
border-top-left-radius: 0; |
||||
border-bottom-left-radius: 0; } |
||||
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { |
||||
border-color: transparent; } |
||||
.el-input-group--append .el-input__inner { |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; } |
||||
.el-input-group--append .el-select .el-input.is-focus .el-input__inner { |
||||
border-color: transparent; } |
||||
|
||||
/** disalbe default clear on IE */ |
||||
.el-input__inner::-ms-clear { |
||||
display: none; |
||||
width: 0; |
||||
height: 0; } |
||||
|
||||
.el-input-number { |
||||
position: relative; |
||||
display: inline-block; |
||||
width: 180px; |
||||
line-height: 38px; } |
||||
.el-input-number .el-input { |
||||
display: block; } |
||||
.el-input-number .el-input__inner { |
||||
-webkit-appearance: none; |
||||
padding-left: 50px; |
||||
padding-right: 50px; |
||||
text-align: center; } |
||||
.el-input-number__increase, .el-input-number__decrease { |
||||
position: absolute; |
||||
z-index: 1; |
||||
top: 1px; |
||||
width: 40px; |
||||
height: auto; |
||||
text-align: center; |
||||
background: #F5F7FA; |
||||
color: #606266; |
||||
cursor: pointer; |
||||
font-size: 13px; } |
||||
.el-input-number__increase:hover, .el-input-number__decrease:hover { |
||||
color: #00B9FF; } |
||||
.el-input-number__increase:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled), .el-input-number__decrease:hover:not(.is-disabled) ~ .el-input .el-input__inner:not(.is-disabled) { |
||||
border-color: #00B9FF; } |
||||
.el-input-number__increase.is-disabled, .el-input-number__decrease.is-disabled { |
||||
color: #C0C4CC; |
||||
cursor: not-allowed; } |
||||
.el-input-number__increase { |
||||
right: 1px; |
||||
border-radius: 0 4px 4px 0; |
||||
border-left: 1px solid #DCDFE6; } |
||||
.el-input-number__decrease { |
||||
left: 1px; |
||||
border-radius: 4px 0 0 4px; |
||||
border-right: 1px solid #DCDFE6; } |
||||
.el-input-number.is-disabled .el-input-number__increase, .el-input-number.is-disabled .el-input-number__decrease { |
||||
border-color: #E4E7ED; |
||||
color: #E4E7ED; } |
||||
.el-input-number.is-disabled .el-input-number__increase:hover, .el-input-number.is-disabled .el-input-number__decrease:hover { |
||||
color: #E4E7ED; |
||||
cursor: not-allowed; } |
||||
.el-input-number--medium { |
||||
width: 200px; |
||||
line-height: 34px; } |
||||
.el-input-number--medium .el-input-number__increase, .el-input-number--medium .el-input-number__decrease { |
||||
width: 36px; |
||||
font-size: 14px; } |
||||
.el-input-number--medium .el-input__inner { |
||||
padding-left: 43px; |
||||
padding-right: 43px; } |
||||
.el-input-number--small { |
||||
width: 130px; |
||||
line-height: 30px; } |
||||
.el-input-number--small .el-input-number__increase, .el-input-number--small .el-input-number__decrease { |
||||
width: 32px; |
||||
font-size: 13px; } |
||||
.el-input-number--small .el-input-number__increase [class*=el-icon], .el-input-number--small .el-input-number__decrease [class*=el-icon] { |
||||
-webkit-transform: scale(0.9); |
||||
transform: scale(0.9); } |
||||
.el-input-number--small .el-input__inner { |
||||
padding-left: 39px; |
||||
padding-right: 39px; } |
||||
.el-input-number--mini { |
||||
width: 130px; |
||||
line-height: 26px; } |
||||
.el-input-number--mini .el-input-number__increase, .el-input-number--mini .el-input-number__decrease { |
||||
width: 28px; |
||||
font-size: 12px; } |
||||
.el-input-number--mini .el-input-number__increase [class*=el-icon], .el-input-number--mini .el-input-number__decrease [class*=el-icon] { |
||||
-webkit-transform: scale(0.8); |
||||
transform: scale(0.8); } |
||||
.el-input-number--mini .el-input__inner { |
||||
padding-left: 35px; |
||||
padding-right: 35px; } |
||||
.el-input-number.is-without-controls .el-input__inner { |
||||
padding-left: 15px; |
||||
padding-right: 15px; } |
||||
.el-input-number.is-controls-right .el-input__inner { |
||||
padding-left: 15px; |
||||
padding-right: 50px; } |
||||
.el-input-number.is-controls-right .el-input-number__increase, .el-input-number.is-controls-right .el-input-number__decrease { |
||||
height: auto; |
||||
line-height: 19px; } |
||||
.el-input-number.is-controls-right .el-input-number__increase [class*=el-icon], .el-input-number.is-controls-right .el-input-number__decrease [class*=el-icon] { |
||||
-webkit-transform: scale(0.8); |
||||
transform: scale(0.8); } |
||||
.el-input-number.is-controls-right .el-input-number__increase { |
||||
border-radius: 0 4px 0 0; |
||||
border-bottom: 1px solid #DCDFE6; } |
||||
.el-input-number.is-controls-right .el-input-number__decrease { |
||||
right: 1px; |
||||
bottom: 1px; |
||||
top: auto; |
||||
left: auto; |
||||
border-right: none; |
||||
border-left: 1px solid #DCDFE6; |
||||
border-radius: 0 0 4px 0; } |
||||
.el-input-number.is-controls-right[class*=medium] [class*=increase], .el-input-number.is-controls-right[class*=medium] [class*=decrease] { |
||||
line-height: 17px; } |
||||
.el-input-number.is-controls-right[class*=small] [class*=increase], .el-input-number.is-controls-right[class*=small] [class*=decrease] { |
||||
line-height: 15px; } |
||||
.el-input-number.is-controls-right[class*=mini] [class*=increase], .el-input-number.is-controls-right[class*=mini] [class*=decrease] { |
||||
line-height: 13px; } |
||||
@ -0,0 +1,534 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-textarea { |
||||
position: relative; |
||||
display: inline-block; |
||||
width: 100%; |
||||
vertical-align: bottom; |
||||
font-size: 14px; } |
||||
.el-textarea__inner { |
||||
display: block; |
||||
resize: vertical; |
||||
padding: 5px 15px; |
||||
line-height: 1.5; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
width: 100%; |
||||
font-size: inherit; |
||||
color: #606266; |
||||
background-color: #FFFFFF; |
||||
background-image: none; |
||||
border: 1px solid #DCDFE6; |
||||
border-radius: 4px; |
||||
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } |
||||
.el-textarea__inner::-webkit-input-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-textarea__inner::-moz-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-textarea__inner::-ms-input-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-textarea__inner::placeholder { |
||||
color: #C0C4CC; } |
||||
.el-textarea__inner:hover { |
||||
border-color: #C0C4CC; } |
||||
.el-textarea__inner:focus { |
||||
outline: none; |
||||
border-color: #00B9FF; } |
||||
.el-textarea .el-input__count { |
||||
color: #909399; |
||||
background: #FFFFFF; |
||||
position: absolute; |
||||
font-size: 12px; |
||||
bottom: 5px; |
||||
right: 10px; } |
||||
.el-textarea.is-disabled .el-textarea__inner { |
||||
background-color: #F5F7FA; |
||||
border-color: #E4E7ED; |
||||
color: #C0C4CC; |
||||
cursor: not-allowed; } |
||||
.el-textarea.is-disabled .el-textarea__inner::-webkit-input-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-textarea.is-disabled .el-textarea__inner::-moz-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-textarea.is-disabled .el-textarea__inner::-ms-input-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-textarea.is-disabled .el-textarea__inner::placeholder { |
||||
color: #C0C4CC; } |
||||
.el-textarea.is-exceed .el-textarea__inner { |
||||
border-color: #F56C6C; } |
||||
.el-textarea.is-exceed .el-input__count { |
||||
color: #F56C6C; } |
||||
|
||||
.el-input { |
||||
position: relative; |
||||
font-size: 14px; |
||||
display: inline-block; |
||||
width: 100%; } |
||||
.el-input::-webkit-scrollbar { |
||||
z-index: 11; |
||||
width: 6px; } |
||||
.el-input::-webkit-scrollbar:horizontal { |
||||
height: 6px; } |
||||
.el-input::-webkit-scrollbar-thumb { |
||||
border-radius: 5px; |
||||
width: 6px; |
||||
background: #b4bccc; } |
||||
.el-input::-webkit-scrollbar-corner { |
||||
background: #fff; } |
||||
.el-input::-webkit-scrollbar-track { |
||||
background: #fff; } |
||||
.el-input::-webkit-scrollbar-track-piece { |
||||
background: #fff; |
||||
width: 6px; } |
||||
.el-input .el-input__clear { |
||||
color: #C0C4CC; |
||||
font-size: 14px; |
||||
cursor: pointer; |
||||
-webkit-transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); } |
||||
.el-input .el-input__clear:hover { |
||||
color: #909399; } |
||||
.el-input .el-input__count { |
||||
height: 100%; |
||||
display: -webkit-inline-box; |
||||
display: -ms-inline-flexbox; |
||||
display: inline-flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
color: #909399; |
||||
font-size: 12px; } |
||||
.el-input .el-input__count .el-input__count-inner { |
||||
background: #FFFFFF; |
||||
line-height: initial; |
||||
display: inline-block; |
||||
padding: 0 5px; } |
||||
.el-input__inner { |
||||
-webkit-appearance: none; |
||||
background-color: #FFFFFF; |
||||
background-image: none; |
||||
border-radius: 4px; |
||||
border: 1px solid #DCDFE6; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
color: #606266; |
||||
display: inline-block; |
||||
font-size: inherit; |
||||
height: 40px; |
||||
line-height: 40px; |
||||
outline: none; |
||||
padding: 0 15px; |
||||
-webkit-transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); |
||||
width: 100%; } |
||||
.el-input__inner::-webkit-input-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-input__inner::-moz-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-input__inner::-ms-input-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-input__inner::placeholder { |
||||
color: #C0C4CC; } |
||||
.el-input__inner:hover { |
||||
border-color: #C0C4CC; } |
||||
.el-input__inner:focus { |
||||
outline: none; |
||||
border-color: #00B9FF; } |
||||
.el-input__suffix { |
||||
position: absolute; |
||||
height: 100%; |
||||
right: 5px; |
||||
top: 0; |
||||
text-align: center; |
||||
color: #C0C4CC; |
||||
-webkit-transition: all .3s; |
||||
transition: all .3s; |
||||
pointer-events: none; } |
||||
.el-input__suffix-inner { |
||||
pointer-events: all; } |
||||
.el-input__prefix { |
||||
position: absolute; |
||||
height: 100%; |
||||
left: 5px; |
||||
top: 0; |
||||
text-align: center; |
||||
color: #C0C4CC; |
||||
-webkit-transition: all .3s; |
||||
transition: all .3s; } |
||||
.el-input__icon { |
||||
height: 100%; |
||||
width: 25px; |
||||
text-align: center; |
||||
-webkit-transition: all .3s; |
||||
transition: all .3s; |
||||
line-height: 40px; } |
||||
.el-input__icon:after { |
||||
content: ''; |
||||
height: 100%; |
||||
width: 0; |
||||
display: inline-block; |
||||
vertical-align: middle; } |
||||
.el-input__validateIcon { |
||||
pointer-events: none; } |
||||
.el-input.is-active .el-input__inner { |
||||
outline: none; |
||||
border-color: #00B9FF; } |
||||
.el-input.is-disabled .el-input__inner { |
||||
background-color: #F5F7FA; |
||||
border-color: #E4E7ED; |
||||
color: #C0C4CC; |
||||
cursor: not-allowed; } |
||||
.el-input.is-disabled .el-input__inner::-webkit-input-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-input.is-disabled .el-input__inner::-moz-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-input.is-disabled .el-input__inner::-ms-input-placeholder { |
||||
color: #C0C4CC; } |
||||
.el-input.is-disabled .el-input__inner::placeholder { |
||||
color: #C0C4CC; } |
||||
.el-input.is-disabled .el-input__icon { |
||||
cursor: not-allowed; } |
||||
.el-input.is-exceed .el-input__inner { |
||||
border-color: #F56C6C; } |
||||
.el-input.is-exceed .el-input__suffix .el-input__count { |
||||
color: #F56C6C; } |
||||
.el-input--suffix .el-input__inner { |
||||
padding-right: 30px; } |
||||
.el-input--prefix .el-input__inner { |
||||
padding-left: 30px; } |
||||
.el-input--medium { |
||||
font-size: 14px; } |
||||
.el-input--medium .el-input__inner { |
||||
height: 36px; |
||||
line-height: 36px; } |
||||
.el-input--medium .el-input__icon { |
||||
line-height: 36px; } |
||||
.el-input--small { |
||||
font-size: 13px; } |
||||
.el-input--small .el-input__inner { |
||||
height: 32px; |
||||
line-height: 32px; } |
||||
.el-input--small .el-input__icon { |
||||
line-height: 32px; } |
||||
.el-input--mini { |
||||
font-size: 12px; } |
||||
.el-input--mini .el-input__inner { |
||||
height: 28px; |
||||
line-height: 28px; } |
||||
.el-input--mini .el-input__icon { |
||||
line-height: 28px; } |
||||
|
||||
.el-input-group { |
||||
line-height: normal; |
||||
display: inline-table; |
||||
width: 100%; |
||||
border-collapse: separate; |
||||
border-spacing: 0; } |
||||
.el-input-group > .el-input__inner { |
||||
vertical-align: middle; |
||||
display: table-cell; } |
||||
.el-input-group__append, .el-input-group__prepend { |
||||
background-color: #F5F7FA; |
||||
color: #909399; |
||||
vertical-align: middle; |
||||
display: table-cell; |
||||
position: relative; |
||||
border: 1px solid #DCDFE6; |
||||
border-radius: 4px; |
||||
padding: 0 20px; |
||||
width: 1px; |
||||
white-space: nowrap; } |
||||
.el-input-group__append:focus, .el-input-group__prepend:focus { |
||||
outline: none; } |
||||
.el-input-group__append .el-select, |
||||
.el-input-group__append .el-button, .el-input-group__prepend .el-select, |
||||
.el-input-group__prepend .el-button { |
||||
display: inline-block; |
||||
margin: -10px -20px; } |
||||
.el-input-group__append button.el-button, |
||||
.el-input-group__append div.el-select .el-input__inner, |
||||
.el-input-group__append div.el-select:hover .el-input__inner, .el-input-group__prepend button.el-button, |
||||
.el-input-group__prepend div.el-select .el-input__inner, |
||||
.el-input-group__prepend div.el-select:hover .el-input__inner { |
||||
border-color: transparent; |
||||
background-color: transparent; |
||||
color: inherit; |
||||
border-top: 0; |
||||
border-bottom: 0; } |
||||
.el-input-group__append .el-button, |
||||
.el-input-group__append .el-input, .el-input-group__prepend .el-button, |
||||
.el-input-group__prepend .el-input { |
||||
font-size: inherit; } |
||||
.el-input-group__prepend { |
||||
border-right: 0; |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; } |
||||
.el-input-group__append { |
||||
border-left: 0; |
||||
border-top-left-radius: 0; |
||||
border-bottom-left-radius: 0; } |
||||
.el-input-group--prepend .el-input__inner { |
||||
border-top-left-radius: 0; |
||||
border-bottom-left-radius: 0; } |
||||
.el-input-group--prepend .el-select .el-input.is-focus .el-input__inner { |
||||
border-color: transparent; } |
||||
.el-input-group--append .el-input__inner { |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; } |
||||
.el-input-group--append .el-select .el-input.is-focus .el-input__inner { |
||||
border-color: transparent; } |
||||
|
||||
/** disalbe default clear on IE */ |
||||
.el-input__inner::-ms-clear { |
||||
display: none; |
||||
width: 0; |
||||
height: 0; } |
||||
@ -0,0 +1,342 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-link { |
||||
display: -webkit-inline-box; |
||||
display: -ms-inline-flexbox; |
||||
display: inline-flex; |
||||
-webkit-box-orient: horizontal; |
||||
-webkit-box-direction: normal; |
||||
-ms-flex-direction: row; |
||||
flex-direction: row; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; |
||||
-webkit-box-pack: center; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; |
||||
vertical-align: middle; |
||||
position: relative; |
||||
text-decoration: none; |
||||
outline: none; |
||||
cursor: pointer; |
||||
padding: 0; |
||||
font-size: 14px; |
||||
font-weight: 500; } |
||||
.el-link.is-underline:hover:after { |
||||
content: ""; |
||||
position: absolute; |
||||
left: 0; |
||||
right: 0; |
||||
height: 0; |
||||
bottom: 0; |
||||
border-bottom: 1px solid #00B9FF; } |
||||
.el-link.is-disabled { |
||||
cursor: not-allowed; } |
||||
.el-link [class*="el-icon-"] + span { |
||||
margin-left: 5px; } |
||||
.el-link.el-link--default { |
||||
color: #606266; } |
||||
.el-link.el-link--default:hover { |
||||
color: #00B9FF; } |
||||
.el-link.el-link--default:after { |
||||
border-color: #00B9FF; } |
||||
.el-link.el-link--default.is-disabled { |
||||
color: #C0C4CC; } |
||||
.el-link.el-link--primary { |
||||
color: #00B9FF; } |
||||
.el-link.el-link--primary:hover { |
||||
color: #33c7ff; } |
||||
.el-link.el-link--primary:after { |
||||
border-color: #00B9FF; } |
||||
.el-link.el-link--primary.is-disabled { |
||||
color: #80dcff; } |
||||
.el-link.el-link--primary.is-underline:hover:after { |
||||
border-color: #00B9FF; } |
||||
.el-link.el-link--danger { |
||||
color: #F56C6C; } |
||||
.el-link.el-link--danger:hover { |
||||
color: #f78989; } |
||||
.el-link.el-link--danger:after { |
||||
border-color: #F56C6C; } |
||||
.el-link.el-link--danger.is-disabled { |
||||
color: #fab6b6; } |
||||
.el-link.el-link--danger.is-underline:hover:after { |
||||
border-color: #F56C6C; } |
||||
.el-link.el-link--success { |
||||
color: #67C23A; } |
||||
.el-link.el-link--success:hover { |
||||
color: #85ce61; } |
||||
.el-link.el-link--success:after { |
||||
border-color: #67C23A; } |
||||
.el-link.el-link--success.is-disabled { |
||||
color: #b3e19d; } |
||||
.el-link.el-link--success.is-underline:hover:after { |
||||
border-color: #67C23A; } |
||||
.el-link.el-link--warning { |
||||
color: #E6A23C; } |
||||
.el-link.el-link--warning:hover { |
||||
color: #ebb563; } |
||||
.el-link.el-link--warning:after { |
||||
border-color: #E6A23C; } |
||||
.el-link.el-link--warning.is-disabled { |
||||
color: #f3d19e; } |
||||
.el-link.el-link--warning.is-underline:hover:after { |
||||
border-color: #E6A23C; } |
||||
.el-link.el-link--info { |
||||
color: #909399; } |
||||
.el-link.el-link--info:hover { |
||||
color: #a6a9ad; } |
||||
.el-link.el-link--info:after { |
||||
border-color: #909399; } |
||||
.el-link.el-link--info.is-disabled { |
||||
color: #c8c9cc; } |
||||
.el-link.el-link--info.is-underline:hover:after { |
||||
border-color: #909399; } |
||||
@ -0,0 +1,336 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-loading-parent--relative { |
||||
position: relative !important; } |
||||
|
||||
.el-loading-parent--hidden { |
||||
overflow: hidden !important; } |
||||
|
||||
.el-loading-mask { |
||||
position: absolute; |
||||
z-index: 2000; |
||||
background-color: rgba(255, 255, 255, 0.9); |
||||
margin: 0; |
||||
top: 0; |
||||
right: 0; |
||||
bottom: 0; |
||||
left: 0; |
||||
-webkit-transition: opacity 0.3s; |
||||
transition: opacity 0.3s; } |
||||
.el-loading-mask.is-fullscreen { |
||||
position: fixed; } |
||||
.el-loading-mask.is-fullscreen .el-loading-spinner { |
||||
margin-top: -25px; } |
||||
.el-loading-mask.is-fullscreen .el-loading-spinner .circular { |
||||
height: 50px; |
||||
width: 50px; } |
||||
|
||||
.el-loading-spinner { |
||||
top: 50%; |
||||
margin-top: -21px; |
||||
width: 100%; |
||||
text-align: center; |
||||
position: absolute; } |
||||
.el-loading-spinner .el-loading-text { |
||||
color: #00B9FF; |
||||
margin: 3px 0; |
||||
font-size: 14px; } |
||||
.el-loading-spinner .circular { |
||||
height: 42px; |
||||
width: 42px; |
||||
-webkit-animation: loading-rotate 2s linear infinite; |
||||
animation: loading-rotate 2s linear infinite; } |
||||
.el-loading-spinner .path { |
||||
-webkit-animation: loading-dash 1.5s ease-in-out infinite; |
||||
animation: loading-dash 1.5s ease-in-out infinite; |
||||
stroke-dasharray: 90, 150; |
||||
stroke-dashoffset: 0; |
||||
stroke-width: 2; |
||||
stroke: #00B9FF; |
||||
stroke-linecap: round; } |
||||
.el-loading-spinner i { |
||||
color: #00B9FF; } |
||||
|
||||
.el-loading-fade-enter, |
||||
.el-loading-fade-leave-active { |
||||
opacity: 0; } |
||||
|
||||
@-webkit-keyframes loading-rotate { |
||||
100% { |
||||
-webkit-transform: rotate(360deg); |
||||
transform: rotate(360deg); } } |
||||
|
||||
@keyframes loading-rotate { |
||||
100% { |
||||
-webkit-transform: rotate(360deg); |
||||
transform: rotate(360deg); } } |
||||
|
||||
@-webkit-keyframes loading-dash { |
||||
0% { |
||||
stroke-dasharray: 1, 200; |
||||
stroke-dashoffset: 0; } |
||||
50% { |
||||
stroke-dasharray: 90, 150; |
||||
stroke-dashoffset: -40px; } |
||||
100% { |
||||
stroke-dasharray: 90, 150; |
||||
stroke-dashoffset: -120px; } } |
||||
|
||||
@keyframes loading-dash { |
||||
0% { |
||||
stroke-dasharray: 1, 200; |
||||
stroke-dashoffset: 0; } |
||||
50% { |
||||
stroke-dasharray: 90, 150; |
||||
stroke-dashoffset: -40px; } |
||||
100% { |
||||
stroke-dasharray: 90, 150; |
||||
stroke-dashoffset: -120px; } } |
||||
@ -0,0 +1,261 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-main { |
||||
display: block; |
||||
-webkit-box-flex: 1; |
||||
-ms-flex: 1; |
||||
flex: 1; |
||||
-ms-flex-preferred-size: auto; |
||||
flex-basis: auto; |
||||
overflow: auto; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
padding: 20px; } |
||||
@ -0,0 +1,719 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.fade-in-linear-enter-active, |
||||
.fade-in-linear-leave-active { |
||||
-webkit-transition: opacity 200ms linear; |
||||
transition: opacity 200ms linear; } |
||||
|
||||
.fade-in-linear-enter, |
||||
.fade-in-linear-leave, |
||||
.fade-in-linear-leave-active { |
||||
opacity: 0; } |
||||
|
||||
.el-fade-in-linear-enter-active, |
||||
.el-fade-in-linear-leave-active { |
||||
-webkit-transition: opacity 200ms linear; |
||||
transition: opacity 200ms linear; } |
||||
|
||||
.el-fade-in-linear-enter, |
||||
.el-fade-in-linear-leave, |
||||
.el-fade-in-linear-leave-active { |
||||
opacity: 0; } |
||||
|
||||
.el-fade-in-enter-active, |
||||
.el-fade-in-leave-active { |
||||
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); |
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } |
||||
|
||||
.el-fade-in-enter, |
||||
.el-fade-in-leave-active { |
||||
opacity: 0; } |
||||
|
||||
.el-zoom-in-center-enter-active, |
||||
.el-zoom-in-center-leave-active { |
||||
-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); |
||||
transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); } |
||||
|
||||
.el-zoom-in-center-enter, |
||||
.el-zoom-in-center-leave-active { |
||||
opacity: 0; |
||||
-webkit-transform: scaleX(0); |
||||
transform: scaleX(0); } |
||||
|
||||
.el-zoom-in-top-enter-active, |
||||
.el-zoom-in-top-leave-active { |
||||
opacity: 1; |
||||
-webkit-transform: scaleY(1); |
||||
transform: scaleY(1); |
||||
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
-webkit-transform-origin: center top; |
||||
transform-origin: center top; } |
||||
|
||||
.el-zoom-in-top-enter, |
||||
.el-zoom-in-top-leave-active { |
||||
opacity: 0; |
||||
-webkit-transform: scaleY(0); |
||||
transform: scaleY(0); } |
||||
|
||||
.el-zoom-in-bottom-enter-active, |
||||
.el-zoom-in-bottom-leave-active { |
||||
opacity: 1; |
||||
-webkit-transform: scaleY(1); |
||||
transform: scaleY(1); |
||||
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
-webkit-transform-origin: center bottom; |
||||
transform-origin: center bottom; } |
||||
|
||||
.el-zoom-in-bottom-enter, |
||||
.el-zoom-in-bottom-leave-active { |
||||
opacity: 0; |
||||
-webkit-transform: scaleY(0); |
||||
transform: scaleY(0); } |
||||
|
||||
.el-zoom-in-left-enter-active, |
||||
.el-zoom-in-left-leave-active { |
||||
opacity: 1; |
||||
-webkit-transform: scale(1, 1); |
||||
transform: scale(1, 1); |
||||
-webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); |
||||
-webkit-transform-origin: top left; |
||||
transform-origin: top left; } |
||||
|
||||
.el-zoom-in-left-enter, |
||||
.el-zoom-in-left-leave-active { |
||||
opacity: 0; |
||||
-webkit-transform: scale(0.45, 0.45); |
||||
transform: scale(0.45, 0.45); } |
||||
|
||||
.collapse-transition { |
||||
-webkit-transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; |
||||
transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out; } |
||||
|
||||
.horizontal-collapse-transition { |
||||
-webkit-transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; |
||||
transition: 0.3s width ease-in-out, 0.3s padding-left ease-in-out, 0.3s padding-right ease-in-out; } |
||||
|
||||
.el-list-enter-active, |
||||
.el-list-leave-active { |
||||
-webkit-transition: all 1s; |
||||
transition: all 1s; } |
||||
|
||||
.el-list-enter, .el-list-leave-active { |
||||
opacity: 0; |
||||
-webkit-transform: translateY(-30px); |
||||
transform: translateY(-30px); } |
||||
|
||||
.el-opacity-transition { |
||||
-webkit-transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); |
||||
transition: opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1); } |
||||
|
||||
.el-menu { |
||||
border-right: solid 1px #e6e6e6; |
||||
list-style: none; |
||||
position: relative; |
||||
margin: 0; |
||||
padding-left: 0; |
||||
background-color: #FFFFFF; } |
||||
.el-menu::before, |
||||
.el-menu::after { |
||||
display: table; |
||||
content: ""; } |
||||
.el-menu::after { |
||||
clear: both; } |
||||
.el-menu.el-menu--horizontal { |
||||
border-bottom: solid 1px #e6e6e6; } |
||||
.el-menu--horizontal { |
||||
border-right: none; } |
||||
.el-menu--horizontal > .el-menu-item { |
||||
float: left; |
||||
height: 60px; |
||||
line-height: 60px; |
||||
margin: 0; |
||||
border-bottom: 2px solid transparent; |
||||
color: #909399; } |
||||
.el-menu--horizontal > .el-menu-item a, |
||||
.el-menu--horizontal > .el-menu-item a:hover { |
||||
color: inherit; } |
||||
.el-menu--horizontal > .el-menu-item:not(.is-disabled):hover, .el-menu--horizontal > .el-menu-item:not(.is-disabled):focus { |
||||
background-color: #fff; } |
||||
.el-menu--horizontal > .el-submenu { |
||||
float: left; } |
||||
.el-menu--horizontal > .el-submenu:focus, .el-menu--horizontal > .el-submenu:hover { |
||||
outline: none; } |
||||
.el-menu--horizontal > .el-submenu:focus .el-submenu__title, .el-menu--horizontal > .el-submenu:hover .el-submenu__title { |
||||
color: #303133; } |
||||
.el-menu--horizontal > .el-submenu.is-active .el-submenu__title { |
||||
border-bottom: 2px solid #00B9FF; |
||||
color: #303133; } |
||||
.el-menu--horizontal > .el-submenu .el-submenu__title { |
||||
height: 60px; |
||||
line-height: 60px; |
||||
border-bottom: 2px solid transparent; |
||||
color: #909399; } |
||||
.el-menu--horizontal > .el-submenu .el-submenu__title:hover { |
||||
background-color: #fff; } |
||||
.el-menu--horizontal > .el-submenu .el-submenu__icon-arrow { |
||||
position: static; |
||||
vertical-align: middle; |
||||
margin-left: 8px; |
||||
margin-top: -3px; } |
||||
.el-menu--horizontal .el-menu .el-menu-item, |
||||
.el-menu--horizontal .el-menu .el-submenu__title { |
||||
background-color: #FFFFFF; |
||||
float: none; |
||||
height: 36px; |
||||
line-height: 36px; |
||||
padding: 0 10px; |
||||
color: #909399; } |
||||
.el-menu--horizontal .el-menu .el-menu-item.is-active, |
||||
.el-menu--horizontal .el-menu .el-submenu.is-active > .el-submenu__title { |
||||
color: #303133; } |
||||
.el-menu--horizontal .el-menu-item:not(.is-disabled):hover, |
||||
.el-menu--horizontal .el-menu-item:not(.is-disabled):focus { |
||||
outline: none; |
||||
color: #303133; } |
||||
.el-menu--horizontal > .el-menu-item.is-active { |
||||
border-bottom: 2px solid #00B9FF; |
||||
color: #303133; } |
||||
.el-menu--collapse { |
||||
width: 64px; } |
||||
.el-menu--collapse > .el-menu-item [class^="el-icon-"], |
||||
.el-menu--collapse > .el-submenu > .el-submenu__title [class^="el-icon-"] { |
||||
margin: 0; |
||||
vertical-align: middle; |
||||
width: 24px; |
||||
text-align: center; } |
||||
.el-menu--collapse > .el-menu-item .el-submenu__icon-arrow, |
||||
.el-menu--collapse > .el-submenu > .el-submenu__title .el-submenu__icon-arrow { |
||||
display: none; } |
||||
.el-menu--collapse > .el-menu-item span, |
||||
.el-menu--collapse > .el-submenu > .el-submenu__title span { |
||||
height: 0; |
||||
width: 0; |
||||
overflow: hidden; |
||||
visibility: hidden; |
||||
display: inline-block; } |
||||
.el-menu--collapse > .el-menu-item.is-active i { |
||||
color: inherit; } |
||||
.el-menu--collapse .el-menu .el-submenu { |
||||
min-width: 200px; } |
||||
.el-menu--collapse .el-submenu { |
||||
position: relative; } |
||||
.el-menu--collapse .el-submenu .el-menu { |
||||
position: absolute; |
||||
margin-left: 5px; |
||||
top: 0; |
||||
left: 100%; |
||||
z-index: 10; |
||||
border: 1px solid #E4E7ED; |
||||
border-radius: 2px; |
||||
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } |
||||
.el-menu--collapse .el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { |
||||
-webkit-transform: none; |
||||
transform: none; } |
||||
.el-menu--popup { |
||||
z-index: 100; |
||||
min-width: 200px; |
||||
border: none; |
||||
padding: 5px 0; |
||||
border-radius: 2px; |
||||
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); } |
||||
.el-menu--popup-bottom-start { |
||||
margin-top: 5px; } |
||||
.el-menu--popup-right-start { |
||||
margin-left: 5px; |
||||
margin-right: 5px; } |
||||
|
||||
.el-menu-item { |
||||
height: 56px; |
||||
line-height: 56px; |
||||
font-size: 14px; |
||||
color: #303133; |
||||
padding: 0 20px; |
||||
list-style: none; |
||||
cursor: pointer; |
||||
position: relative; |
||||
-webkit-transition: border-color .3s, background-color .3s, color .3s; |
||||
transition: border-color .3s, background-color .3s, color .3s; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
white-space: nowrap; } |
||||
.el-menu-item * { |
||||
vertical-align: middle; } |
||||
.el-menu-item i { |
||||
color: #909399; } |
||||
.el-menu-item:hover, .el-menu-item:focus { |
||||
outline: none; |
||||
background-color: #e6f8ff; } |
||||
.el-menu-item.is-disabled { |
||||
opacity: 0.25; |
||||
cursor: not-allowed; |
||||
background: none !important; } |
||||
.el-menu-item [class^="el-icon-"] { |
||||
margin-right: 5px; |
||||
width: 24px; |
||||
text-align: center; |
||||
font-size: 18px; |
||||
vertical-align: middle; } |
||||
.el-menu-item.is-active { |
||||
color: #00B9FF; } |
||||
.el-menu-item.is-active i { |
||||
color: inherit; } |
||||
|
||||
.el-submenu { |
||||
list-style: none; |
||||
margin: 0; |
||||
padding-left: 0; } |
||||
.el-submenu__title { |
||||
height: 56px; |
||||
line-height: 56px; |
||||
font-size: 14px; |
||||
color: #303133; |
||||
padding: 0 20px; |
||||
list-style: none; |
||||
cursor: pointer; |
||||
position: relative; |
||||
-webkit-transition: border-color .3s, background-color .3s, color .3s; |
||||
transition: border-color .3s, background-color .3s, color .3s; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
white-space: nowrap; } |
||||
.el-submenu__title * { |
||||
vertical-align: middle; } |
||||
.el-submenu__title i { |
||||
color: #909399; } |
||||
.el-submenu__title:hover, .el-submenu__title:focus { |
||||
outline: none; |
||||
background-color: #e6f8ff; } |
||||
.el-submenu__title.is-disabled { |
||||
opacity: 0.25; |
||||
cursor: not-allowed; |
||||
background: none !important; } |
||||
.el-submenu__title:hover { |
||||
background-color: #e6f8ff; } |
||||
.el-submenu .el-menu { |
||||
border: none; } |
||||
.el-submenu .el-menu-item { |
||||
height: 50px; |
||||
line-height: 50px; |
||||
padding: 0 45px; |
||||
min-width: 200px; } |
||||
.el-submenu__icon-arrow { |
||||
position: absolute; |
||||
top: 50%; |
||||
right: 20px; |
||||
margin-top: -7px; |
||||
-webkit-transition: -webkit-transform .3s; |
||||
transition: -webkit-transform .3s; |
||||
transition: transform .3s; |
||||
transition: transform .3s, -webkit-transform .3s; |
||||
font-size: 12px; } |
||||
.el-submenu.is-active .el-submenu__title { |
||||
border-bottom-color: #00B9FF; } |
||||
.el-submenu.is-opened > .el-submenu__title .el-submenu__icon-arrow { |
||||
-webkit-transform: rotateZ(180deg); |
||||
transform: rotateZ(180deg); } |
||||
.el-submenu.is-disabled .el-submenu__title, |
||||
.el-submenu.is-disabled .el-menu-item { |
||||
opacity: 0.25; |
||||
cursor: not-allowed; |
||||
background: none !important; } |
||||
.el-submenu [class^="el-icon-"] { |
||||
vertical-align: middle; |
||||
margin-right: 5px; |
||||
width: 24px; |
||||
text-align: center; |
||||
font-size: 18px; } |
||||
|
||||
.el-menu-item-group > ul { |
||||
padding: 0; } |
||||
|
||||
.el-menu-item-group__title { |
||||
padding: 7px 0 7px 20px; |
||||
line-height: normal; |
||||
font-size: 12px; |
||||
color: #909399; } |
||||
|
||||
.horizontal-collapse-transition .el-submenu__title .el-submenu__icon-arrow { |
||||
-webkit-transition: .2s; |
||||
transition: .2s; |
||||
opacity: 0; } |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,336 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-message { |
||||
min-width: 380px; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
border-radius: 4px; |
||||
border-width: 1px; |
||||
border-style: solid; |
||||
border-color: #EBEEF5; |
||||
position: fixed; |
||||
left: 50%; |
||||
top: 20px; |
||||
-webkit-transform: translateX(-50%); |
||||
transform: translateX(-50%); |
||||
background-color: #edf2fc; |
||||
-webkit-transition: opacity 0.3s, top 0.4s, -webkit-transform .4s; |
||||
transition: opacity 0.3s, top 0.4s, -webkit-transform .4s; |
||||
transition: opacity 0.3s, transform .4s, top 0.4s; |
||||
transition: opacity 0.3s, transform .4s, top 0.4s, -webkit-transform .4s; |
||||
overflow: hidden; |
||||
padding: 15px 15px 15px 20px; |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; } |
||||
.el-message.is-center { |
||||
-webkit-box-pack: center; |
||||
-ms-flex-pack: center; |
||||
justify-content: center; } |
||||
.el-message.is-closable .el-message__content { |
||||
padding-right: 16px; } |
||||
.el-message p { |
||||
margin: 0; } |
||||
.el-message--info .el-message__content { |
||||
color: #909399; } |
||||
.el-message--success { |
||||
background-color: #f0f9eb; |
||||
border-color: #e1f3d8; } |
||||
.el-message--success .el-message__content { |
||||
color: #67C23A; } |
||||
.el-message--warning { |
||||
background-color: #fdf6ec; |
||||
border-color: #faecd8; } |
||||
.el-message--warning .el-message__content { |
||||
color: #E6A23C; } |
||||
.el-message--error { |
||||
background-color: #fef0f0; |
||||
border-color: #fde2e2; } |
||||
.el-message--error .el-message__content { |
||||
color: #F56C6C; } |
||||
.el-message__icon { |
||||
margin-right: 10px; } |
||||
.el-message__content { |
||||
padding: 0; |
||||
font-size: 14px; |
||||
line-height: 1; } |
||||
.el-message__content:focus { |
||||
outline-width: 0; } |
||||
.el-message__closeBtn { |
||||
position: absolute; |
||||
top: 50%; |
||||
right: 15px; |
||||
-webkit-transform: translateY(-50%); |
||||
transform: translateY(-50%); |
||||
cursor: pointer; |
||||
color: #C0C4CC; |
||||
font-size: 16px; } |
||||
.el-message__closeBtn:focus { |
||||
outline-width: 0; } |
||||
.el-message__closeBtn:hover { |
||||
color: #909399; } |
||||
.el-message .el-icon-success { |
||||
color: #67C23A; } |
||||
.el-message .el-icon-error { |
||||
color: #F56C6C; } |
||||
.el-message .el-icon-info { |
||||
color: #909399; } |
||||
.el-message .el-icon-warning { |
||||
color: #E6A23C; } |
||||
|
||||
.el-message-fade-enter, |
||||
.el-message-fade-leave-active { |
||||
opacity: 0; |
||||
-webkit-transform: translate(-50%, -100%); |
||||
transform: translate(-50%, -100%); } |
||||
@ -0,0 +1,323 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-notification { |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
width: 330px; |
||||
padding: 14px 26px 14px 13px; |
||||
border-radius: 8px; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
border: 1px solid #EBEEF5; |
||||
position: fixed; |
||||
background-color: #FFFFFF; |
||||
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||
-webkit-transition: opacity .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s; |
||||
transition: opacity .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s; |
||||
transition: opacity .3s, transform .3s, left .3s, right .3s, top 0.4s, bottom .3s; |
||||
transition: opacity .3s, transform .3s, left .3s, right .3s, top 0.4s, bottom .3s, -webkit-transform .3s; |
||||
overflow: hidden; } |
||||
.el-notification.right { |
||||
right: 16px; } |
||||
.el-notification.left { |
||||
left: 16px; } |
||||
.el-notification__group { |
||||
margin-left: 13px; |
||||
margin-right: 8px; } |
||||
.el-notification__title { |
||||
font-weight: bold; |
||||
font-size: 16px; |
||||
color: #303133; |
||||
margin: 0; } |
||||
.el-notification__content { |
||||
font-size: 14px; |
||||
line-height: 21px; |
||||
margin: 6px 0 0 0; |
||||
color: #606266; |
||||
text-align: justify; } |
||||
.el-notification__content p { |
||||
margin: 0; } |
||||
.el-notification__icon { |
||||
height: 24px; |
||||
width: 24px; |
||||
font-size: 24px; } |
||||
.el-notification__closeBtn { |
||||
position: absolute; |
||||
top: 18px; |
||||
right: 15px; |
||||
cursor: pointer; |
||||
color: #909399; |
||||
font-size: 16px; } |
||||
.el-notification__closeBtn:hover { |
||||
color: #606266; } |
||||
.el-notification .el-icon-success { |
||||
color: #67C23A; } |
||||
.el-notification .el-icon-error { |
||||
color: #F56C6C; } |
||||
.el-notification .el-icon-info { |
||||
color: #909399; } |
||||
.el-notification .el-icon-warning { |
||||
color: #E6A23C; } |
||||
|
||||
.el-notification-fade-enter.right { |
||||
right: 0; |
||||
-webkit-transform: translateX(100%); |
||||
transform: translateX(100%); } |
||||
|
||||
.el-notification-fade-enter.left { |
||||
left: 0; |
||||
-webkit-transform: translateX(-100%); |
||||
transform: translateX(-100%); } |
||||
|
||||
.el-notification-fade-leave-active { |
||||
opacity: 0; } |
||||
@ -0,0 +1,276 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-select-group { |
||||
margin: 0; |
||||
padding: 0; } |
||||
.el-select-group__wrap { |
||||
position: relative; |
||||
list-style: none; |
||||
margin: 0; |
||||
padding: 0; } |
||||
.el-select-group__wrap:not(:last-of-type) { |
||||
padding-bottom: 24px; } |
||||
.el-select-group__wrap:not(:last-of-type)::after { |
||||
content: ''; |
||||
position: absolute; |
||||
display: block; |
||||
left: 20px; |
||||
right: 20px; |
||||
bottom: 12px; |
||||
height: 1px; |
||||
background: #E4E7ED; } |
||||
.el-select-group__title { |
||||
padding-left: 20px; |
||||
font-size: 12px; |
||||
color: #909399; |
||||
line-height: 30px; } |
||||
.el-select-group .el-select-dropdown__item { |
||||
padding-left: 20px; } |
||||
@ -0,0 +1,273 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-select-dropdown__item { |
||||
font-size: 14px; |
||||
padding: 0 20px; |
||||
position: relative; |
||||
white-space: nowrap; |
||||
overflow: hidden; |
||||
text-overflow: ellipsis; |
||||
color: #606266; |
||||
height: 34px; |
||||
line-height: 34px; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; |
||||
cursor: pointer; } |
||||
.el-select-dropdown__item.is-disabled { |
||||
color: #C0C4CC; |
||||
cursor: not-allowed; } |
||||
.el-select-dropdown__item.is-disabled:hover { |
||||
background-color: #FFFFFF; } |
||||
.el-select-dropdown__item.hover, .el-select-dropdown__item:hover { |
||||
background-color: #F5F7FA; } |
||||
.el-select-dropdown__item.selected { |
||||
color: #00B9FF; |
||||
font-weight: bold; } |
||||
@ -0,0 +1,283 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-page-header { |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
line-height: 24px; } |
||||
.el-page-header__left { |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
cursor: pointer; |
||||
margin-right: 40px; |
||||
position: relative; } |
||||
.el-page-header__left::after { |
||||
content: ""; |
||||
position: absolute; |
||||
width: 1px; |
||||
height: 16px; |
||||
right: -20px; |
||||
top: 50%; |
||||
-webkit-transform: translateY(-50%); |
||||
transform: translateY(-50%); |
||||
background-color: #DCDFE6; } |
||||
.el-page-header__left .el-icon-back { |
||||
font-size: 18px; |
||||
margin-right: 6px; |
||||
-ms-flex-item-align: center; |
||||
align-self: center; } |
||||
.el-page-header__title { |
||||
font-size: 14px; |
||||
font-weight: 500; } |
||||
.el-page-header__content { |
||||
font-size: 18px; |
||||
color: #303133; } |
||||
File diff suppressed because it is too large
Load Diff
@ -0,0 +1,264 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-popconfirm__main { |
||||
display: -webkit-box; |
||||
display: -ms-flexbox; |
||||
display: flex; |
||||
-webkit-box-align: center; |
||||
-ms-flex-align: center; |
||||
align-items: center; } |
||||
|
||||
.el-popconfirm__icon { |
||||
margin-right: 5px; } |
||||
|
||||
.el-popconfirm__action { |
||||
text-align: right; |
||||
margin: 0; } |
||||
@ -0,0 +1,605 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-popper .popper__arrow, |
||||
.el-popper .popper__arrow::after { |
||||
position: absolute; |
||||
display: block; |
||||
width: 0; |
||||
height: 0; |
||||
border-color: transparent; |
||||
border-style: solid; } |
||||
|
||||
.el-popper .popper__arrow { |
||||
border-width: 6px; |
||||
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); |
||||
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); } |
||||
|
||||
.el-popper .popper__arrow::after { |
||||
content: " "; |
||||
border-width: 6px; } |
||||
|
||||
.el-popper[x-placement^="top"] { |
||||
margin-bottom: 12px; } |
||||
|
||||
.el-popper[x-placement^="top"] .popper__arrow { |
||||
bottom: -6px; |
||||
left: 50%; |
||||
margin-right: 3px; |
||||
border-top-color: #EBEEF5; |
||||
border-bottom-width: 0; } |
||||
.el-popper[x-placement^="top"] .popper__arrow::after { |
||||
bottom: 1px; |
||||
margin-left: -6px; |
||||
border-top-color: #FFFFFF; |
||||
border-bottom-width: 0; } |
||||
|
||||
.el-popper[x-placement^="bottom"] { |
||||
margin-top: 12px; } |
||||
|
||||
.el-popper[x-placement^="bottom"] .popper__arrow { |
||||
top: -6px; |
||||
left: 50%; |
||||
margin-right: 3px; |
||||
border-top-width: 0; |
||||
border-bottom-color: #EBEEF5; } |
||||
.el-popper[x-placement^="bottom"] .popper__arrow::after { |
||||
top: 1px; |
||||
margin-left: -6px; |
||||
border-top-width: 0; |
||||
border-bottom-color: #FFFFFF; } |
||||
|
||||
.el-popper[x-placement^="right"] { |
||||
margin-left: 12px; } |
||||
|
||||
.el-popper[x-placement^="right"] .popper__arrow { |
||||
top: 50%; |
||||
left: -6px; |
||||
margin-bottom: 3px; |
||||
border-right-color: #EBEEF5; |
||||
border-left-width: 0; } |
||||
.el-popper[x-placement^="right"] .popper__arrow::after { |
||||
bottom: -6px; |
||||
left: 1px; |
||||
border-right-color: #FFFFFF; |
||||
border-left-width: 0; } |
||||
|
||||
.el-popper[x-placement^="left"] { |
||||
margin-right: 12px; } |
||||
|
||||
.el-popper[x-placement^="left"] .popper__arrow { |
||||
top: 50%; |
||||
right: -6px; |
||||
margin-bottom: 3px; |
||||
border-right-width: 0; |
||||
border-left-color: #EBEEF5; } |
||||
.el-popper[x-placement^="left"] .popper__arrow::after { |
||||
right: 1px; |
||||
bottom: -6px; |
||||
margin-left: -6px; |
||||
border-right-width: 0; |
||||
border-left-color: #FFFFFF; } |
||||
|
||||
.el-popover { |
||||
position: absolute; |
||||
background: #FFFFFF; |
||||
min-width: 150px; |
||||
border-radius: 4px; |
||||
border: 1px solid #EBEEF5; |
||||
padding: 12px; |
||||
z-index: 2000; |
||||
color: #606266; |
||||
line-height: 1.4; |
||||
text-align: justify; |
||||
font-size: 14px; |
||||
-webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); |
||||
word-break: break-all; } |
||||
.el-popover--plain { |
||||
padding: 18px 20px; } |
||||
.el-popover__title { |
||||
color: #303133; |
||||
font-size: 16px; |
||||
line-height: 1; |
||||
margin-bottom: 12px; } |
||||
.el-popover__reference:focus:not(.focusing), .el-popover__reference:focus:hover { |
||||
outline-width: 0; } |
||||
.el-popover:focus:active, .el-popover:focus { |
||||
outline-width: 0; } |
||||
@ -0,0 +1,328 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-popper .popper__arrow, |
||||
.el-popper .popper__arrow::after { |
||||
position: absolute; |
||||
display: block; |
||||
width: 0; |
||||
height: 0; |
||||
border-color: transparent; |
||||
border-style: solid; } |
||||
|
||||
.el-popper .popper__arrow { |
||||
border-width: 6px; |
||||
-webkit-filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); |
||||
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.03)); } |
||||
|
||||
.el-popper .popper__arrow::after { |
||||
content: " "; |
||||
border-width: 6px; } |
||||
|
||||
.el-popper[x-placement^="top"] { |
||||
margin-bottom: 12px; } |
||||
|
||||
.el-popper[x-placement^="top"] .popper__arrow { |
||||
bottom: -6px; |
||||
left: 50%; |
||||
margin-right: 3px; |
||||
border-top-color: #EBEEF5; |
||||
border-bottom-width: 0; } |
||||
.el-popper[x-placement^="top"] .popper__arrow::after { |
||||
bottom: 1px; |
||||
margin-left: -6px; |
||||
border-top-color: #FFFFFF; |
||||
border-bottom-width: 0; } |
||||
|
||||
.el-popper[x-placement^="bottom"] { |
||||
margin-top: 12px; } |
||||
|
||||
.el-popper[x-placement^="bottom"] .popper__arrow { |
||||
top: -6px; |
||||
left: 50%; |
||||
margin-right: 3px; |
||||
border-top-width: 0; |
||||
border-bottom-color: #EBEEF5; } |
||||
.el-popper[x-placement^="bottom"] .popper__arrow::after { |
||||
top: 1px; |
||||
margin-left: -6px; |
||||
border-top-width: 0; |
||||
border-bottom-color: #FFFFFF; } |
||||
|
||||
.el-popper[x-placement^="right"] { |
||||
margin-left: 12px; } |
||||
|
||||
.el-popper[x-placement^="right"] .popper__arrow { |
||||
top: 50%; |
||||
left: -6px; |
||||
margin-bottom: 3px; |
||||
border-right-color: #EBEEF5; |
||||
border-left-width: 0; } |
||||
.el-popper[x-placement^="right"] .popper__arrow::after { |
||||
bottom: -6px; |
||||
left: 1px; |
||||
border-right-color: #FFFFFF; |
||||
border-left-width: 0; } |
||||
|
||||
.el-popper[x-placement^="left"] { |
||||
margin-right: 12px; } |
||||
|
||||
.el-popper[x-placement^="left"] .popper__arrow { |
||||
top: 50%; |
||||
right: -6px; |
||||
margin-bottom: 3px; |
||||
border-right-width: 0; |
||||
border-left-color: #EBEEF5; } |
||||
.el-popper[x-placement^="left"] .popper__arrow::after { |
||||
right: 1px; |
||||
bottom: -6px; |
||||
margin-left: -6px; |
||||
border-right-width: 0; |
||||
border-left-color: #FFFFFF; } |
||||
@ -0,0 +1,349 @@ |
||||
/* BEM support Func |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
/* Break-points |
||||
-------------------------- */ |
||||
/* Scrollbar |
||||
-------------------------- */ |
||||
/* Placeholder |
||||
-------------------------- */ |
||||
/* BEM |
||||
-------------------------- */ |
||||
/* Element Chalk Variables */ |
||||
/* Transition |
||||
-------------------------- */ |
||||
/* Color |
||||
-------------------------- */ |
||||
/* 53a8ff */ |
||||
/* 66b1ff */ |
||||
/* 79bbff */ |
||||
/* 8cc5ff */ |
||||
/* a0cfff */ |
||||
/* b3d8ff */ |
||||
/* c6e2ff */ |
||||
/* d9ecff */ |
||||
/* ecf5ff */ |
||||
/* Link |
||||
-------------------------- */ |
||||
/* Border |
||||
-------------------------- */ |
||||
/* Fill |
||||
-------------------------- */ |
||||
/* Typography |
||||
-------------------------- */ |
||||
/* Size |
||||
-------------------------- */ |
||||
/* z-index |
||||
-------------------------- */ |
||||
/* Disable base |
||||
-------------------------- */ |
||||
/* Icon |
||||
-------------------------- */ |
||||
/* Checkbox |
||||
-------------------------- */ |
||||
/* Radio |
||||
-------------------------- */ |
||||
/* Select |
||||
-------------------------- */ |
||||
/* Alert |
||||
-------------------------- */ |
||||
/* MessageBox |
||||
-------------------------- */ |
||||
/* Message |
||||
-------------------------- */ |
||||
/* Notification |
||||
-------------------------- */ |
||||
/* Input |
||||
-------------------------- */ |
||||
/* Cascader |
||||
-------------------------- */ |
||||
/* Group |
||||
-------------------------- */ |
||||
/* Tab |
||||
-------------------------- */ |
||||
/* Button |
||||
-------------------------- */ |
||||
/* cascader |
||||
-------------------------- */ |
||||
/* Switch |
||||
-------------------------- */ |
||||
/* Dialog |
||||
-------------------------- */ |
||||
/* Table |
||||
-------------------------- */ |
||||
/* Pagination |
||||
-------------------------- */ |
||||
/* Popup |
||||
-------------------------- */ |
||||
/* Popover |
||||
-------------------------- */ |
||||
/* Tooltip |
||||
-------------------------- */ |
||||
/* Tag |
||||
-------------------------- */ |
||||
/* Tree |
||||
-------------------------- */ |
||||
/* Dropdown |
||||
-------------------------- */ |
||||
/* Badge |
||||
-------------------------- */ |
||||
/* Card |
||||
--------------------------*/ |
||||
/* Slider |
||||
--------------------------*/ |
||||
/* Steps |
||||
--------------------------*/ |
||||
/* Menu |
||||
--------------------------*/ |
||||
/* Rate |
||||
--------------------------*/ |
||||
/* DatePicker |
||||
--------------------------*/ |
||||
/* Loading |
||||
--------------------------*/ |
||||
/* Scrollbar |
||||
--------------------------*/ |
||||
/* Carousel |
||||
--------------------------*/ |
||||
/* Collapse |
||||
--------------------------*/ |
||||
/* Transfer |
||||
--------------------------*/ |
||||
/* Header |
||||
--------------------------*/ |
||||
/* Footer |
||||
--------------------------*/ |
||||
/* Main |
||||
--------------------------*/ |
||||
/* Timeline |
||||
--------------------------*/ |
||||
/* Backtop |
||||
--------------------------*/ |
||||
/* Link |
||||
--------------------------*/ |
||||
/* Calendar |
||||
--------------------------*/ |
||||
/* Form |
||||
-------------------------- */ |
||||
/* Avatar |
||||
--------------------------*/ |
||||
/* Break-point |
||||
--------------------------*/ |
||||
.el-progress { |
||||
position: relative; |
||||
line-height: 1; } |
||||
.el-progress__text { |
||||
font-size: 14px; |
||||
color: #606266; |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
margin-left: 10px; |
||||
line-height: 1; } |
||||
.el-progress__text i { |
||||
vertical-align: middle; |
||||
display: block; } |
||||
.el-progress--circle, .el-progress--dashboard { |
||||
display: inline-block; } |
||||
.el-progress--circle .el-progress__text, .el-progress--dashboard .el-progress__text { |
||||
position: absolute; |
||||
top: 50%; |
||||
left: 0; |
||||
width: 100%; |
||||
text-align: center; |
||||
margin: 0; |
||||
-webkit-transform: translate(0, -50%); |
||||
transform: translate(0, -50%); } |
||||
.el-progress--circle .el-progress__text i, .el-progress--dashboard .el-progress__text i { |
||||
vertical-align: middle; |
||||
display: inline-block; } |
||||
.el-progress--without-text .el-progress__text { |
||||
display: none; } |
||||
.el-progress--without-text .el-progress-bar { |
||||
padding-right: 0; |
||||
margin-right: 0; |
||||
display: block; } |
||||
.el-progress--text-inside .el-progress-bar { |
||||
padding-right: 0; |
||||
margin-right: 0; } |
||||
.el-progress.is-success .el-progress-bar__inner { |
||||
background-color: #67C23A; } |
||||
.el-progress.is-success .el-progress__text { |
||||
color: #67C23A; } |
||||
.el-progress.is-warning .el-progress-bar__inner { |
||||
background-color: #E6A23C; } |
||||
.el-progress.is-warning .el-progress__text { |
||||
color: #E6A23C; } |
||||
.el-progress.is-exception .el-progress-bar__inner { |
||||
background-color: #F56C6C; } |
||||
.el-progress.is-exception .el-progress__text { |
||||
color: #F56C6C; } |
||||
|
||||
.el-progress-bar { |
||||
padding-right: 50px; |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
width: 100%; |
||||
margin-right: -55px; |
||||
-webkit-box-sizing: border-box; |
||||
box-sizing: border-box; } |
||||
.el-progress-bar__outer { |
||||
height: 6px; |
||||
border-radius: 100px; |
||||
background-color: #EBEEF5; |
||||
overflow: hidden; |
||||
position: relative; |
||||
vertical-align: middle; } |
||||
.el-progress-bar__inner { |
||||
position: absolute; |
||||
left: 0; |
||||
top: 0; |
||||
height: 100%; |
||||
background-color: #00B9FF; |
||||
text-align: right; |
||||
border-radius: 100px; |
||||
line-height: 1; |
||||
white-space: nowrap; |
||||
-webkit-transition: width 0.6s ease; |
||||
transition: width 0.6s ease; } |
||||
.el-progress-bar__inner::after { |
||||
display: inline-block; |
||||
content: ""; |
||||
height: 100%; |
||||
vertical-align: middle; } |
||||
.el-progress-bar__innerText { |
||||
display: inline-block; |
||||
vertical-align: middle; |
||||
color: #FFFFFF; |
||||
font-size: 12px; |
||||
margin: 0 5px; } |
||||
|
||||
@-webkit-keyframes progress { |
||||
0% { |
||||
background-position: 0 0; } |
||||
100% { |
||||
background-position: 32px 0; } } |
||||
|
||||
@keyframes progress { |
||||
0% { |
||||
background-position: 0 0; } |
||||
100% { |
||||
background-position: 32px 0; } } |
||||
Loading…
Reference in new issue