模板:卡片
一个可可爱爱的小卡片~
用法
图片版
头像版
纯文字
其他
- 图片和头像
- 图片和头像可以同时使用。图片最好选择横向的,否则不太美观。
- 深色模式
- 在
class
中填写mdui-theme-layout-dark
即可激活深色模式。
参数
无描述。
参数 | 描述 | 类型 | 状态 | |
---|---|---|---|---|
class | class | CSS的class,应用在卡片最外层。看不懂的不要填写。
| 单行文本 | 可选 |
style | style | 行内CSS。看不懂的不要填写。 | 单行文本 | 可选 |
图片 | 图片 | 填写一张已经上传到羊羊百科的图片的名称,不用加“文件:”前缀。
| 文件 | 可选 |
头像 | 头像 | 填写一张已经上传到羊羊百科的图片的名称,最好是正方形的,不用加“文件:”前缀。
| 文件 | 可选 |
标题 | 标题 | 标题。如果使用“头像版”,则必须填写标题。
| 单行文本 | 可选 |
副标题 | 副标题 | 副标题。如果使用“头像版”,则必须填写副标题。
| 单行文本 | 可选 |
内容 | 内容 1 | 卡片内容。
| 内容 | 可选 |
引入样式
在https://wiki.biligame.com/你管理的wiki/MediaWiki:Card.css
里引入以下卡片样式
鸣谢
- Material Design(质感设计)
- 谷歌的质感设计真的非常好看。本模板的美术设计全部来自质感设计。
- MDUI
- 谷歌官方的网页版质感设计研发速度是真的慢,MIUI很早就实现了常用网页组件的质感设计移植。本模板的代码几乎全部来自MDUI,仅针对羊羊百科进行了少量修改。
所有模板列表