Template:展示卡片

模板文档 编辑文档  编辑模板 刷新

 

用法

展示卡片模板用于以统一样式展示信息卡片，首页各板块与其它页面均可使用。

样式定义在 Template:展示卡片/styles.css，如需调整样式请编辑该页。

{{展示卡片
| 标题 = 卡片标题
| 内容 = 卡片正文（支持 wikitext）
}}

参数

标题

卡片标题，显示于顶部。

内容

卡片正文，支持 wikitext（列表、链接、表格等）。

强调

设置为任意值可启用强调样式（暖色系）。

标题颜色

可选，设置标题整体颜色（任意 CSS 颜色值，如 #C0392B、red）。

正文颜色

可选，设置正文整体颜色（任意 CSS 颜色值）。

背景透明度

可选，0~1 之间的小数，设置卡片背景的透明度（如 0.7，越小越透明）；不设置则完全不透明。

背景图片

可选，设置卡片背景图片的文件名（如 示例图.jpg，无需 File: 前缀）。

背景图片模式

可选，配合背景图片使用：裁剪（默认，宽度铺满卡片、高度按原始比例完整显示，可整体偏移）或 填充（拉伸铺满，可能变形）。

水平偏移

可选，仅裁剪模式下有效，0~100% 调整背景图水平位置，且相对点固定（图片的 X% 处始终对齐卡片的 X% 处：0% 左对齐、50% 居中、100% 右对齐），缩放后相对点保持不变，默认 50%。

垂直偏移

可选，仅裁剪模式下有效，0~100% 以居中为基准上下平移整张背景图（0% 上移、50% 居中、100% 下移），默认 50%。

背景缩放

可选，仅裁剪模式下有效，设置背景图宽度缩放比例（百分比，如 150%、300%），默认 100%（宽度正好铺满卡片）。高度按图片原始比例自动计算；放大后水平偏移才有移动空间。

示例

示例卡片

这是一张示例卡片。

• 条目一
• 条目二

自定义颜色示例：

自定义颜色

标题为红色，正文为深蓝色。

强调示例：

使用强调颜色

背景使用强调色系（橙色系）。

半透明背景示例：

半透明卡片

背景透明度为 0.5。

透明背景示例：

透明卡片

背景透明度为 0。

背景图片示例（裁剪）：

图片背景

使用 9on0_avatar.jpg 作为背景。建议在内容中使用文字背景或文字描边来增加可读性

背景图片示例（裁剪 + 缩放）：

图片背景缩放

使用 9on0_avatar.jpg 作为背景，放大200%。

进入 Template:展示卡片/doc 页面来编辑这个模板的说明文档。（这个说明框是怎么回事？）
修改完毕后，请刷新上面的文本。（为什么？）