优化单页面布局

develop
Jmysy 2020-06-26 05:00:50 +08:00
parent 01e767b490
commit 197474b49b
4 changed files with 10 additions and 28 deletions

View File

@ -255,26 +255,26 @@ body::-webkit-scrollbar-corner {
}
/** 滚动条样式 */
::-webkit-scrollbar {
body::-webkit-scrollbar {
width: 4px;
height: 4px;
}
::-webkit-scrollbar-track {
body::-webkit-scrollbar-track {
background: white;
border-radius: 2px;
}
::-webkit-scrollbar-thumb {
body::-webkit-scrollbar-thumb {
background: #E6E6E6;
border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
body::-webkit-scrollbar-thumb:hover {
background: #E6E6E6;
}
::-webkit-scrollbar-corner {
body::-webkit-scrollbar-corner {
background: #f6f6f6;
}

View File

@ -16,33 +16,17 @@
display: inline-block;
}
.pear-frame .title{
position: absolute;
margin-top: 0px;
margin-left: 12px;
color: dimgray;
display: inline-block;
letter-spacing:2px;
}
.pear-frame .pear-frame-title{
height: 40px;
line-height: 40px;
background-color: white;
border: whitesmoke 1px solid;
}
.pear-frame .pear-frame-content{
width: 100%;
height: calc(100% - 45px)!important;
height: 100%!important;
}
.pear-frame-loading {
position: absolute;
display: none;
width: 100%;
height: calc(100% - 42px);
top: 42px;
height: 100%;
z-index: 19;
background-color: #fff
}

View File

@ -78,8 +78,6 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
function createFrameHTML(option){
var title = "<div class='pear-frame'><div class='pear-frame-title'><div class='dot'></div><div class='title'>"+option.title+"</div></div>"
var iframe = "<iframe class='pear-frame-content' style='width:100%;height:100%;' scrolling='auto' frameborder='0' src='"+option.url+"' ></iframe>"
var loading = '<div class="pear-frame-loading">'+
@ -88,7 +86,7 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
'</div>'+
'</div></div>'
$("#"+option.elem).html(title+iframe+loading);
$("#"+option.elem).html(iframe+loading);
}
exports(MOD_NAME,new pearFrame());

View File

@ -80,7 +80,7 @@
var config = {
keepLoad: 2000, // 主 页 加 载 过 度 时 长 可为 false
muiltTab: true, // 是 否 开 启 多 标 签 页 true 开启 false 关闭
muiltTab: false, // 是 否 开 启 多 标 签 页 true 开启 false 关闭
control: false, // 是 否 开 启 多 系 统 菜 单 true 开启 false 关闭
theme: "dark-theme", // 默 认 主 题 样 式 dark-theme 默认主题 light-theme 亮主题
index: 'view/console/console1.html', // 默 认 加 载 主 页