社区文档构建进行中,欢迎编辑。社区答疑群(非官方):717421103,点点小课堂(腾讯会议):5696651544
动态加载
阅读
2024-05-07更新
最新编辑:congeal_plume
阅读:
更新日期:2024-05-07
最新编辑: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>