mjz update
This commit is contained in:
@@ -10,8 +10,11 @@ article: false
|
||||
## 案例类卡片
|
||||
|
||||
1. `cu-card` 和 `case` 结合,在配合子元素的 `cu-item` 类名,写出案例类的样式
|
||||
|
||||
2. 内部其他样式可以根据其他类名自行设置,`cu-item` 自带 `margin:30px`,可以通过类名 `no-card` 去除
|
||||
|
||||
3. 卡片上面是图片展示,右上角是标签,文字悬浮于图片上
|
||||
|
||||
4. 卡片下面就是一个消息列表
|
||||
|
||||
```html
|
||||
@@ -46,8 +49,11 @@ article: false
|
||||
## 动态类卡片
|
||||
|
||||
1. 该样式类似于 QQ 动态,由 `cu-card` 和 `dynamic` 结合,再配合子元素 `cu-item` 编写而成
|
||||
|
||||
2. 动态下方的评论需要添加类名 `comment`
|
||||
|
||||
3. 内部其他样式可以根据其他类名自行设置,`cu-item` 自带 `margin:30px`,可以通过类名 `no-card` 去除
|
||||
|
||||
4. **动态图片内容**,官网给出两种样式,第一就是等高 `grid` 宫格图片,第二就是一张图片
|
||||
|
||||
```html
|
||||
@@ -110,7 +116,9 @@ article: false
|
||||
## 文章类卡片
|
||||
|
||||
1. 该卡片由 `cu-card` 和 `article` 结合,再配合子元素 `cu-item`
|
||||
|
||||
2. `cu-item` 自带 `margin:30px`,可以通过类名 `no-card` 去除
|
||||
|
||||
3. 卡片里面内容分为 `title` 和 `content`,两个内容皆可自定义
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user