社区文档构建进行中,欢迎编辑。社区答疑群(非官方):717421103,点点小课堂(腾讯会议):5696651544

全站通知:

BottomBar

阅读

    

2024-03-26更新

    

最新编辑:congeal_plume

阅读:

  

更新日期:2024-03-26

  

最新编辑:congeal_plume

来自WIKI实验室WIKI_BWIKI_哔哩哔哩
跳到导航 跳到搜索
页面贡献者 :
congeal_plume

简单说明

版本:0.0.3

说明:BottomBar是一个移动端底部菜单栏生成工具

例子:mhw 控制台开移动端看效果

使用说明

  • 此方法安装后,能自动同步更新
1、在 https://wiki.biligame.com/你管理的BWIKI/MediaWiki:Gadget-section-Expand 页面添加标题文字
扩展工具
注意:如果已有标题文字则跳过此步
2、在 https://wiki.biligame.com/你管理的BWIKI/MediaWiki:Gadgets-definition 页面添加标题代码
==Expand==
注意:如果已有 ==Expand== 标题则跳过此步
3、在==Expand==标题下添加以下代码
* BottomBar[ResourceLoader|default]|BottomBar.js
4、在 https://wiki.biligame.com/你管理的BWIKI/MediaWiki:Gadget-BottomBar 页面添加以下描述
[https://wiki.biligame.com/tools/BottomBar BottomBar] - 移动端的底部导航条
5、在 https://wiki.biligame.com/你管理的BWIKI/MediaWiki:Gadget-BottomBar.js 页面添加以下代码
window.bottomBar = {
	bg: "#fff",// 背景颜色
	iconColor: "#23ade5", //bs3图标颜色
	fontColor:"#000",// 文字颜色
	assignedPage: false,// 是否指定页面开启 默认为false(全部页面启用)  如果只想在 首页,武器一览 开启则填写["首页","武器一览"]
	page: [
	// name:显示的文字,
	// url:要跳转的页面 直接填写页面名称, 
	// icon: 图标, 
	// type: 图标种类 wikitext\bs3 
	// 	wikitext:填写本Wiki的图片名字 如:图标1.png 
	// 	bs3:填写bs3的图标名称 如:glyphicon-home https://v3.bootcss.com/components/
		{name:"首页",url:"首页", icon: "glyphicon-home", type:"bs3"},
		{name:"图鉴2",url:"图鉴2", icon: "图标1.png", type:"wikitext"},
	]
}
try { mw.loader.load('//wiki.biligame.com/tools/MediaWiki:BottomBar.js?action=raw&ctype=text/javascript');} catch(e) {}
  • 至此已完成安装,等待缓存刷新即可显示出来

作者

congeal_plume


标签

更新日志