模板:展示卡片
模板页面
更多语言
更多操作
用法
展示卡片模板用于以统一样式展示信息卡片,首页各板块与其它页面均可使用。
样式定义在 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 作为背景,放大200%。