#

Junjie

2025-01-14 2804585b14a62cc1fdec876b65267a4db8bc8995

 src/main/webapp/static/css/common.css

@@ -1,49 +1,225 @@
/* 统一处理 */
*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
html {
    line-height: 1.5;
    font-size: 15px;
    font-family: sans-serif;
    height: 100%;
}
/**, *::before, *::after {*/
/*    -webkit-box-sizing: border-box;*/
/*    box-sizing: border-box;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*}*/

body {
    height: 100%;
    background-color: #fff;
}

iframe {
input::placeholder {
    color: #b4b4b4;
}
input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: #b4b4b4;
}
.layui-input input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: #b4b4b4;
}
.layui-input input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: #b4b4b4;
}
.layui-input input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: #b4b4b4;
}

/* layui优化 */
.layui-form-label {
    /*color: #595959;*/
}
.layui-input:focus {
    border-color: #007bff !important;
}
/*搜索栏*/
.layui-form.layui-card-header {
    padding: 20px 0 5px 0;
    height: auto;
}
#search-box {
    margin-left: 10px;
    z-index: 999;
    position: relative;
    padding: 30px 30px 10px 30px;
}
#search-box .layui-inline{
    margin-bottom: 10px;
    margin-right: 5px;
}
#search-box .layui-input-inline {
    width: 150px;
}
.layui-form-label{
    font-size: 100%;
    padding: 13px 0 9px 5px;
    text-align: right;
}
#data-search-btn {
    display: inline-block;
    margin: 8px 0 0 10px;
    justify-content: center;
    align-items: center;
}
#data-search-btn.layui-btn-container .layui-btn{
    margin-right: 20px;
}

/*头工具栏*/
.layui-table-tool-temp {
    padding-right: 70px;
}
.layui-btn .layui-icon {
    margin: 1px 5px;
}
#btn-add{
    background: #007DDB
}
#btn-delete{
    background: #ff5722
}
#btn-export{
    float: right;
}

/*表格*/
.layui-table thead th {
    font-weight: bold;
    text-align: center;
}
div .layui-table-tool .layui-table-tool-self .layui-inline[title='导出']{
    display: none;
}
.layui-form.layui-border-box.layui-table-view{
    margin: 15px 0 35px 0;
    width: 100%;
    border-width: 0;
}
.layui-table-box{
    padding-bottom: 10px;
}
/*.layui-table-body.layui-table-main{*/
/*    overflow: hidden;*/
/*}*/
.layui-table-page{
    border-width: 0;
}
.layui-table tbody tr:hover, .layui-table thead tr, .layui-table-click, .layui-table-header, .layui-table-hover, .layui-table-mend, .layui-table-patch, .layui-table-tool, .layui-table-total, .layui-table-total tr, .layui-table[lay-even] tr:nth-child(even) {
    background-color: #f9f9f9;
}
.layui-table-tool {
    /*background-color: #fff;*/
}
/* table （换行/详情）显示控制 */
/*.layui-table-cell {*/
/*font-size:14px;*/
/*padding:0 5px;*/
/*height:auto;*/
/*overflow:visible;*/
/*text-overflow:inherit;*/
/*white-space:normal;*/
/*word-break: break-all;*/
/*}*/
/*.layui-table-grid-down {*/
/*display: none;*/
/*}*/

/* 布局 */
.row::after, .row::before {
    content: "";
    display: table;
    clear: both;
/*详情*/
#detail .layui-form-label{
    white-space: nowrap;
    font-size: 100%;
    padding: 9px 0 9px 5px;
    text-align: right;
}
.col-md3:empty {
    background:rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,.3);
    min-height:32px;
#detail {
    padding: 25px 0;
    margin: 0 20px 0 30px;
}
#detail .layui-inline {
    margin: 10px 15px 15px 0;
}
#detail .layui-input-inline {
    margin-right: 40px;
    margin-left: 95px;
    display: block;
}
.layui-bg-gray {
    margin-top: 40px;
}
#prompt {
    margin-top: 20px;
    width: 90%;
    text-indent: 40px;
    color: #505050;
}
#data-detail-btn {
    padding-top: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#data-detail-btn.layui-btn-container .layui-btn{
    margin-right: 30px;
}
.not-null {
    color:red;
}

#detail .layui-form-checkbox {
    top: 10px;
}

/*图片*/
.cool-img {
    cursor:pointer;
    width: 200px;
    height: 200px;
}

/*
    布局
 */
.col:empty{min-height:32px;height: inherit;z-index:1;position:relative;box-sizing: border-box;}
.col:empty:after{
    z-index:0;display:flex;align-items: center;justify-content: center;
    clear: both;content:attr(title);position:absolute;
    background:rgba(0,0,0,0.04);top:2px;left:2px;right:2px;bottom:2px;
    text-align:center;color:rgba(0,0,0,0.1); border-radius: inherit;
}
.col{
    height: inherit;
    z-index:1;
}
.col-md1,.col-md10,.col-md11,.col-md12,.col-md2,.col-md3,.col-md4,.col-md5,.col-md6,.col-md7,.col-md8,.col-md9{
    float:left;

/*权限*/
#btn-add {
    display: none;
}
.col-md1{width:8.33333333%}
.col-md2{width:16.66666667%}
.col-md3{width:25%}
.col-md4{width:33.33333333%}
.col-md5{width:41.66666667%}
.col-md6{width:50%}
.col-md7{width:58.33333333%}
.col-md8{width:66.66666667%}
.col-md9{width:75%}
.col-md10{width:83.33333333%}
.col-md11{width:91.66666667%}
.col-md12{width:100%}
.btn-edit {
    display: none;
}
#btn-delete {
    display: none;
}
#btn-export {
    display: none;
}
#btn-into {
    display: none;
}

/*修改复选框颜色*/
/*.layui-form-checked[lay-skin=primary] i {*/
/*border-color: #4c95b8!important;*/
/*background-color: #4c95b8;*/
/*color: #fff;*/
/*}*/
/*.layui-form-checkbox[lay-skin=primary]:hover i {*/
/*border-color: #4c95b8;*/
/*color: #fff;*/
/*}*/

/* 媒体查询 —— 响应布局 */
/* 做响应式布局时，不建议用固定尺寸，尽量用% */
@media only screen and (max-width: 800px) {

}