FrameUi/1.0/css/layout.css

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

html{-webkit-text-size-adjust:none;width:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,th,td,p,blockquote,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0px;padding:0px;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
audio,canvas,video{display:inline-block;*display: inline;*zoom:1;}
body{width:100%;height:100%;background-repeat:repeat-x;word-wrap:break-word;text-align:left;font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif;line-height:1.2;color:#666}
/*input,select,textarea,button{font-size:100%;border-radius:0px!important;}*/
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
li{list-style:none;*margin-left:-1px}
.main {clear: both;padding:15px;padding-bottom:60px}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear: both;}
.breadcrumb-box {clear: both;margin:10px 0px 40px 0px;}
.divider {height: 1px;margin: 9px 0;overflow: hidden;background-color: #e5e5e5;}
a{color:#333;text-decoration:none}
a:hover{color:#666}
.text-danger {color: #a94442;}
.xuhao .el-input-group__append,.xuhao .el-input-group__prepend {padding: 0px 10px;}
.thumbnail{max-width:100px;max-height:100px}
.thumbnail-mini{max-width:50px;max-height:50px;}
span.divide{content:"";margin:0 6px;display: inline-block;width: 2px;height:14px;background: #ddd;position:relative;top:3px}
[v-cloak]{display:none!important}
/*重写elementui样式*/
.el-loading-mask {background-color: rgba(255,255,255,.5)}
.el-dropdown-menu__item a{display:block;width:100%;color:#333;text-decoration:none}
.el-dropdown-menu__item a:hover{display:block;width:100%;color:#666}
.el-table__body, .el-table__footer, .el-table__header {border-collapse:separate}
.el-table__header th{background-color:#fff;color:#666;}
.el-table::before{height:0px;}
.el-table--border, .el-table--group {border-top:0px solid #ddd;border-color:#ddd}
.el-table--border td, .el-table--border th.is-leaf {border-bottom: 1px solid #ddd;border-right: 1px solid #ddd;}
.el-table--border .el-table__header-wrapper thead>tr>th{border-top:1px solid #ddd;}
.el-table--border::after,.el-table--border .el-table--group::after, .el-table--border::before { content: '';position: absolute;background-color: #ddd;z-index: 1;}
.el-table--border .el-table__header th {background-color:#eee;}
.el-table--border th, .el-table__fixed-right-patch {border-bottom: 1px solid #ddd;}
.el-table--border td, .el-table--border th, .el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {border-right: 1px solid #ddd;}
.el-table--border th, .el-table__fixed-right-patch {border-bottom: 0px solid #ddd;}
.el-table--border .el-table__empty-block{border-bottom:1px solid #ddd}
.el-dialog__iframe .el-dialog__body{padding:0px 0px;}
.menu-bar-box {margin-bottom: 20px}
.menu-bar-box table {width:100%}
.el-form-item {padding:0px 0px 00px 10px}
.el-pagination,.ui-pagination{margin-top:20px}
.ui-pagination>div{float:right}
.ui-pagination .el-input__inner{width:150px}
.el-form-item__content .edui-default{line-height:20px;}
.el-table__row .el-input-group__append, .el-table__row .el-input-group__prepend, .el-table__row .el-input__inner{padding: 0 10px;}
.el-upload-list--text .el-upload-list__item{max-width:500px}
.el-upload-list__item{transition:none!important;}
.el-input-number .el-input__inner{text-align:left}
.el-upload-hide-btn .el-upload--picture-card{display:none} /*图片组超过最大值隐藏添加按钮*/
.el-tabs .el-badge__content.is-fixed{top:8px;z-index:8;font-size:10px;}
.el-tabs .el-badge__content--info{background-color:#ccc}
.el-upload--picture-card {width:100px;height: 100px;line-height:98px;}
.el-upload-list--picture-card .el-upload-list__item {width:100px;height:100px;}
.el-upload-list--picture-card .el-upload-list__item-thumbnail{max-width:100%;max-height:100%}
.el-dialog {max-height:100%;}
.el-icon-empty{display:inline-block;height:15px;width:12px;}
/*表单和数据列表相关*/
.form-box, .table-list-box {