动态加载

简单说明

版本：0.6

说明：一些动态加载的方式

使用说明

可在此页面查看效果
Asyncloader需要在common.js页面引用进行全局加载，加载方法如下

/* == 动态加载 == */
try { mw.loader.load('//wiki.biligame.com/wiki/MediaWiki:Asyncloader.js?action=raw&ctype=text/javascript');} catch(e) {}

切换标签

参数说明

<div class="extra-table-box">
<span class="extra-table" data-tablepage="需要展示的页面1">显示名称1</span>
<span class="extra-table" data-tablepage="需要展示的页面2">显示名称2</span>
<div class="extra-table-container"></div>
</div>

悬停展示详细信息

参数说明

属性名	说明	可选值	默认值
data-trigger	触发方式	click\mouseenter focus	mouseenter focus
data-tiptype	传参种类（页面名称还是wikitext） 参数为页面名称时会检索所有有的"wiki-bot"类名的内容，和页面上第一张尺寸大于300*300px的图片拼合显示	wikitext\pageName	pageName
data-theme	悬浮窗主题	light\dark	light
data-tipdata	要传的参数		无（必填
data-tipset	要修改的tippy参数 用英文逗号分割	如 maxWidth:800	无

<span class="tip-container" data-trigger="click" data-tiptype="wikitext" data-theme="dark" data-tipdata="{{图标/测试|可莉}}">可莉详细信息</span>
<span class="tip-container" data-tiptype="wikitext" data-tipset="maxWidth:800" data-tipdata="[[file:可莉.png|link=|1000px]]">可莉图片</span>
<span class="tip-container" data-tipdata="可莉">可莉</span>
<span class="tip-container" data-tipdata="刻晴">刻晴span</span>

根据滚动位置动态加载

参数说明

属性名	说明	可选值	默认值
data-type	传参种类	text\page	page
data-loaddata	传入的参数（页面名称还是wikitext）		无
div内书写模板（推荐用此方式传参	传入的参数（页面名称还是wikitext）		无

<div class="extra-distance" data-loaddata="模板:原神WIKI导航" ></div>
<div class="extra-distance" data-type="text" data-loaddata="<nowiki>{{原神WIKI导航}}</nowiki>"></div>
<div class="extra-distance" data-type="text"><nowiki>{{原神WIKI导航}}</nowiki></div>

写在div内的参数优先级高于data-loaddata的参数

作者

标签

更新日志