优化单页面布局
parent
01e767b490
commit
197474b49b
|
|
@ -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;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -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
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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());
|
||||
|
|
|
|||
|
|
@ -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', // 默 认 加 载 主 页
|
||||
|
|
|
|||
Loading…
Reference in New Issue