root
/
Pear-Admin-Layui
mirror of https://gitee.com/zhang_1334717033/Pear-Admin-Layui
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

优化单页面布局

develop
Jmysy 2020-06-26 05:00:50 +08:00
parent 01e767b490
commit 197474b49b
4 changed files with 10 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
admin/css/pearCommon.css
View File

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

20
admin/css/pearFrame.css
View File

@ -16,33 +16,17 @@
display: inline-block; 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{ .pear-frame .pear-frame-content{
width: 100%; width: 100%;
height: calc(100% - 45px)!important; height: 100%!important;
} }
.pear-frame-loading { .pear-frame-loading {
position: absolute; position: absolute;
display: none; display: none;
width: 100%; width: 100%;
height: calc(100% - 42px); height: 100%;
top: 42px;
z-index: 19; z-index: 19;
background-color: #fff background-color: #fff
} }

4
component/layui/lay/extends/pearFrame.js
View File

@ -78,8 +78,6 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
function createFrameHTML(option){ 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 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">'+ var loading = '<div class="pear-frame-loading">'+
@ -88,7 +86,7 @@ layui.define(['table', 'jquery', 'element'], function (exports) {
'</div>'+ '</div>'+
'</div></div>' '</div></div>'
$("#"+option.elem).html(title+iframe+loading); $("#"+option.elem).html(iframe+loading);
} }
exports(MOD_NAME,new pearFrame()); exports(MOD_NAME,new pearFrame());

2
index.html
View File

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