更多操作
参数说明
- themeColor 主题颜色, 默认值: #36a5e8
- images 图片数据, 必填
- title 名称, 必填
- src 图片链接, 必填
- chipsTitle 标签数据标题, 选填
- chips 标签数据, 选填
- name 名称, chips有值时必填
- url 跳转链接, 选填
- kvDatasTitle K-V数据标题, 选填
- kvDatas K-V数据, 选填
- key 名称, 必填
- value 值, 必填
- url 跳转链接, 选填
- liDataTitle 列表数据标题, 选填
- liDatas 列表数据, 选填
- name 名称, 必填
- url 跳转链接, 必填
用法
{{#widget:ProductCard
| themeColor = "#36a5e8"
| images = [
{
title: "CM4核心板",
src: "https://www.waveshare.net/w/thumb.php?f=Compute-Module-4-1.jpg&width=360",
},
{
title: "官方底板",
src: "https://www.waveshare.net/w/thumb.php?f=Compute-Module-4-IO-Board-2.jpg&width=360",
},
{
title: "官方底板外",
src: "https://www.waveshare.net/w/thumb.php?f=CM4-IO-BOARD-CASE-A-2.jpg&width=360",
},
]
| chipsTitle = "板载接口"
| chips = [
{
name: "DIS",
url: "https://www.waveshare.net/wiki/%E5%88%86%E7%B1%BB:DSI%E6%8E%A5%E5%8F%A3",
},
{ name: "CSI", url: "" },
{ name: "HDMI", url: "" },
{ name: "USB2.0", url: "" },
{ name: "I2C", url: "" },
{
name: "PECI",
url: "https://www.waveshare.net/w/index.php?title=%E5%88%86%E7%B1%BB:PCIE%E6%8E%A5%E5%8F%A3&action=edit&redlink=1",
},
{
name: "SPI",
url: "https://www.waveshare.net/wiki/%E5%88%86%E7%B1%BB:SPI%E6%8E%A5%E5%8F%A3",
},
{ name: "UART", url: "" },
]
| kvDatasTitle = "功能简介"
| kvDatas = [
{
key: "特性",
value: "1200万像素",
},
{
key: "模组",
value: "IMX708",
},
{
key: "视场角",
value: "75°/120°",
url: "",
},
{
key: "接口",
value: "CSI",
url: "https://www.waveshare.net/wiki/%E5%88%86%E7%B1%BB:CSI%E6%8E%A5%E5%8F%A3",
},
]
| liDataTitle = "相关产品"
| liDatas = [
{
name: "Raspberry Pi开发板",
url: "https://www.waveshare.net/wiki/%E5%88%86%E7%B1%BB:Raspberry_Pi%E5%BC%80%E5%8F%91%E6%9D%BF",
},
{
name: "Pioneer600",
url: "https://www.waveshare.net/wiki/Pioneer600",
},
]
}}
效果展示