本页所有卡片样式切换开关：
卡片使用 l-card 标签；属性 outline 设置是否显示轮廓
案例类卡片：
10
20
30
添加属性 type="case" 来使用案例类卡片；卡片绑定一个 info 对象属性，通过该对象提供显示参数；
info对象的属性：title、badge、badgeColor、img、avatar、user、tips；
这些属性依次对应：标题、角标、角标颜色、卡片大图、头像、用户名栏、日期或提示栏；
其中 img、badge、title、avatar、user、tips 的内容可以使用同名插槽来代替；
还有一个 footer 插槽用于渲染卡片右下角的内容
动态类卡片：
我是卡片内容正文
10
20
30
添加属性 type="dynamic" 来使用案例类卡片；卡片绑定一个 info 对象属性，通过该对象提供显示参数；
info对象的属性：avatar、user、tips；这些属性依次对应：头像、用户名栏、日期或提示栏；
其中 avatar、user、tips 的内容可以使用同名插槽来代替；
默认插槽中的内容将渲染为卡片主体内容；footer 插槽中的内容渲染到卡片最底部
文章类卡片：
卡片内容正文，卡片内容正文，卡片内容正文，卡片内容正文，卡片内容正文，卡片内容正文，卡片内容正文，卡片内容正文，卡片内容正文，卡片内容正文，卡片内容正文
标签1
标签2
添加属性 type="article" 来使用文章类卡片；卡片绑定一个 info 对象属性，通过该对象提供显示参数；
info对象的属性：title、img；这些属性依次对应：标题、卡片大图；
其中 title、img 的内容可以使用同名插槽来代替；
默认插槽的内容将渲染到卡片内容文字区域；还有一个 footer 插槽用于渲染卡片右下角的内容