More actions
No edit summary |
No edit summary |
||
| Line 84: | Line 84: | ||
<v-card-subtitle style="text-align: center"> | <v-card-subtitle style="text-align: center"> | ||
<a | <a | ||
:href=" | :href="baseURL() + encodeURIComponent(item.title)" | ||
>{{ item.title }}</a | >{{ item.title }}</a | ||
> | > | ||
| Line 120: | Line 120: | ||
return item.coverimg; | return item.coverimg; | ||
}, | }, | ||
baseURL(){ | |||
return mw.config.get('wgUserLanguage') == 'zh' ? '/zh/' : '/' | |||
} | |||
}, | }, | ||
data: { | data: { | ||
Revision as of 18:43, 26 July 2024
参数说明
- tabs 分栏名称列表
- tabContents 分栏内容列表
- title 要跳转的文档名称
- coverimg 封面图片, 默认显示, 失去鼠标焦点时显示
- backimg 背面图片, 获取到鼠标焦点时显示
用法
{{#widget:Home
| tabs = ["HDMI显示屏", "MHS-series显示屏", "GPIO显示屏"]
| tabContents = [
[
{
title: "3.5寸HDMI显示屏",
coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",
backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg" },
],
[
{
title: "3.5寸HDMI显示屏",
coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",
backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg" },
],
[
{
title: "3.5寸HDMI显示屏",
coverimg: "http://www.lcdwiki.com/images/thumb/0/09/Main_MPI3508.jpg/200px-Main_MPI3508.jpg",
backimg: "http://www.lcdwiki.com/zh/images/thumb/2/21/MPI3508-01.jpg/300px-MPI3508-01.jpg" },
],
]
}}
效果展示