|
|
@ -0,0 +1,744 @@ |
|
|
|
|
|
<template> |
|
|
|
|
|
<div id="app" :class="$i18n.locale == 'en' ? 'enlishBoxContent' : ''"> |
|
|
|
|
|
<router-view v-if="isRouteAlive" /> |
|
|
|
|
|
</div> |
|
|
|
|
|
</template> |
|
|
|
|
|
<script> |
|
|
|
|
|
import { bindAccountChanged } from "@/wallet/metamask"; |
|
|
|
|
|
export default { |
|
|
|
|
|
data() { |
|
|
|
|
|
return { |
|
|
|
|
|
isRouteAlive: true, |
|
|
|
|
|
}; |
|
|
|
|
|
}, |
|
|
|
|
|
provide() { |
|
|
|
|
|
return { |
|
|
|
|
|
reload: this.reload, |
|
|
|
|
|
}; |
|
|
|
|
|
}, |
|
|
|
|
|
created() { |
|
|
|
|
|
if (location.href.includes("https://storage.titannet.io/link?")) { |
|
|
|
|
|
location.replace( |
|
|
|
|
|
location.href.replace( |
|
|
|
|
|
"https://storage.titannet.io/link?", |
|
|
|
|
|
"https://api-test1.container1.titannet.io/link?" |
|
|
|
|
|
) |
|
|
|
|
|
); |
|
|
|
|
|
} |
|
|
|
|
|
}, |
|
|
|
|
|
methods: { |
|
|
|
|
|
reload() { |
|
|
|
|
|
this.isRouteAlive = false; |
|
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
|
this.isRouteAlive = true; |
|
|
|
|
|
}); |
|
|
|
|
|
}, |
|
|
|
|
|
}, |
|
|
|
|
|
mounted() { |
|
|
|
|
|
bindAccountChanged(); |
|
|
|
|
|
}, |
|
|
|
|
|
}; |
|
|
|
|
|
</script> |
|
|
|
|
|
<style lang="less"> |
|
|
|
|
|
.language-color-two { |
|
|
|
|
|
margin-left: 20px; |
|
|
|
|
|
font-size: 18px; |
|
|
|
|
|
.activelanguage { |
|
|
|
|
|
color: #06c270 !important; |
|
|
|
|
|
font-weight: bolder; |
|
|
|
|
|
} |
|
|
|
|
|
> span:nth-child(2) { |
|
|
|
|
|
margin: 0 3px; |
|
|
|
|
|
} |
|
|
|
|
|
> span:nth-child(1), |
|
|
|
|
|
> span:nth-child(3) { |
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.Estimated { |
|
|
|
|
|
margin-top: 42px; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
.finish-color { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: flex-end; |
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
.hovercreate-money { |
|
|
|
|
|
position: relative; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: flex-end; |
|
|
|
|
|
color: #a1ffa1; |
|
|
|
|
|
width: 130px; |
|
|
|
|
|
height: 40px; |
|
|
|
|
|
border-radius: 8px 8px 8px 8px; |
|
|
|
|
|
padding: 1px; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
background: linear-gradient( |
|
|
|
|
|
180deg, |
|
|
|
|
|
rgba(108, 157, 135, 1), |
|
|
|
|
|
rgba(27, 39, 29, 1), |
|
|
|
|
|
rgba(58, 74, 59, 1) |
|
|
|
|
|
); |
|
|
|
|
|
.hover-Btn-color { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
border-radius: 8px; |
|
|
|
|
|
background: linear-gradient( |
|
|
|
|
|
180deg, |
|
|
|
|
|
#556d58 0%, |
|
|
|
|
|
#364b42 19%, |
|
|
|
|
|
#1e2b20 52%, |
|
|
|
|
|
#1f321f 76%, |
|
|
|
|
|
#354337 100% |
|
|
|
|
|
); |
|
|
|
|
|
.el-button--default { |
|
|
|
|
|
background: none !important; |
|
|
|
|
|
border: none !important; |
|
|
|
|
|
color: #a1ffa1 !important; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.login-line { |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
width: 82px; |
|
|
|
|
|
height: 2px; |
|
|
|
|
|
background: #c7efc6; |
|
|
|
|
|
bottom: 0; |
|
|
|
|
|
left: 50%; |
|
|
|
|
|
margin-left: -41px; |
|
|
|
|
|
display: none; |
|
|
|
|
|
} |
|
|
|
|
|
&:hover { |
|
|
|
|
|
.hover-Btn-color { |
|
|
|
|
|
color: #a1ffa1 !important; |
|
|
|
|
|
background: linear-gradient( |
|
|
|
|
|
180deg, |
|
|
|
|
|
#25775a 0%, |
|
|
|
|
|
#1a3f2f 26%, |
|
|
|
|
|
#0d3023 52%, |
|
|
|
|
|
#183629 76%, |
|
|
|
|
|
#154d35 100% |
|
|
|
|
|
) |
|
|
|
|
|
rgba(250, 251, 235, 0.1) !important; |
|
|
|
|
|
} |
|
|
|
|
|
.login-line { |
|
|
|
|
|
display: block; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.left { |
|
|
|
|
|
width: 311px; |
|
|
|
|
|
height: 40px; |
|
|
|
|
|
border-radius: 8px; |
|
|
|
|
|
padding: 1px; |
|
|
|
|
|
background: linear-gradient( |
|
|
|
|
|
180deg, |
|
|
|
|
|
rgba(108, 157, 135, 1), |
|
|
|
|
|
rgba(58, 74, 59, 1) |
|
|
|
|
|
); |
|
|
|
|
|
.left-content-file { |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
background: rgba(15, 23, 16, 1); |
|
|
|
|
|
border-radius: 8px; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
color: #a1ffa1; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
padding: 0 10px; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.right { |
|
|
|
|
|
width: 130px; |
|
|
|
|
|
height: 40px; |
|
|
|
|
|
border-radius: 8px; |
|
|
|
|
|
padding: 1px; |
|
|
|
|
|
background: linear-gradient( |
|
|
|
|
|
180deg, |
|
|
|
|
|
rgba(108, 157, 135, 1), |
|
|
|
|
|
rgba(27, 39, 29, 1), |
|
|
|
|
|
rgba(58, 74, 59, 1) |
|
|
|
|
|
); |
|
|
|
|
|
.store-now-color { |
|
|
|
|
|
color: #a1ffa1; |
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
border-radius: 8px; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
background: linear-gradient( |
|
|
|
|
|
180deg, |
|
|
|
|
|
#556d58 0%, |
|
|
|
|
|
#364b42 19%, |
|
|
|
|
|
#1e2b20 52%, |
|
|
|
|
|
#1f321f 76%, |
|
|
|
|
|
#354337 100% |
|
|
|
|
|
); |
|
|
|
|
|
} |
|
|
|
|
|
// width: 120px; |
|
|
|
|
|
// height: 48px; |
|
|
|
|
|
// background: #67c23a; |
|
|
|
|
|
// border-radius: 10px; |
|
|
|
|
|
// cursor: pointer; |
|
|
|
|
|
// color: #fff; |
|
|
|
|
|
// font-weight: 600; |
|
|
|
|
|
// font-size: 16px; |
|
|
|
|
|
// display: flex; |
|
|
|
|
|
// align-items: center; |
|
|
|
|
|
// justify-content: center; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.storagelease-box { |
|
|
|
|
|
/deep/ .el-slider__button-wrapper { |
|
|
|
|
|
top: -3px !important; |
|
|
|
|
|
} |
|
|
|
|
|
/deep/ .el-slider__button-wrapper { |
|
|
|
|
|
width: 18px !important; |
|
|
|
|
|
height: 9px !important; |
|
|
|
|
|
} |
|
|
|
|
|
/deep/ .el-slider__button { |
|
|
|
|
|
// width: 18px !important; |
|
|
|
|
|
// height: 9px !important; |
|
|
|
|
|
// background: #FFFFFF !important; |
|
|
|
|
|
border-radius: 6px !important; |
|
|
|
|
|
border: none !important; |
|
|
|
|
|
width: 18px !important; |
|
|
|
|
|
height: 9px !important; |
|
|
|
|
|
// border-radius: 30%!important; |
|
|
|
|
|
background: #fff !important; |
|
|
|
|
|
position: relative; |
|
|
|
|
|
left: -14px; |
|
|
|
|
|
} |
|
|
|
|
|
/deep/ .el-slider__bar { |
|
|
|
|
|
background: #11c16d !important; |
|
|
|
|
|
height: 16px !important; |
|
|
|
|
|
border-radius: 50px; |
|
|
|
|
|
} |
|
|
|
|
|
/deep/ .el-slider__runway { |
|
|
|
|
|
background: #415348 !important; |
|
|
|
|
|
border-radius: 50px !important; |
|
|
|
|
|
height: 16px !important; |
|
|
|
|
|
} |
|
|
|
|
|
/deep/ .el-slider { |
|
|
|
|
|
width: 453px; |
|
|
|
|
|
height: 24px; |
|
|
|
|
|
// border-image: linear-gradient(180deg, rgba(108, 157, 135, 1), rgba(58, 74, 59, 1)) 1 1 !important; |
|
|
|
|
|
padding: 1px; |
|
|
|
|
|
border-radius: 50px; |
|
|
|
|
|
border: 1px solid #3a4a3b; |
|
|
|
|
|
padding: 0 3px; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
// background:red; |
|
|
|
|
|
} |
|
|
|
|
|
.title { |
|
|
|
|
|
color: #cae9ca; |
|
|
|
|
|
font-size: 16px; |
|
|
|
|
|
margin-bottom: 38px; |
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.confirm-Cancel-btn { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
margin-top: 24px; |
|
|
|
|
|
.hovercreate-money { |
|
|
|
|
|
position: relative; |
|
|
|
|
|
.login-line { |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
width: 82px; |
|
|
|
|
|
height: 2px; |
|
|
|
|
|
background: #c7efc6; |
|
|
|
|
|
bottom: 0; |
|
|
|
|
|
left: 50%; |
|
|
|
|
|
margin-left: -41px; |
|
|
|
|
|
display: none; |
|
|
|
|
|
} |
|
|
|
|
|
&:hover { |
|
|
|
|
|
.hover-Btn-color { |
|
|
|
|
|
background: linear-gradient( |
|
|
|
|
|
180deg, |
|
|
|
|
|
#25775a 0%, |
|
|
|
|
|
#1a3f2f 26%, |
|
|
|
|
|
#0d3023 52%, |
|
|
|
|
|
#183629 76%, |
|
|
|
|
|
#154d35 100% |
|
|
|
|
|
) |
|
|
|
|
|
rgba(250, 251, 235, 0.1) !important; |
|
|
|
|
|
} |
|
|
|
|
|
.login-line { |
|
|
|
|
|
display: block; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.canl-query { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
> div:nth-child(1) { |
|
|
|
|
|
width: 180px; |
|
|
|
|
|
height: 40px; |
|
|
|
|
|
border-radius: 8px 8px 8px 8px; |
|
|
|
|
|
opacity: 1; |
|
|
|
|
|
padding: 1px; |
|
|
|
|
|
margin-right: 23px; |
|
|
|
|
|
border: 1px solid #6c9d87; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
color: #a1ffa1; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
// border-image: linear-gradient(180deg, rgba(108, 157, 135, 1), rgba(58, 74, 59, 1)) 1 1; |
|
|
|
|
|
// >div{ |
|
|
|
|
|
// border-radius: 8px 8px 8px 8px; |
|
|
|
|
|
// width:100%; |
|
|
|
|
|
// height:100%; |
|
|
|
|
|
// background: linear-gradient(180deg, #053122 0%, #10120D 100%); |
|
|
|
|
|
// } |
|
|
|
|
|
} |
|
|
|
|
|
> div:nth-child(2) { |
|
|
|
|
|
color: #a1ffa1; |
|
|
|
|
|
width: 180px; |
|
|
|
|
|
height: 40px; |
|
|
|
|
|
border-radius: 8px 8px 8px 8px; |
|
|
|
|
|
padding: 1px; |
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
background: linear-gradient( |
|
|
|
|
|
180deg, |
|
|
|
|
|
rgba(108, 157, 135, 1), |
|
|
|
|
|
rgba(27, 39, 29, 1), |
|
|
|
|
|
rgba(58, 74, 59, 1) |
|
|
|
|
|
); |
|
|
|
|
|
> div:nth-child(1) { |
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
border-radius: 8px 8px 8px 8px; |
|
|
|
|
|
width: 100%; |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
background: linear-gradient( |
|
|
|
|
|
180deg, |
|
|
|
|
|
#556d58 0%, |
|
|
|
|
|
#364b42 19%, |
|
|
|
|
|
#1e2b20 52%, |
|
|
|
|
|
#1f321f 76%, |
|
|
|
|
|
#354337 100% |
|
|
|
|
|
); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.el-pagination__sizes .el-input .el-input__inner:hover { |
|
|
|
|
|
border-color: #11c16d !important ; |
|
|
|
|
|
} |
|
|
|
|
|
.el-pagination__jump { |
|
|
|
|
|
color: #4f5470 !important; |
|
|
|
|
|
} |
|
|
|
|
|
.cancel-btn { |
|
|
|
|
|
color: #a1ffa1 !important; |
|
|
|
|
|
border: 1px solid #3a4a3b; |
|
|
|
|
|
background: none !important; |
|
|
|
|
|
&:hover { |
|
|
|
|
|
color: #a1ffa1 !important; |
|
|
|
|
|
border: 1px solid #3a4a3b; |
|
|
|
|
|
// background:#fff; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.confirm-btnapi { |
|
|
|
|
|
background: linear-gradient( |
|
|
|
|
|
180deg, |
|
|
|
|
|
#556d58 0%, |
|
|
|
|
|
#364b42 19%, |
|
|
|
|
|
#1e2b20 52%, |
|
|
|
|
|
#1f321f 76%, |
|
|
|
|
|
#354337 100% |
|
|
|
|
|
) !important; |
|
|
|
|
|
border-color: #354337 !important; |
|
|
|
|
|
color: #a1ffa1 !important; |
|
|
|
|
|
// background: #67C23A !important; |
|
|
|
|
|
// border-color: #67C23A !important; |
|
|
|
|
|
&:hover { |
|
|
|
|
|
background: linear-gradient( |
|
|
|
|
|
180deg, |
|
|
|
|
|
#25775a 0%, |
|
|
|
|
|
#1a3f2f 26%, |
|
|
|
|
|
#0d3023 52%, |
|
|
|
|
|
#183629 76%, |
|
|
|
|
|
#154d35 100% |
|
|
|
|
|
) |
|
|
|
|
|
rgba(250, 251, 235, 0.1) !important; |
|
|
|
|
|
border-color: #67c23a; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.el-message-box { |
|
|
|
|
|
background: linear-gradient(180deg, #053122 0%, #10120d 100%) !important; |
|
|
|
|
|
border: none !important; |
|
|
|
|
|
.el-message-box__content { |
|
|
|
|
|
color: #cae9ca !important; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.titan-table-box-center { |
|
|
|
|
|
border: none !important; |
|
|
|
|
|
padding-top: 0 !important; |
|
|
|
|
|
.el-table thead tr { |
|
|
|
|
|
background: #f1f9f2 !important; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.titan-paginationbox1 { |
|
|
|
|
|
.el-pagination.is-background .btn-next, |
|
|
|
|
|
.el-pagination.is-background .btn-prev, |
|
|
|
|
|
.el-pagination.is-background .el-pager li { |
|
|
|
|
|
margin: 0 1px !important; |
|
|
|
|
|
} |
|
|
|
|
|
margin-top: 24px; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: flex-end; |
|
|
|
|
|
.el-pagination.is-background .btn-next, |
|
|
|
|
|
.el-pagination.is-background .btn-prev, |
|
|
|
|
|
.el-pagination.is-background .el-pager li { |
|
|
|
|
|
width: 20px !important; |
|
|
|
|
|
height: 26px !important; |
|
|
|
|
|
background: #ffffff; |
|
|
|
|
|
border-radius: 4px !important; |
|
|
|
|
|
border: 1px solid #dcdfe6; |
|
|
|
|
|
color: #4f5470; |
|
|
|
|
|
line-height: 26px; |
|
|
|
|
|
} |
|
|
|
|
|
.el-pagination.is-background .el-pager li:not(.disabled).active { |
|
|
|
|
|
background: #11c16d !important; |
|
|
|
|
|
color: #fff !important; |
|
|
|
|
|
border: 1px solid #11c16d !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-input--mini .el-input__inner { |
|
|
|
|
|
height: 26px; |
|
|
|
|
|
line-height: 26px; |
|
|
|
|
|
color: #4f5470; |
|
|
|
|
|
} |
|
|
|
|
|
.el-pagination__editor.el-input .el-input__inner { |
|
|
|
|
|
height: 26px; |
|
|
|
|
|
line-height: 26px; |
|
|
|
|
|
color: #4f5470; |
|
|
|
|
|
} |
|
|
|
|
|
.content { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
.page-total { |
|
|
|
|
|
color: #4f5470; |
|
|
|
|
|
margin-right: 12px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.titan-paginationbox { |
|
|
|
|
|
margin-top: 24px; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
justify-content: flex-end; |
|
|
|
|
|
.el-pagination.is-background .btn-next, |
|
|
|
|
|
.el-pagination.is-background .btn-prev, |
|
|
|
|
|
.el-pagination.is-background .el-pager li { |
|
|
|
|
|
width: 32px !important; |
|
|
|
|
|
height: 32px !important; |
|
|
|
|
|
background: #ffffff; |
|
|
|
|
|
border-radius: 4px 4px 4px 4px !important; |
|
|
|
|
|
border: 1px solid #dcdfe6; |
|
|
|
|
|
color: #4f5470; |
|
|
|
|
|
} |
|
|
|
|
|
.el-pagination.is-background .el-pager li:not(.disabled).active { |
|
|
|
|
|
background: #11c16d !important; |
|
|
|
|
|
color: #fff !important; |
|
|
|
|
|
border: 1px solid #11c16d !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-input--mini .el-input__inner { |
|
|
|
|
|
height: 32px; |
|
|
|
|
|
line-height: 32px; |
|
|
|
|
|
color: #4f5470; |
|
|
|
|
|
} |
|
|
|
|
|
.el-pagination__editor.el-input .el-input__inner { |
|
|
|
|
|
height: 32px; |
|
|
|
|
|
line-height: 32px; |
|
|
|
|
|
color: #4f5470; |
|
|
|
|
|
} |
|
|
|
|
|
.content { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
.page-total { |
|
|
|
|
|
color: #4f5470; |
|
|
|
|
|
margin-right: 12px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
input:focus { |
|
|
|
|
|
outline: none; |
|
|
|
|
|
border: none; |
|
|
|
|
|
} |
|
|
|
|
|
.titan-table { |
|
|
|
|
|
.el-table--border, |
|
|
|
|
|
.el-table--group { |
|
|
|
|
|
border: none; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.titan-table-box { |
|
|
|
|
|
border-radius: 10px !important; |
|
|
|
|
|
padding-bottom: 20px; |
|
|
|
|
|
// padding-top: 5px; |
|
|
|
|
|
background: #fff; |
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
border: 1px solid #ececec; |
|
|
|
|
|
.el-table tr { |
|
|
|
|
|
height: 32px !important; |
|
|
|
|
|
} |
|
|
|
|
|
.empty-table-box { |
|
|
|
|
|
height: 318px; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
.null { |
|
|
|
|
|
} |
|
|
|
|
|
.empty-img { |
|
|
|
|
|
width: 200px; |
|
|
|
|
|
height: 200px; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.el-table { |
|
|
|
|
|
color: #2f3133 !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-table td.el-table__cell, |
|
|
|
|
|
.el-table th.el-table__cell.is-leaf { |
|
|
|
|
|
border-bottom: 1px solid #e6ebf0; |
|
|
|
|
|
} |
|
|
|
|
|
.el-table--border::after, |
|
|
|
|
|
.el-table--group::after, |
|
|
|
|
|
.el-table::before { |
|
|
|
|
|
background: none !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-table--border .el-table__cell, |
|
|
|
|
|
.el-table__body-wrapper |
|
|
|
|
|
.el-table--border.is-scrolling-left |
|
|
|
|
|
~ .el-table__fixed { |
|
|
|
|
|
border-right: none !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-table--border, |
|
|
|
|
|
.el-table--group { |
|
|
|
|
|
border: none !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-table thead tr { |
|
|
|
|
|
// background: #F1F9F2 !important; |
|
|
|
|
|
background: #fafafb; |
|
|
|
|
|
color: #476668 !important; |
|
|
|
|
|
font-size: 14px !important; |
|
|
|
|
|
font-weight: 400 !important; |
|
|
|
|
|
font-family: PingFang SC-Medium, PingFang SC; |
|
|
|
|
|
height: 32px !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-table th.el-table__cell { |
|
|
|
|
|
background: none !important; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.metacustomClass { |
|
|
|
|
|
.el-button--default { |
|
|
|
|
|
background: #67c23a !important; |
|
|
|
|
|
color: #fff !important; |
|
|
|
|
|
border-color: #67c23a !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-message-box__close { |
|
|
|
|
|
color: #67c23a !important; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.imgColopointer { |
|
|
|
|
|
cursor: pointer; |
|
|
|
|
|
} |
|
|
|
|
|
.paginationbox { |
|
|
|
|
|
font-size: 14px !important; |
|
|
|
|
|
.el-pagination__sizes { |
|
|
|
|
|
height: 33px !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-select-dropdown__item.selected { |
|
|
|
|
|
color: #67c23a !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-input__inner { |
|
|
|
|
|
// outline: 1px solid #DDDDDD !important; |
|
|
|
|
|
} |
|
|
|
|
|
[data-v-ecebbf8c] .el-select .el-input__inner:focus { |
|
|
|
|
|
border: 1px solid #ddd !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-input.is-active .el-input__inner, |
|
|
|
|
|
.el-input__inner:focus { |
|
|
|
|
|
border: 1px solid #ddd !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-pagination .el-select .el-input .el-input__inner { |
|
|
|
|
|
height: 33px !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-pagination.is-background .el-pager li:not(.disabled).active { |
|
|
|
|
|
background: #67c23a !important; |
|
|
|
|
|
// background:rgba(221, 221, 221, 0.3) !important; |
|
|
|
|
|
color: #fff !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-pagination.is-background .el-pager li:not(.disabled):hover { |
|
|
|
|
|
// color: #606266 !important; |
|
|
|
|
|
color: #222 !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-pagination.is-background .btn-next, |
|
|
|
|
|
.el-pagination.is-background .btn-prev, |
|
|
|
|
|
.el-pagination.is-background .el-pager li { |
|
|
|
|
|
color: #222 !important; |
|
|
|
|
|
background: rgba(221, 221, 221, 0.3) !important; |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.el-pagination__jump { |
|
|
|
|
|
margin-left: 39px !important; |
|
|
|
|
|
height: 33px !important; |
|
|
|
|
|
color: #222 !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-pagination__editor.el-input { |
|
|
|
|
|
margin-left: 15px !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-pagination__editor.el-input .el-input__inner { |
|
|
|
|
|
height: 33px !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-pagination__editor { |
|
|
|
|
|
height: 33px !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-pagination__sizes .el-input .el-input__inner:hover { |
|
|
|
|
|
border-color: #67c23a !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-input__inner { |
|
|
|
|
|
height: 33px; |
|
|
|
|
|
background: #ffffff !important; |
|
|
|
|
|
border: 1px solid #ddd !important; |
|
|
|
|
|
border-radius: 5px !important; |
|
|
|
|
|
color: #222 !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-pagination.is-background .el-pager li:not(.disabled).active:hover { |
|
|
|
|
|
color: #fff !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-pagination__total { |
|
|
|
|
|
height: 33px !important; |
|
|
|
|
|
line-height: 33px !important; |
|
|
|
|
|
margin-right: 19px !important; |
|
|
|
|
|
color: #222222 !important; |
|
|
|
|
|
font-size: 14px !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-input--mini { |
|
|
|
|
|
width: 121px !important; |
|
|
|
|
|
} |
|
|
|
|
|
.el-pager { |
|
|
|
|
|
.number { |
|
|
|
|
|
width: 32px !important; |
|
|
|
|
|
height: 32px !important; |
|
|
|
|
|
line-height: 32px !important; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.btn-prev { |
|
|
|
|
|
width: 32px !important; |
|
|
|
|
|
height: 32px !important; |
|
|
|
|
|
background: rgba(221, 221, 221, 0.3) !important; |
|
|
|
|
|
} |
|
|
|
|
|
.btn-next { |
|
|
|
|
|
width: 32px !important; |
|
|
|
|
|
height: 32px !important; |
|
|
|
|
|
background: rgba(221, 221, 221, 0.3) !important; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
// .el-table::before{ |
|
|
|
|
|
// height:0 !important; |
|
|
|
|
|
// } |
|
|
|
|
|
// .el-pagination .btn-next, .el-pagination .btn-prev{ |
|
|
|
|
|
// background:none !important; |
|
|
|
|
|
// } |
|
|
|
|
|
// .el-pager li{ |
|
|
|
|
|
// background:none !important; |
|
|
|
|
|
// } |
|
|
|
|
|
// .el-pager li.active{ |
|
|
|
|
|
// // color:#000 !important; |
|
|
|
|
|
// } |
|
|
|
|
|
// .customer-no-border-table{ |
|
|
|
|
|
// margin-top:15px; |
|
|
|
|
|
// } |
|
|
|
|
|
// /*去掉表格单元格边框*/ |
|
|
|
|
|
// .customer-no-border-table th{ |
|
|
|
|
|
// border:none; |
|
|
|
|
|
// } |
|
|
|
|
|
// .customer-no-border-table td,.customer-no-border-table th.is-leaf { |
|
|
|
|
|
// border:none; |
|
|
|
|
|
// } |
|
|
|
|
|
// /*表格最外边框*/ |
|
|
|
|
|
// .customer-no-border-table .el-table--border, .el-table--group{ |
|
|
|
|
|
// border: none; |
|
|
|
|
|
// } |
|
|
|
|
|
// /*头部边框*/ |
|
|
|
|
|
// .customer-no-border-table thead tr th.is-leaf{ |
|
|
|
|
|
// border: 0px solid #EBEEF5; |
|
|
|
|
|
// border-right: none; |
|
|
|
|
|
// } |
|
|
|
|
|
// .customer-no-border-table thead tr th:nth-last-of-type(2){ |
|
|
|
|
|
// border-right: 0px solid #EBEEF5; |
|
|
|
|
|
// } |
|
|
|
|
|
// /*表格最外层边框-底部边框*/ |
|
|
|
|
|
// .customer-no-border-table .el-table--border::after,.customer-no-border-table .el-table--group::after{ |
|
|
|
|
|
// width: 0; |
|
|
|
|
|
// } |
|
|
|
|
|
// .customer-no-border-table::before{ |
|
|
|
|
|
// width: 0; |
|
|
|
|
|
// } |
|
|
|
|
|
// .customer-no-border-table .el-table__fixed-right::before,.el-table__fixed::before{ |
|
|
|
|
|
// width: 0; |
|
|
|
|
|
// } |
|
|
|
|
|
// .customer-no-border-table .el-table__header tr th{ |
|
|
|
|
|
// background: #fff; |
|
|
|
|
|
// color: #333333 ; |
|
|
|
|
|
// padding: 3px ; |
|
|
|
|
|
// height: 36px ; |
|
|
|
|
|
// border: 0px; |
|
|
|
|
|
// font-size: 15px; |
|
|
|
|
|
// } |
|
|
|
|
|
// .el-table--border, .el-table--group{ |
|
|
|
|
|
// border:none !important; |
|
|
|
|
|
// } |
|
|
|
|
|
// .el-table td.el-table__cell, .el-table th.el-table__cell.is-leaf{ |
|
|
|
|
|
// border:none !important; |
|
|
|
|
|
// } |
|
|
|
|
|
.el-dialog { |
|
|
|
|
|
display: flex; |
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
margin: 0 !important; |
|
|
|
|
|
position: absolute; |
|
|
|
|
|
top: 50%; |
|
|
|
|
|
left: 50%; |
|
|
|
|
|
transform: translate(-50%, -50%); |
|
|
|
|
|
.el-dialog__body { |
|
|
|
|
|
flex: 1; |
|
|
|
|
|
overflow: auto; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
* { |
|
|
|
|
|
margin: 0; |
|
|
|
|
|
padding: 0; |
|
|
|
|
|
} |
|
|
|
|
|
html, |
|
|
|
|
|
body, |
|
|
|
|
|
#app { |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
font-family: PingFang SC; |
|
|
|
|
|
} |
|
|
|
|
|
.el-container { |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
} |
|
|
|
|
|
.el-aside { |
|
|
|
|
|
height: 100%; |
|
|
|
|
|
} |
|
|
|
|
|
.el-dialog__headerbtn:focus .el-dialog__close, |
|
|
|
|
|
.el-dialog__headerbtn:hover .el-dialog__close { |
|
|
|
|
|
color: #67c23a !important; |
|
|
|
|
|
} |
|
|
|
|
|
</style> |
