| | |
| | | /**, *::before, *::after {*/ |
| | | /* -webkit-box-sizing: border-box;*/ |
| | | /* box-sizing: border-box;*/ |
| | | /* margin: 0;*/ |
| | | /* padding: 0;*/ |
| | | /*}*/ |
| | | |
| | | body { |
| | | background-color: #fff; |
| | | } |
| | | |
| | | 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 { |
| | |
| | | margin-left: 10px; |
| | | z-index: 999; |
| | | position: relative; |
| | | padding: 30px 30px 10px 30px; |
| | | } |
| | | #search-box .layui-inline{ |
| | | margin-bottom: 10px; |
| | | margin-right: 15px; |
| | | margin-right: 5px; |
| | | } |
| | | #search-box .layui-input-inline { |
| | | width: 150px; |
| | |
| | | text-align: right; |
| | | } |
| | | #data-search-btn { |
| | | margin-top: 10px; |
| | | display: flex; |
| | | display: inline-block; |
| | | margin: 8px 0 0 10px; |
| | | justify-content: center; |
| | | align-items: center; |
| | | margin-bottom: 0; |
| | | } |
| | | #data-search-btn.layui-btn-container .layui-btn{ |
| | | margin-right: 30px; |
| | | margin-right: 20px; |
| | | } |
| | | |
| | | /*头工具栏*/ |
| | |
| | | .layui-table-box{ |
| | | padding-bottom: 10px; |
| | | } |
| | | .layui-table-body.layui-table-main{ |
| | | overflow: hidden; |
| | | } |
| | | /*.layui-table-body.layui-table-main{*/ |
| | | /* overflow: hidden;*/ |
| | | /*}*/ |
| | | .layui-table-page{ |
| | | border-width: 0; |
| | | } |
| | |
| | | .layui-table-tool { |
| | | /*background-color: #fff;*/ |
| | | } |
| | | .layui-table-cell { |
| | | font-size:14px; |
| | | padding:0 5px; |
| | | height:auto; |
| | | overflow:visible; |
| | | text-overflow:inherit; |
| | | white-space:normal; |
| | | word-break: break-all; |
| | | } |
| | | /* 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;*/ |
| | | /*}*/ |
| | | |
| | | /*详情*/ |
| | | #detail .layui-form-label{ |
| | |
| | | height: 200px; |
| | | } |
| | | |
| | | |
| | | |
| | | /* |
| | | 布局 |
| | | */ |
| | |
| | | .col{ |
| | | height: inherit; |
| | | } |
| | | |
| | | |
| | | /*权限*/ |
| | | #btn-add { |
| | |
| | | display: none; |
| | | } |
| | | |
| | | /*layui table 详情按钮*/ |
| | | .layui-table-grid-down { |
| | | display: none; |
| | | } |
| | | |
| | | /*修改复选框颜色*/ |
| | | /*.layui-form-checked[lay-skin=primary] i {*/ |
| | | /*border-color: #4c95b8!important;*/ |
| | |
| | | /* 做响应式布局时,不建议用固定尺寸,尽量用% */ |
| | | @media only screen and (max-width: 800px) { |
| | | |
| | | } |
| | | } |