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

全站通知:

动态加载

阅读

    

2024-05-07更新

    

最新编辑:congeal_plume

阅读:

  

更新日期:2024-05-07

  

最新编辑:congeal_plume

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

简单说明

版本: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的参数

作者

标签

更新日志