卡片
安装
npm i -D @smui/card
演示
一个简单的带填充的卡片。
您也可以使用
Content。一个带边框的填充卡片。
Clicked: 0
带操作
主要操作，卡片的可点击区域。
一个带有操作按钮的卡片。
一个带有全出血操作的卡片。
一个带有操作图标的卡片。
一个同时包含操作按钮和图标的卡片。
Clicked: 0
带媒体
一个带有 16x9 媒体的卡片。
这里有一些灰色的文本。
一个带有方形媒体的卡片。
以及副标题。
一个带有媒体的卡片。
以及副标题。
以及一些信息文本。 媒体和信息文本都是卡片的主要操作。
Clicked: 0
带列表
- 一个带有列表作为内容的卡片。
- 项目 #1
- 项目 #2
- 项目 #3
- 项目 #4
- 项目 #5
Clicked: 0
复杂
一个带有媒体的卡片。
以及副标题。
这张卡片包含了所有功能，可谓是卡片功能的百宝箱。
一个带有媒体的卡片。
以及副标题。
这张卡片包含了所有功能，可谓是卡片功能的百宝箱。Clicked: 0