1.3.7-alpha.5 • Published 3 months ago
@gaopeng123/card-ellipsis v1.3.7-alpha.5
card-ellipsis
卡片多余内容支持展开和收
在线demo
Usage
card-ellipsis {
--text-color: #1677ff;
--border-color: #bfbfbf;
// 使用文字
--expand-text: '更多';
--collapse-text: '收起';
// 使用图标
--expand-image: url(~@/assets/img/expand.png);
--expand-text: '';
--collapse-image: url(~@/assets/img/collapse.png);
--collapse-text: '';
}
// 最小高度
// min-height 默认100
// 简单模式为 slot比较简单 可以监听dam变化 添加过渡动画,复杂dom结构无法监听内部节点变化 获取不到高度,此时没有动画
// mode 'simple' | 'complex' 默认complex
<card-ellipsis min-height="140">
<div slot="content">
12121212</br>
12121212</br>
12121212</br>
12121212</br>
12121212</br>
12121212</br>
12121212</br>
12121212</br>
12121212</br>
12121212</br>
12121212</br>
12121212</br>
</div>
</card-ellipsis>
1.3.7-alpha.5
3 months ago
1.3.7-alpha.0
5 months ago
1.3.7-alpha.1
5 months ago
1.3.6
5 months ago
1.3.5
11 months ago
1.3.2
1 year ago
1.3.0
1 year ago
1.2.18
1 year ago
1.2.18-alpha.8
1 year ago
1.2.18-alpha.6
1 year ago
1.2.18-alpha.5
1 year ago
1.2.18-alpha.4
1 year ago
1.2.16-alpha.5
1 year ago
1.2.16-alpha.4
1 year ago
1.2.16-alpha.3
1 year ago
1.2.16-alpha.1
1 year ago
1.2.15
1 year ago