base

assets/css/base.less

@@ -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

@@ -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;
+}