社区文档构建进行中，欢迎编辑。社区答疑群（非官方）：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


标签

更新日志

取自“https://wiki.biligame.com/tools/index.php?title=BottomBar&oldid=45299”