Skip to content

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

base

parent f01440b8
Show whitespace changes
Inline Side-by-side
Showing with 766 additions and 682 deletions
assets/css/base.less
View file @ ba47a4e2
......@@ -12,69 +12,90 @@ html body {
#__layout {
height: 100%
}
ul,li{
ul,
li {
list-style: none;
}
div::-webkit-scrollbar{
width:10px;
height:10px;
div::-webkit-scrollbar {
width: 10px;
height: 10px;
/**/
}
div::-webkit-scrollbar-track{
}
div::-webkit-scrollbar-track {
background: rgb(239, 239, 239);
border-radius:2px;
}
div::-webkit-scrollbar-thumb{
background:rgba(38,128,235,0.5);
border-radius:10px;
}
div::-webkit-scrollbar-thumb:hover{
background: rgba(38,128,235,0.8);
}
div::-webkit-scrollbar-corner{
background: rgba(38,128,235,1);
}
border-radius: 2px;
}
div::-webkit-scrollbar-thumb {
background: rgba(38, 128, 235, 0.5);
border-radius: 10px;
}
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 {
display: flex;
//采用flex布局
}
.fc-m{
.fc-m {
justify-content: center;
}
.fa-m{
.fa-m {
align-items: center;
}
.fc-e{
.fc-e {
justify-content: flex-end;
}
.fc-b{
.fc-b {
justify-content: space-between;
}
.fc-a{
.fc-a {
justify-content: space-around;
}
.fc-ev{
.fc-ev {
justify-content: space-evenly;
}
.fd{
.fd {
flex-direction: column;
}
.fg{
.fg {
flex-grow: 1;
}
.fs{
.fs {
flex-shrink: 0;
}
.fg2{
.fg2 {
flex-grow: 2;
}
.fos{
.fos {
order: -1;
}
.foe{
.foe {
order: 99;
}
/*字体*/
.ib {
display: inline;
......@@ -113,11 +134,13 @@ div::-webkit-scrollbar{
color: #f23a3a;
cursor: pointer;
}
.stitle{
.stitle {
height: 40px;
background-color: #F5F6FA;
line-height: 40px;
}
//行高
.lh10 {
line-height: 10px
......@@ -142,9 +165,11 @@ div::-webkit-scrollbar{
.lh40 {
line-height: 40px
}
.lh50 {
line-height: 50px
}
/*边距*/
.m10 {
......@@ -250,7 +275,8 @@ div::-webkit-scrollbar{
.mtb10 {
margin: 10px 0;
}
.m15{
.m15 {
margin: 15px;
}
......@@ -301,6 +327,7 @@ div::-webkit-scrollbar{
.pl20 {
padding-left: 20px
}
.pt15 {
padding-top: 15px
}
......@@ -622,10 +649,12 @@ div::-webkit-scrollbar{
.new-orange {
color: #ff9900;
}
.blueTitle{
.blueTitle {
color: #2680EB;
}
.grayTitle{
.grayTitle {
color: #333;
}
......@@ -858,12 +887,14 @@ textarea::-webkit-input-placeholder {
// border-bottom:#e4e6ed solid 1px;
background: #f5f6fa;
}
.tableCommon .tableCommon tr th {
line-height: 24px;
font-size: 14px;
background: #EEEDF0;
}
.tableCommon .tableCommon{
.tableCommon .tableCommon {
tr td {
border: none;
border-bottom: 1px solid #E4E6ED;
......@@ -877,8 +908,9 @@ textarea::-webkit-input-placeholder {
font-size: 14px;
padding: 0 2px;
}
.tableCommon tr td .ivu-table-cell {
padding:0 2px;
padding: 0 2px;
}
......@@ -946,8 +978,9 @@ html [type=button] {
-webkit-appearance: button;
}
.waitTask {/*flex 布局*/
display: flex!important;
.waitTask {
/*flex 布局*/
display: flex !important;
align-items: center;
width: 200px;
height: 100px;
......@@ -969,22 +1002,26 @@ html [type=button] {
.action {
a {
color: #1890FF; //查看和其他
span{
span {
padding: 4px;
}
i{
i {
font-size: 16px;
padding: 4px;
border-radius: 3px;
}
i:hover{
i:hover {
background: #1890FF;
color: #fff;
}
background: transparent;
}
a.detail{
a.detail {
color: #1890FF; //查看和其他
}
......@@ -1005,16 +1042,20 @@ html [type=button] {
// color: #35BD90
// }
a.remove,a.delete {
a.remove,
a.delete {
color: #FF7A8B;
i:hover{
i:hover {
background: #FF7A8B;
color: #fff;
}
}
a.delete {
color: #FF7A8B;
}
a.empower {
color: #FFBD59;
}
......@@ -1050,19 +1091,24 @@ html [type=button] {
// }
}
.icon_box{
.icon_box {
a.icon {
display: inline-grid;
width: 28px;
height: 28px;
line-height: 28px;
margin: 0;
.ivu-icon-ios-eye{
.ivu-icon-ios-eye {
font-weight: bold;
font-size: 24px;
color: #249e91;
};
.ivu-icon-ios-cog{
}
;
.ivu-icon-ios-cog {
font-weight: bold;
font-size: 24px;
color: #249e91;
......@@ -1176,12 +1222,14 @@ html [type=button] {
color: #333;
font-weight: bold;
}
.selectBox{
div.ivu-select-dropdown{
.selectBox {
div.ivu-select-dropdown {
height: auto;
}
}
.footers {
width: 100%;
position: fixed;
......@@ -1214,9 +1262,10 @@ html [type=button] {
border-collapse: collapse;
padding: 2px;
}
.outPdf table thead tr th {
line-height: 40px;
}
}
.outP table,
.outP table tr th,
......@@ -1232,103 +1281,125 @@ html [type=button] {
border-collapse: collapse;
padding: 2px;
}
.outP table thead tr th {
line-height: 25px;
}
//框架页面layout用
.full {
//框架页面layout用
.full {
height: 100%;
background: white;
margin-top: 45px;
.menu {
border: 1px solid #ddd;
padding: 0 5px;
overflow: auto;
.title {
line-height: 45px;
font-size: 14px;
padding: 0 5px;
border-bottom: #e4e6ed solid 1px;
.fr {
float: right;
margin-top: 10px;
cursor: pointer;
}
.fr:hover {
color: #249e91;
}
}
.tree {
height: calc(100% - 150px);
overflow: auto;
}
}
.content {
background: white;
padding: 0 0 0 10px;
//position: absolute;
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 {
.time {
font-size: 14px;
font-weight: bold;
}
.content {
}
.content {
padding-left: 5px;
}
.h100{
}
.h100 {
height: 100%;
}
}
//显示富文本框样式
.detail .ivu-row .filed-col p .html p{
//显示富文本框样式
.detail .ivu-row .filed-col p .html p {
margin: 0 10px 0 0;
}
}
.con_bord {
margin: 10px 20px;
}
.lay100 {
.lay100 {
height: calc(100vh - 105px);
background-color: #f5f6fa;
.con {
padding: 5px 5px 0px 10px;
}
.con_bord {
margin: 10px 20px;
box-shadow: #c7c7c7 1px 2px 7px 3px;
}
background: rgba(245, 246, 250, 1);
}
.menu_side{
background: #fff!important;
margin: 5px 0 0 0!important;
border: 1px solid #dcdee2!important;
}
.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{
.menu_play {
width: 30px;
height: 30px;
line-height: 34px;
......@@ -1340,17 +1411,24 @@ html [type=button] {
background: #ffffff;
box-shadow: #ccc 2px 2px 4px 1px;
}
.menu_play:hover{
.menu_play:hover {
background-color: #2d8cf0;
color: white;
}
}
.details{
.ivu-input-number{
.details {
.ivu-input-number {
width: 100%;
}
}
//显示富文本框时的图片
.tohtml img{
.tohtml img {
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 {
.fc-a {
justify-content: space-around;
}
.fc-ev {
justify-content: space-evenly;
}
.fd {
flex-direction: column;
}
......@@ -721,7 +724,7 @@ html [type=button] {
}
.waitTask {
/*flex 布局*/
display: flex!important;
display: flex !important;
align-items: center;
width: 200px;
height: 100px;
......@@ -1028,7 +1031,7 @@ html [type=button] {
}
.menu_side {
background: #fff !important;
margin: 5px 0 0 0!important;
margin: 5px 0 0 0 !important;
border: 1px solid #dcdee2 !important;
}
.show_menu {
......@@ -1061,3 +1064,6 @@ html [type=button] {
.tohtml img {
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