Skip to content

M
mes-ui
Commit ba47a4e2 authored by renjintao's avatar renjintao
Browse files
Options

base

parent f01440b8
Hide whitespace changes
Inline Side-by-side
Showing with 766 additions and 682 deletions
assets/css/base.less
View file @ ba47a4e2
html body { html body {
min-width: 1240px; min-width: 1240px;
} }
.__nuxt-error-page { .__nuxt-error-page {
.title { .title {
font-size: 16px; font-size: 16px;
} }
} }
#__nuxt, #__nuxt,
#__layout { #__layout {
height: 100% height: 100%
} }
ul,li{
list-style: none; ul,
li {
list-style: none;
} }
div::-webkit-scrollbar{
width:10px; div::-webkit-scrollbar {
height:10px; width: 10px;
/**/ height: 10px;
} /**/
div::-webkit-scrollbar-track{ }
background: rgb(239, 239, 239);
border-radius:2px; div::-webkit-scrollbar-track {
} background: rgb(239, 239, 239);
div::-webkit-scrollbar-thumb{ border-radius: 2px;
background:rgba(38,128,235,0.5); }
border-radius:10px;
} div::-webkit-scrollbar-thumb {
div::-webkit-scrollbar-thumb:hover{ background: rgba(38, 128, 235, 0.5);
background: rgba(38,128,235,0.8); border-radius: 10px;
} }
div::-webkit-scrollbar-corner{
background: rgba(38,128,235,1); div::-webkit-scrollbar-thumb:hover {
} background: rgba(38, 128, 235, 0.8);
}
div::-webkit-scrollbar-corner {
background: rgba(38, 128, 235, 1);
}
/*flex*/ /*flex*/
.flex{ .flex {
display: flex; display: flex;
//采用flex布局 //采用flex布局
} }
.fc-m{
justify-content: center; .fc-m {
justify-content: center;
} }
.fa-m{
align-items: center; .fa-m {
align-items: center;
} }
.fc-e{
justify-content: flex-end; .fc-e {
justify-content: flex-end;
} }
.fc-b{
justify-content: space-between; .fc-b {
justify-content: space-between;
} }
.fc-a{
justify-content: space-around; .fc-a {
justify-content: space-around;
} }
.fc-ev{
justify-content: space-evenly; .fc-ev {
justify-content: space-evenly;
} }
.fd{
flex-direction: column; .fd {
flex-direction: column;
} }
.fg{
flex-grow: 1; .fg {
flex-grow: 1;
} }
.fs{
flex-shrink: 0; .fs {
flex-shrink: 0;
} }
.fg2{
flex-grow: 2; .fg2 {
flex-grow: 2;
} }
.fos{
order: -1; .fos {
order: -1;
} }
.foe{
order: 99; .foe {
order: 99;
} }
/*字体*/ /*字体*/
.ib { .ib {
display: inline; display: inline;
} }
.f14 { .f14 {
font-size: 14px; font-size: 14px;
} }
.f16 { .f16 {
font-size: 16px; font-size: 16px;
} }
.f18 { .f18 {
font-size: 18px; font-size: 18px;
} }
.f20 { .f20 {
font-size: 20px; font-size: 20px;
} }
.f24 { .f24 {
font-size: 24px; font-size: 24px;
} }
// 字体加粗 // 字体加粗
.fw5 { .fw5 {
font-weight: 500; font-weight: 500;
} }
.fwBold { .fwBold {
font-weight: bold; font-weight: bold;
} }
.ico:hover { .ico:hover {
color: #f23a3a; color: #f23a3a;
cursor: pointer; cursor: pointer;
} }
.stitle{
height: 40px; .stitle {
background-color: #F5F6FA; height: 40px;
line-height: 40px; background-color: #F5F6FA;
line-height: 40px;
} }
//行高 //行高
.lh10 { .lh10 {
line-height: 10px line-height: 10px
} }
.lh15 { .lh15 {
line-height: 15px line-height: 15px
} }
.lh20 { .lh20 {
line-height: 20px line-height: 20px
} }
.lh25 { .lh25 {
line-height: 25px line-height: 25px
} }
.lh30 { .lh30 {
line-height: 30px line-height: 30px
} }
.lh40 { .lh40 {
line-height: 40px line-height: 40px
} }
.lh50 { .lh50 {
line-height: 50px line-height: 50px
} }
/*边距*/ /*边距*/
.m10 { .m10 {
margin: 10px; margin: 10px;
} }
.mt4 { .mt4 {
margin-top: 4px; margin-top: 4px;
} }
.mt5 { .mt5 {
margin-top: 5px; margin-top: 5px;
} }
.mt10 { .mt10 {
margin-top: 10px; margin-top: 10px;
} }
.mt15 { .mt15 {
margin-top: 15px; margin-top: 15px;
} }
.mt20 { .mt20 {
margin-top: 20px; margin-top: 20px;
} }
.mt30 { .mt30 {
margin-top: 30px; margin-top: 30px;
} }
.mt50 { .mt50 {
margin-top: 50px; margin-top: 50px;
} }
.mb0 { .mb0 {
margin-bottom: 0px; margin-bottom: 0px;
} }
.mb10 { .mb10 {
margin-bottom: 10px; margin-bottom: 10px;
} }
.mb15 { .mb15 {
margin-bottom: 15px; margin-bottom: 15px;
} }
.mb20 { .mb20 {
margin-bottom: 20px; margin-bottom: 20px;
} }
.ml0 { .ml0 {
margin-left: 0; margin-left: 0;
} }
.ml5 { .ml5 {
margin-left: 5px; margin-left: 5px;
} }
.ml10 { .ml10 {
margin-left: 10px; margin-left: 10px;
} }
.ml15 { .ml15 {
margin-left: 15px; margin-left: 15px;
} }
.ml20 { .ml20 {
margin-left: 20px; margin-left: 20px;
} }
.ml30 { .ml30 {
margin-left: 30px; margin-left: 30px;
} }
.ml110 { .ml110 {
margin-left: 110px; margin-left: 110px;
} }
.mr0 { .mr0 {
margin-right: 0px; margin-right: 0px;
} }
.mr5 { .mr5 {
margin-right: 5px; margin-right: 5px;
} }
.mr10 { .mr10 {
margin-right: 10px; margin-right: 10px;
} }
.mr15 { .mr15 {
margin-right: 15px; margin-right: 15px;
} }
.mr20 { .mr20 {
margin-right: 20px; margin-right: 20px;
} }
.mr30 { .mr30 {
margin-right: 30px; margin-right: 30px;
} }
.mtb10 { .mtb10 {
margin: 10px 0; margin: 10px 0;
} }
.m15{
margin: 15px; .m15 {
margin: 15px;
} }
/*内边距*/ /*内边距*/
.ptb10 { .ptb10 {
padding: 10px 0px; padding: 10px 0px;
} }
.pd5 { .pd5 {
padding: 5px; padding: 5px;
} }
.pt10 { .pt10 {
padding: 10px 0px 0; padding: 10px 0px 0;
} }
.ptb5 { .ptb5 {
padding-top: 5px; padding-top: 5px;
padding-bottom: 5px; padding-bottom: 5px;
} }
.pd10 { .pd10 {
padding: 10px; padding: 10px;
} }
.p10 { .p10 {
padding: 10px; padding: 10px;
} }
.p20 { .p20 {
padding: 20px; padding: 20px;
} }
.pl30 { .pl30 {
padding-left: 30px padding-left: 30px
} }
.pl5 { .pl5 {
padding-left: 5px padding-left: 5px
} }
.pl10 { .pl10 {
padding-left: 10px padding-left: 10px
} }
.pl20 { .pl20 {
padding-left: 20px padding-left: 20px
} }
.pt15 { .pt15 {
padding-top: 15px padding-top: 15px
} }
.bnone { .bnone {
border: none; border: none;
} }
.marnone { .marnone {
margin: 0; margin: 0;
} }
.hide { .hide {
display: none; display: none;
} }
.show { .show {
display: block; display: block;
} }
.hidden { .hidden {
overflow: hidden; overflow: hidden;
} }
.zh-scroll-y { .zh-scroll-y {
overflow-y: scroll; overflow-y: scroll;
} }
.h-stack { .h-stack {
overflow: visible overflow: visible
} }
.zh-ellip { .zh-ellip {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
// 字体位置 // 字体位置
.ver-m { .ver-m {
vertical-align: middle; vertical-align: middle;
} }
/*栅格化*/ /*栅格化*/
.col-xs6 .col-4 { .col-xs6 .col-4 {
width: 25%; width: 25%;
display: inline-block; display: inline-block;
} }
.col-3 { .col-3 {
width: 33.33333%; width: 33.33333%;
display: inline-block; display: inline-block;
} }
/*宽度*/ /*宽度*/
.w50 { .w50 {
width: 50px width: 50px
} }
.w80 { .w80 {
width: 80px width: 80px
} }
.w100 { .w100 {
width: 100px width: 100px
} }
.w120 { .w120 {
width: 120px width: 120px
} }
.w160 { .w160 {
width: 160px width: 160px
} }
.w180 { .w180 {
width: 180px width: 180px
} }
.w200 { .w200 {
width: 200px width: 200px
} }
.w240 { .w240 {
width: 240px width: 240px
} }
.w270 { .w270 {
width: 270px; width: 270px;
} }
.w300 { .w300 {
width: 300px; width: 300px;
} }
.w800 { .w800 {
width: 800px; width: 800px;
} }
/*高度*/ /*高度*/
.h17 { .h17 {
height: 17px; height: 17px;
line-height: 17px; line-height: 17px;
} }
.h28 { .h28 {
height: 28px; height: 28px;
} }
.h36 { .h36 {
height: 36px; height: 36px;
} }
.h50 { .h50 {
height: 50px; height: 50px;
} }
.h200 { .h200 {
height: 200px; height: 200px;
} }
.h400 { .h400 {
height: 400px; height: 400px;
overflow: auto; overflow: auto;
} }
/*最小高度*/ /*最小高度*/
.minh300 { .minh300 {
min-height: 300px; min-height: 300px;
} }
.minh100 { .minh100 {
min-height: 100px; min-height: 100px;
} }
.minh200 { .minh200 {
min-height: 200px; min-height: 200px;
} }
/*最小宽度*/ /*最小宽度*/
.minW100 { .minW100 {
min-width: 100px min-width: 100px
} }
.minW140 { .minW140 {
min-width: 140px min-width: 140px
} }
.minW200 { .minW200 {
min-width: 200px min-width: 200px
} }
/*最大宽度*/ /*最大宽度*/
.maxW50 { .maxW50 {
max-width: 50px; max-width: 50px;
} }
.maxW80 { .maxW80 {
max-width: 80px; max-width: 80px;
} }
/*按钮*/ /*按钮*/
.button-box { .button-box {
display: inline-block; display: inline-block;
text-align: center; text-align: center;
} }
.button-box-block { .button-box-block {
display: block; display: block;
text-align: center; text-align: center;
} }
.button-box-block .layui-btn, .button-box-block .layui-btn,
.button-box .layui-btn { .button-box .layui-btn {
min-width: 80px; min-width: 80px;
} }
.d-button { .d-button {
min-width: 55px; min-width: 55px;
height: 28px; height: 28px;
padding: 0 10px; padding: 0 10px;
line-height: 30px; line-height: 30px;
text-align: center; text-align: center;
display: inline-block; display: inline-block;
border-radius: 2px; border-radius: 2px;
font-size: 14px; font-size: 14px;
background: #e6e6e6; background: #e6e6e6;
color: #333; color: #333;
margin: 0 5px; margin: 0 5px;
-webkit-box-sizing: content-box; -webkit-box-sizing: content-box;
-moz-box-sizing: content-box; -moz-box-sizing: content-box;
box-sizing: content-box; box-sizing: content-box;
cursor: pointer; cursor: pointer;
-webkit-transition: all .2s; -webkit-transition: all .2s;
-ms-transition: all .2s; -ms-transition: all .2s;
transition: all .2s; transition: all .2s;
} }
.d-button:active { .d-button:active {
transform: scale(.96); transform: scale(.96);
} }
/*按钮颜色*/ /*按钮颜色*/
.bluebg { .bluebg {
background: #237bdf; background: #237bdf;
color: #fff; color: #fff;
} }
.bluebg:hover { .bluebg:hover {
background: #0c79b1; background: #0c79b1;
} }
.redbg { .redbg {
background: #e2440a; background: #e2440a;
} }
.red { .red {
color: #f23a3a; color: #f23a3a;
} }
.redbg:hover { .redbg:hover {
background: #d7342e; background: #d7342e;
} }
.qingbg { .qingbg {
background: #169bd5; background: #169bd5;
color: #fff; color: #fff;
} }
.white { .white {
color: #fff; color: #fff;
} }
.qingbg:hover { .qingbg:hover {
background: #2f93bf; background: #2f93bf;
} }
.blue-tab { .blue-tab {
color: #1e9fff; color: #1e9fff;
} }
.blue-modal-text { .blue-modal-text {
color: #358deb; color: #358deb;
} }
.blue-dark { .blue-dark {
color: #0e2b55; color: #0e2b55;
} }
.blue-shadow { .blue-shadow {
color: #7eccfc; color: #7eccfc;
} }
.orangetext { .orangetext {
color: #fca509; color: #fca509;
} }
.orangebg { .orangebg {
background: #ff9900; background: #ff9900;
} }
.orangebg:hover { .orangebg:hover {
background: #e0690c; background: #e0690c;
} }
.greenbg { .greenbg {
background: #4f9536; background: #4f9536;
} }
.green { .green {
color: #4f9536 color: #4f9536
} }
.greenbg:hover { .greenbg:hover {
background: #4aaa4a; background: #4aaa4a;
} }
.darkblue { .darkblue {
background: #5eb95e background: #5eb95e
} }
.redbd { .redbd {
border: 1px dashed #f23a3a; border: 1px dashed #f23a3a;
color: #f23a3a; color: #f23a3a;
cursor: pointer; cursor: pointer;
} }
.greenbd { .greenbd {
border: 1px dashed #5eb95e; border: 1px dashed #5eb95e;
color: #5eb95e; color: #5eb95e;
} }
.new-blue { .new-blue {
color: #2786f2; color: #2786f2;
} }
.new-green { .new-green {
color: #5eae36; color: #5eae36;
} }
.new-red { .new-red {
color: #fe4b04; color: #fe4b04;
} }
.new-orange { .new-orange {
color: #ff9900; color: #ff9900;
} }
.blueTitle{
color: #2680EB; .blueTitle {
color: #2680EB;
} }
.grayTitle{
color: #333; .grayTitle {
color: #333;
} }
/*图标*/ /*图标*/
i.iconfont { i.iconfont {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
} }
i.iconfont:active { i.iconfont:active {
-webkit-transform: scale(.96); -webkit-transform: scale(.96);
-ms-transform: scale(.96); -ms-transform: scale(.96);
-o-transform: scale(.96); -o-transform: scale(.96);
transform: scale(.96); transform: scale(.96);
} }
...@@ -650,7 +679,7 @@ i.iconfont:active { ...@@ -650,7 +679,7 @@ i.iconfont:active {
i.icon-start, i.icon-start,
i.icon-yundown, i.icon-yundown,
i.icon-save { i.icon-save {
color: #1E9FFF color: #1E9FFF
} }
...@@ -658,699 +687,748 @@ i.icon-save { ...@@ -658,699 +687,748 @@ i.icon-save {
i.icon-tingzhi, i.icon-tingzhi,
i.icon-lajitong { i.icon-lajitong {
color: #FF5722 color: #FF5722
} }
/*青色图标*/ /*青色图标*/
i.icon-edit { i.icon-edit {
color: #518dd8 color: #518dd8
} }
i.icon-huanvar { i.icon-huanvar {
color: #4470a7; color: #4470a7;
font-size: 20px; font-size: 20px;
} }
i.icon-fault { i.icon-fault {
color: #f71a4b color: #f71a4b
} }
i.icon-yujing { i.icon-yujing {
color: #ff9906 color: #ff9906
} }
i.icon-dian { i.icon-dian {
opacity: .5 opacity: .5
} }
/*刷新按钮*/ /*刷新按钮*/
.ico-ratate { .ico-ratate {
animation-name: repRotate; animation-name: repRotate;
} }
i.icon-gengxin { i.icon-gengxin {
animation: linear .8s infinite; animation: linear .8s infinite;
} }
/*浮动*/ /*浮动*/
.fl { .fl {
float: left; float: left;
} }
.fr { .fr {
float: right float: right
} }
.fn { .fn {
float: none float: none
} }
.tl { .tl {
text-align: left; text-align: left;
} }
.tr { .tr {
text-align: right; text-align: right;
} }
.tc { .tc {
text-align: center; text-align: center;
} }
/*清除浮动*/ /*清除浮动*/
.clear { .clear {
clear: both; clear: both;
} }
/*块*/ /*块*/
.block { .block {
display: block; display: block;
} }
.inline { .inline {
display: inline-block; display: inline-block;
} }
.cursor { .cursor {
cursor: pointer; cursor: pointer;
} }
/* 定位 */ /* 定位 */
.pr { .pr {
position: relative; position: relative;
} }
.pa { .pa {
position: absolute position: absolute
} }
/* 展示框title */ /* 展示框title */
.show-title { .show-title {
background: #031019; background: #031019;
letter-spacing: 2px; letter-spacing: 2px;
color: #b6dff8; color: #b6dff8;
text-align: center; text-align: center;
} }
input::-webkit-input-placeholder, input::-webkit-input-placeholder,
select input::-webkit-input-placeholder, select input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder { textarea::-webkit-input-placeholder {
color: #7dbbfb; color: #7dbbfb;
} }
[v-cloak] { [v-cloak] {
display: none; display: none;
} }
// 纵横树的样式 // 纵横树的样式
.zh-tree { .zh-tree {
// position: relative; // position: relative;
display: block; display: block;
width: 250px; width: 250px;
float: left; float: left;
transform: translateX(0); transform: translateX(0);
transition: all .2s; transition: all .2s;
box-sizing: border-box; box-sizing: border-box;
border: #E4E6ED solid 1px; border: #E4E6ED solid 1px;
background: #fff; background: #fff;
padding: 0px 10px 20px 10px; padding: 0px 10px 20px 10px;
margin-top: 10px; margin-top: 10px;
.zh-title { .zh-title {
font-size: 14px; font-size: 14px;
padding: 0 5px; padding: 0 5px;
line-height: 45px; line-height: 45px;
text-align: left; text-align: left;
font-weight: 600; font-weight: 600;
border-bottom: #e4e6ed solid 1px; border-bottom: #e4e6ed solid 1px;
} }
.zh-box { .zh-box {
width: 100%; width: 100%;
height: 100%; height: 100%;
// overflow-y: auto; // overflow-y: auto;
padding: 15px; padding: 15px;
// margin-bottom: -5000px; // margin-bottom: -5000px;
// padding-bottom: 5000px; // padding-bottom: 5000px;
// .tree-content { // .tree-content {
// overflow-y: auto; // overflow-y: auto;
// } // }
} }
} }
// 纵横树右侧区域 // 纵横树右侧区域
.content-right { .content-right {
margin-left: 10px; margin-left: 10px;
width: calc(100% - 260px); width: calc(100% - 260px);
height: 100%; height: 100%;
float: left; float: left;
box-sizing: border-box; box-sizing: border-box;
transition: all .2s; transition: all .2s;
background: #fff; background: #fff;
// border-radius:3px; // border-radius:3px;
padding: 0px 10px 10px 0px; padding: 0px 10px 10px 0px;
margin-top: 10px; margin-top: 10px;
// box-shadow: 0 0 5px rgba(0, 0, 0, .15); // box-shadow: 0 0 5px rgba(0, 0, 0, .15);
} }
.contentRight { .contentRight {
width: calc(100%); width: calc(100%);
height: 100%; height: 100%;
float: left; float: left;
box-sizing: border-box; box-sizing: border-box;
transition: all .2s; transition: all .2s;
background: #fff; background: #fff;
// border-radius:3px; // border-radius:3px;
padding: 0px 10px 10px 0px; padding: 0px 10px 10px 0px;
margin-top: 10px; margin-top: 10px;
// box-shadow: 0 0 5px rgba(0, 0, 0, .15); // box-shadow: 0 0 5px rgba(0, 0, 0, .15);
} }
.topTitle { .topTitle {
height: 32px; height: 32px;
text-align: right; text-align: right;
} }
// .tableCommon { // .tableCommon {
// // border:none; // // border:none;
// } // }
.tableCommon tr th { .tableCommon tr th {
line-height: 30px; line-height: 30px;
font-size: 14px; font-size: 14px;
//text-align: center; //text-align: center;
// border:none; // border:none;
// border-bottom:#e4e6ed solid 1px; // border-bottom:#e4e6ed solid 1px;
background: #f5f6fa; background: #f5f6fa;
} }
.tableCommon .tableCommon tr th { .tableCommon .tableCommon tr th {
line-height: 24px; line-height: 24px;
font-size: 14px; font-size: 14px;
background: #EEEDF0; background: #EEEDF0;
} }
.tableCommon .tableCommon{
tr td { .tableCommon .tableCommon {
border: none; tr td {
border-bottom: 1px solid #E4E6ED; border: none;
padding: 0 2px; border-bottom: 1px solid #E4E6ED;
background: #F6F8FB;
}
}
.tableCommon tr td {
line-height: 25px;
font-size: 14px;
padding: 0 2px; padding: 0 2px;
background: #F6F8FB;
}
} }
.tableCommon tr td .ivu-table-cell {
padding:0 2px; .tableCommon tr td {
line-height: 25px;
font-size: 14px;
padding: 0 2px;
}
.tableCommon tr td .ivu-table-cell {
padding: 0 2px;
} }
.cellInfoTitle { .cellInfoTitle {
padding: 0 10px; padding: 0 10px;
text-align: right; text-align: right;
border: #E4E6ED solid 1px; border: #E4E6ED solid 1px;
background: #F5F6FA; background: #F5F6FA;
color: #515A6E; color: #515A6E;
font-weight: bold; font-weight: bold;
height: 35px; height: 35px;
line-height: 34px; line-height: 34px;
margin: -1px; margin: -1px;
} }
.cellInfoContent { .cellInfoContent {
padding: 0 10px; padding: 0 10px;
text-align: left; text-align: left;
border-top: #E4E6ED solid 1px; border-top: #E4E6ED solid 1px;
border-bottom: #E4E6ED solid 1px; border-bottom: #E4E6ED solid 1px;
border-right: #E4E6ED solid 1px; border-right: #E4E6ED solid 1px;
height: 34px; height: 34px;
line-height: 34px; line-height: 34px;
margin: -1px; margin: -1px;
} }
/* 三列合并内容 */ /* 三列合并内容 */
.cellInfoContent1 { .cellInfoContent1 {
padding: 0 10px; padding: 0 10px;
text-align: left; text-align: left;
border-top: #E4E6ED solid 1px; border-top: #E4E6ED solid 1px;
border-bottom: #E4E6ED solid 1px; border-bottom: #E4E6ED solid 1px;
border-right: #E4E6ED solid 1px; border-right: #E4E6ED solid 1px;
height: 34px; height: 34px;
line-height: 34px; line-height: 34px;
margin: -1px -5px; margin: -1px -5px;
} }
/* 右侧设置自定义显示列ico */ /* 右侧设置自定义显示列ico */
.divIco { .divIco {
border: #D0D2D9 solid 1px; border: #D0D2D9 solid 1px;
border-radius: 4px; border-radius: 4px;
height: 28px; height: 28px;
line-height: 24px; line-height: 24px;
width: 40px; width: 40px;
float: right; float: right;
text-align: center; text-align: center;
margin-left: 5px; margin-left: 5px;
} }
.divIco:hover { .divIco:hover {
background: #F5F6FA; background: #F5F6FA;
} }
.icoListInfo { .icoListInfo {
font-weight: bold; font-weight: bold;
color: #515A6E; color: #515A6E;
font-size: 24px; font-size: 24px;
} }
[type=reset], [type=reset],
[type=submit], [type=submit],
button, button,
html [type=button] { html [type=button] {
-webkit-appearance: button; -webkit-appearance: button;
} }
.waitTask {/*flex 布局*/ .waitTask {
display: flex!important; /*flex 布局*/
align-items: center; display: flex !important;
width: 200px; align-items: center;
height: 100px; width: 200px;
float: left; height: 100px;
margin-right: 10px; float: left;
word-break: break-word; margin-right: 10px;
word-break: break-word;
} }
.leftIco { .leftIco {
width: 60px; width: 60px;
float: left; float: left;
text-align: center; text-align: center;
} }
.bold { .bold {
font-weight: bold; font-weight: bold;
} }
.action { .action {
a { a {
color: #1890FF; //查看和其他 color: #1890FF; //查看和其他
span{
padding: 4px; span {
} padding: 4px;
i{
font-size: 16px;
padding: 4px;
border-radius: 3px;
}
i:hover{
background: #1890FF;
color: #fff;
}
background: transparent;
} }
a.detail{ i {
color: #1890FF; //查看和其他 font-size: 16px;
padding: 4px;
border-radius: 3px;
} }
a.add { i:hover {
color: #249E91; background: #1890FF;
color: #fff;
} }
// a.add:hover { background: transparent;
// // color: #27AB9D; }
// }
a.edit { a.detail {
// color: #32B187; color: #1890FF; //查看和其他
color: rgb(6, 147, 212) }
}
// a.edit:hover { a.add {
// color: #35BD90 color: #249E91;
// } }
a.remove,a.delete { // a.add:hover {
color: #FF7A8B; // // color: #27AB9D;
i:hover{ // }
background: #FF7A8B;
color: #fff; a.edit {
} // color: #32B187;
} color: rgb(6, 147, 212)
a.delete { }
color: #FF7A8B;
}
a.empower {
color: #FFBD59;
}
a.disable { // a.edit:hover {
color: #CAD1D9; // color: #35BD90
// }
a.remove,
a.delete {
color: #FF7A8B;
i:hover {
background: #FF7A8B;
color: #fff;
} }
}
a.delete {
color: #FF7A8B;
}
a.empower {
color: #FFBD59;
}
a.disable {
color: #CAD1D9;
}
a.icon { a.icon {
display: inline-block; display: inline-block;
width: 28px; width: 28px;
height: 28px; height: 28px;
line-height: 28px; line-height: 28px;
margin: 0px 0 0 -4px; margin: 0px 0 0 -4px;
border-radius: 50%; border-radius: 50%;
color: #515A6E; color: #515A6E;
background: #F5F6FA; background: #F5F6FA;
.ivu-icon { .ivu-icon {
font-weight: bold; font-weight: bold;
font-size: 18px; font-size: 18px;
}
} }
}
// a.icon:hover { // a.icon:hover {
// background: #27AB9D; // background: #27AB9D;
// color: #fff; // color: #fff;
// } // }
// a.icon:active { // a.icon:active {
// background: #229185; // background: #229185;
// color: #fff; // color: #fff;
// } // }
} }
.icon_box{
a.icon {
display: inline-grid;
width: 28px;
height: 28px;
line-height: 28px;
margin: 0;
.ivu-icon-ios-eye{
font-weight: bold;
font-size: 24px;
color: #249e91;
};
.ivu-icon-ios-cog{
font-weight: bold;
font-size: 24px;
color: #249e91;
}
.icon_box {
a.icon {
display: inline-grid;
width: 28px;
height: 28px;
line-height: 28px;
margin: 0;
.ivu-icon-ios-eye {
font-weight: bold;
font-size: 24px;
color: #249e91;
}
;
.ivu-icon-ios-cog {
font-weight: bold;
font-size: 24px;
color: #249e91;
} }
}
} }
.body-box { .body-box {
.bj-box { .bj-box {
position: relative; position: relative;
height: 45px; height: 45px;
.dan-hao,
.ri-qi,
.dao-chu {
position: absolute;
right: 10px;
width: 235px;
font-size: 14px;
color: #333;
font-weight: bold;
text-align: right;
}
.dao-chu {
top: 0px;
text-align: right;
}
.dan-hao {
top: 60px;
}
.ri-qi {
top: 95px;
}
}
.title-name { .dan-hao,
text-align: center; .ri-qi,
font-size: 28px; .dao-chu {
margin-bottom: 10px; position: absolute;
right: 10px;
width: 235px;
font-size: 14px;
color: #333;
font-weight: bold;
text-align: right;
} }
.js-title { .dao-chu {
text-align: center; top: 0px;
font-size: 20px; text-align: right;
font-weight: bold;
margin-bottom: 10px;
} }
.box-title { .dan-hao {
height: 45px; top: 60px;
line-height: 45px;
padding: 0 10px;
font-size: 14px;
color: #333;
border: 1px solid #d3d1d1;
} }
.box-dz { .ri-qi {
height: 40px; top: 95px;
line-height: 40px;
padding: 0 10px;
border-right: 1px solid #d3d1d1;
border-left: 1px solid #d3d1d1;
font-size: 14px;
font-weight: bold;
color: #333;
} }
} }
.zong-ji { .title-name {
text-align: center;
font-size: 28px;
margin-bottom: 10px;
}
.js-title {
text-align: center;
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.box-title {
height: 45px; height: 45px;
line-height: 45px; line-height: 45px;
padding: 0 10px; padding: 0 10px;
font-size: 14px; font-size: 14px;
color: #333; color: #333;
border: 1px solid #d3d1d1; border: 1px solid #d3d1d1;
border-top: none; }
display: flex;
.xiao-ji { .box-dz {
width: 202px; height: 40px;
border-right: 1px solid #d3d1d1; line-height: 40px;
} padding: 0 10px;
border-right: 1px solid #d3d1d1;
border-left: 1px solid #d3d1d1;
font-size: 14px;
font-weight: bold;
color: #333;
}
}
.da-xie { .zong-ji {
width: 70%; height: 45px;
padding-left: 15px; line-height: 45px;
font-weight: bold; padding: 0 10px;
} font-size: 14px;
color: #333;
border: 1px solid #d3d1d1;
border-top: none;
display: flex;
.xiao-ji {
width: 202px;
border-right: 1px solid #d3d1d1;
}
.xiao-xie { .da-xie {
padding-left: 15px; width: 70%;
font-weight: bold; padding-left: 15px;
} font-weight: bold;
}
.xiao-xie {
padding-left: 15px;
font-weight: bold;
}
} }
.bei-zhu { .bei-zhu {
font-size: 14px; font-size: 14px;
color: #333; color: #333;
font-weight: bold; font-weight: bold;
margin-top: 10px; margin-top: 10px;
} }
.zhi-dan { .zhi-dan {
margin-top: 18px; margin-top: 18px;
font-size: 14px; font-size: 14px;
color: #333; color: #333;
font-weight: bold; font-weight: bold;
} }
.selectBox{
div.ivu-select-dropdown{ .selectBox {
height: auto; div.ivu-select-dropdown {
} height: auto;
}
} }
.footers {
width: 100%;
position: fixed;
bottom: 0;
left: 0;
text-align: center;
padding: 20px 0;
background: #d0d2d9;
div { .footers {
height: 25px; width: 100%;
font-size: 14px; position: fixed;
color: #333; bottom: 0;
line-height: 28px; left: 0;
text-align: center;
padding: 20px 0;
background: #d0d2d9;
div {
height: 25px;
font-size: 14px;
color: #333;
line-height: 28px;
} }
} }
.outPdf table, .outPdf table,
.outPdf table tr th, .outPdf table tr th,
.outPdf table tr td { .outPdf table tr td {
border: 1px solid #d3d1d1; border: 1px solid #d3d1d1;
padding: 0 3px; padding: 0 3px;
} }
.outPdf table { .outPdf table {
width: 100%; width: 100%;
line-height: 25px; line-height: 25px;
text-align: center; text-align: center;
border-collapse: collapse; border-collapse: collapse;
padding: 2px; padding: 2px;
} }
.outPdf table thead tr th { .outPdf table thead tr th {
line-height: 40px; line-height: 40px;
} }
.outP table, .outP table,
.outP table tr th, .outP table tr th,
.outP table tr td { .outP table tr td {
border: 1px solid #000000; border: 1px solid #000000;
padding: 0 3px; padding: 0 3px;
} }
.outP table { .outP table {
width: 100%; width: 100%;
line-height: 25px; line-height: 25px;
text-align: center; text-align: center;
border-collapse: collapse; border-collapse: collapse;
padding: 2px; padding: 2px;
} }
.outP table thead tr th { .outP table thead tr th {
line-height: 25px; line-height: 25px;
} }
//框架页面layout用
.full { //框架页面layout用
height: 100%; .full {
background: white; height: 100%;
margin-top: 45px; background: white;
.menu { margin-top: 45px;
border: 1px solid #ddd;
.menu {
border: 1px solid #ddd;
padding: 0 5px;
overflow: auto;
.title {
line-height: 45px;
font-size: 14px;
padding: 0 5px; padding: 0 5px;
overflow: auto; border-bottom: #e4e6ed solid 1px;
.title {
line-height: 45px; .fr {
font-size: 14px; float: right;
padding: 0 5px; margin-top: 10px;
border-bottom: #e4e6ed solid 1px; cursor: pointer;
.fr {
float: right;
margin-top: 10px;
cursor: pointer;
}
.fr:hover {
color: #249e91;
}
} }
.tree {
height: calc(100% - 150px); .fr:hover {
overflow: auto; color: #249e91;
} }
} }
.content {
background: white; .tree {
padding: 0 0 0 10px; height: calc(100% - 150px);
//position: absolute; overflow: auto;
left: 250px;
right: 10px;
.auto {
flex: 1;
overflow: auto;
position: relative;
min-height: 600px;
}
.fly {
position: relative;
overflow: inherit;
}
.ivu-btn-small {
padding: 0;
background: red;
}
} }
} }
//流程节点样式
.time {
font-size: 14px;
font-weight: bold;
}
.content { .content {
padding-left: 5px; background: white;
} padding: 0 0 0 10px;
.h100{ //position: absolute;
height: 100%; left: 250px;
} right: 10px;
//显示富文本框样式 .auto {
.detail .ivu-row .filed-col p .html p{ flex: 1;
margin: 0 10px 0 0; overflow: auto;
position: relative;
min-height: 600px;
}
.fly {
position: relative;
overflow: inherit;
}
.ivu-btn-small {
padding: 0;
background: red;
}
} }
}
//流程节点样式
.time {
font-size: 14px;
font-weight: bold;
}
.content {
padding-left: 5px;
}
.h100 {
height: 100%;
}
//显示富文本框样式
.detail .ivu-row .filed-col p .html p {
margin: 0 10px 0 0;
}
.con_bord { .con_bord {
margin: 10px 20px; margin: 10px 20px;
} }
.lay100 {
height: calc(100vh - 105px); .lay100 {
background-color: #f5f6fa; height: calc(100vh - 105px);
.con { background-color: #f5f6fa;
padding: 5px 5px 0px 10px;
} .con {
.con_bord { padding: 5px 5px 0px 10px;
margin: 10px 20px;
box-shadow: #c7c7c7 1px 2px 7px 3px;
}
background: rgba(245, 246, 250, 1);
} }
.menu_side{
background: #fff!important; .con_bord {
margin: 5px 0 0 0!important; margin: 10px 20px;
border: 1px solid #dcdee2!important; box-shadow: #c7c7c7 1px 2px 7px 3px;
}
background: rgba(245, 246, 250, 1);
} }
.show_menu{
.menu_side {
background: #fff !important;
margin: 5px 0 0 0 !important;
border: 1px solid #dcdee2 !important;
}
.show_menu {
width: 30px;
height: 30px;
position: fixed;
top: 100px;
left: 0;
z-index: 9;
.menu_play {
width: 30px; width: 30px;
height: 30px; height: 30px;
position: fixed; line-height: 34px;
top: 100px; font-size: 14px;
left: 0; text-align: center;
z-index: 9; color: #515A6E;
.menu_play{ border-top-right-radius: 5px;
width: 30px; border-bottom-right-radius: 5px;
height: 30px; background: #ffffff;
line-height: 34px; box-shadow: #ccc 2px 2px 4px 1px;
font-size: 14px; }
text-align: center;
color: #515A6E; .menu_play:hover {
border-top-right-radius: 5px; background-color: #2d8cf0;
border-bottom-right-radius: 5px; color: white;
background: #ffffff; }
box-shadow: #ccc 2px 2px 4px 1px;
}
.menu_play:hover{
background-color: #2d8cf0;
color: white;
}
} }
.details{
.ivu-input-number{ .details {
width: 100%; .ivu-input-number {
} width: 100%;
}
} }
//显示富文本框时的图片 //显示富文本框时的图片
.tohtml img{ .tohtml img {
max-width: 95%; max-width: 95%;
} }
\ No newline at end of file
.gdShow {
box-shadow: 0px 0px 15px #333;
}
src/assets/css/base.css
View file @ ba47a4e2
...@@ -50,6 +50,9 @@ div::-webkit-scrollbar-corner { ...@@ -50,6 +50,9 @@ div::-webkit-scrollbar-corner {
.fc-a { .fc-a {
justify-content: space-around; justify-content: space-around;
} }
.fc-ev {
justify-content: space-evenly;
}
.fd { .fd {
flex-direction: column; flex-direction: column;
} }
...@@ -721,7 +724,7 @@ html [type=button] { ...@@ -721,7 +724,7 @@ html [type=button] {
} }
.waitTask { .waitTask {
/*flex 布局*/ /*flex 布局*/
display: flex!important; display: flex !important;
align-items: center; align-items: center;
width: 200px; width: 200px;
height: 100px; height: 100px;
...@@ -1028,7 +1031,7 @@ html [type=button] { ...@@ -1028,7 +1031,7 @@ html [type=button] {
} }
.menu_side { .menu_side {
background: #fff !important; background: #fff !important;
margin: 5px 0 0 0!important; margin: 5px 0 0 0 !important;
border: 1px solid #dcdee2 !important; border: 1px solid #dcdee2 !important;
} }
.show_menu { .show_menu {
...@@ -1061,3 +1064,6 @@ html [type=button] { ...@@ -1061,3 +1064,6 @@ html [type=button] {
.tohtml img { .tohtml img {
max-width: 95%; max-width: 95%;
} }
.gdShow {
box-shadow: 0px 0px 15px #333;
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment