dailer
6 years ago
6 changed files with 93 additions and 0 deletions
@ -0,0 +1,29 @@ |
|||||||
|
# 修改平台LOGO |
||||||
|
## js |
||||||
|
``` |
||||||
|
// 顶部区域shortcut为"dec.header" |
||||||
|
BI.Plugin.registerObject("dec.header", function (widget) { |
||||||
|
// 取到logo对应的dom元素 |
||||||
|
var logo = widget.element.find("img"); |
||||||
|
// 添加类名 |
||||||
|
logo.addClass("plugin-logo"); |
||||||
|
}); |
||||||
|
``` |
||||||
|
## css |
||||||
|
``` |
||||||
|
.plugin-logo { |
||||||
|
cursor: pointer; |
||||||
|
transform: rotate(0deg); |
||||||
|
transition: transform .3s ease; |
||||||
|
} |
||||||
|
|
||||||
|
.plugin-logo:hover { |
||||||
|
width: 30px !important; |
||||||
|
height: 30px !important; |
||||||
|
transform: rotate(180deg); |
||||||
|
transition: transform .3s ease; |
||||||
|
} |
||||||
|
``` |
||||||
|
|
||||||
|
## 效果 |
||||||
|
![](../screenshorts/1.gif) |
@ -0,0 +1,22 @@ |
|||||||
|
# 修改平台标题 |
||||||
|
js |
||||||
|
``` |
||||||
|
// 顶部区域shortcut为"dec.header" |
||||||
|
BI.Plugin.registerObject("dec.header", function (widget) { |
||||||
|
// 创建一个<a>标签 |
||||||
|
var link = $("<a class='plugin-title' href=\"http://www.w3school.com.cn\">点击跳转到w3school</a>"); |
||||||
|
// 替换掉平台原有文字标题 |
||||||
|
var left = widget.element.children(); |
||||||
|
link.replaceAll(left.children()[1]); |
||||||
|
}); |
||||||
|
``` |
||||||
|
|
||||||
|
css |
||||||
|
``` |
||||||
|
.plugin-title { |
||||||
|
font-size: 20px; |
||||||
|
display: block; |
||||||
|
text-decoration: none; |
||||||
|
color: bisque; |
||||||
|
} |
||||||
|
``` |
@ -0,0 +1,30 @@ |
|||||||
|
# 增加一个footer |
||||||
|
## js |
||||||
|
``` |
||||||
|
// 为平台增加一个footer |
||||||
|
BI.Plugin.registerObject("dec.app", function (widget) { |
||||||
|
// 首先创建一个footer |
||||||
|
var footer = $("<div class=\"plugin-footer\">Copyright © 2006-2019 Fanruan. </div>"); |
||||||
|
footer.css({ |
||||||
|
position: "absolute", |
||||||
|
bottom: 0, |
||||||
|
left: 0, |
||||||
|
right: 0, |
||||||
|
height: 30, |
||||||
|
backgroundColor: "#2C3D59", |
||||||
|
color: "white", |
||||||
|
textAlign: "center" |
||||||
|
}); |
||||||
|
// 添加到页面中 |
||||||
|
widget.element.append(footer); |
||||||
|
|
||||||
|
// 将主内容区的bottom值设为30 |
||||||
|
var mainContent = widget.element.children().eq(0); |
||||||
|
mainContent.css({ |
||||||
|
bottom: 30 |
||||||
|
}); |
||||||
|
}); |
||||||
|
``` |
||||||
|
|
||||||
|
## 效果预览 |
||||||
|
![](../screenshorts/2.png) |
@ -0,0 +1,12 @@ |
|||||||
|
# 隐藏侧边栏 |
||||||
|
## js |
||||||
|
``` |
||||||
|
// 首先把侧栏隐藏掉 |
||||||
|
BI.Plugin.registerObject("dec.menu", function (widget) { |
||||||
|
widget.element.hide(); |
||||||
|
}); |
||||||
|
// 然后再把body的left值设为0 |
||||||
|
BI.Plugin.registerObject("dec.body", function (widget) { |
||||||
|
widget.element.css("left", 0); |
||||||
|
}); |
||||||
|
``` |
After Width: | Height: | Size: 56 KiB |
After Width: | Height: | Size: 33 KiB |
Loading…
Reference in new issue