FineAdmin.Web/Content/css/common.css

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

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

@import "../lib/loading/okLoading.css";
@import "../lib/fonts/iconfont.css";

[v-cloak]{display:none!important}
.ok-body{padding:10px}

/*多条件搜索框*/
/*.ok-search{margin-top:15px}*/
/*.ok-search .layui-input{width:190px;padding-left:10px;margin-left:10px;float:left}
.ok-search .layui-input:first-child{margin-left:0}
.ok-search .layui-btn{margin-left:10px}
@media screen and (max-width:768px){
    .ok-search .layui-input{width:100%;margin-left:0;margin-top:10px}
    .ok-search .layui-btn{margin-left:0;margin-top:10px}
}*/

/*表单*/
.ok-form{margin-top:10px}

/*滚动条样式一*/
::-webkit-scrollbar{width: 8px; height: 8px;}
::-webkit-scrollbar-button:vertical{display: none;}
::-webkit-scrollbar-track, ::-webkit-scrollbar-corner{background-color: #e2e2e2;}
::-webkit-scrollbar-thumb{border-radius: 0; background-color: rgba(0,0,0,.3);}
::-webkit-scrollbar-thumb:vertical:hover{background-color: rgba(0,0,0,.35);}
::-webkit-scrollbar-thumb:vertical:active{background-color: rgba(0,0,0,.38);}

/*滚动条样式二*/
/*
.not-scroll::-webkit-scrollbar{height:0;width:0;background:0 0;display:none}
.scrollBody::-webkit-scrollbar{display:none}
.scrollBody::-webkit-scrollbar,::-webkit-scrollbar{width:8px;height:8px;background-color:#f5f5f5}
.scrollBody::-webkit-scrollbar-track,::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#fff}
.scrollBody::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#a8a8a8}
.ok-body-scroll::-webkit-scrollbar,::-webkit-scrollbar{width:8px;height:8px;background-color:#fff}
.ok-body-scroll::-webkit-scrollbar-track,::-webkit-scrollbar-track{background-color:#fff;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.2)}
.ok-body-scroll::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.1);background-color:#dadada}
*/

/**占满屏幕**/
.page-fill{width:100%;height:100%;display:block;box-sizing:border-box}

/**card**/
.ok-card-body{padding:20px;position:relative;width:100%;box-sizing:border-box}
.ok-card-body-tb{padding:20px 0;position:relative;width:100%;box-sizing:border-box}
.ok-card-title{color:#212529;font-size:16px;padding-bottom:20px;font-weight:bolder}
.ok-card{-webkit-box-shadow:0 0 20px rgba(0,0,0,.08);box-shadow:0 0 20px rgba(0,0,0,.08);border-radius:5px}

/**断行**/
.wp1{word-break:break-all}

/*只对英文起作用，以字母作为换行依据*/
.wp2{word-wrap:break-word}

/*只对英文起作用，以单词作为换行依据*/
.wp3{white-space:pre-wrap}

/*只对中文起作用，强制换行*/
.wp4{white-space:nowrap}