关于 ant-design-vue a-card 自定义title的问题

卡片标题上添加图标给卡片里面元素身上加slot属性，值等于title，需要取消组件a-card的title属性，不然无效。<a-card :body-style='{padding:0}'><div slot="title"><a-icon type="smile" />卡片标题</div><p>card content</p&gt

冰魂破

9795人浏览 · 2021-06-02 12:04:49

冰魂破 · 2021-06-02 12:04:49 发布

卡片标题上添加图标

给卡片里面元素身上加slot属性，值等于title，需要取消组件a-card的title属性，不然无效。

<a-card :body-style='{padding:0}'>
   <div slot="title"><a-icon type="smile" />卡片标题</div>
    <p>card content</p>
    <p>card content</p>
    <p>card content</p>
</a-card>

修改卡片标题和主体内容区域样式

可以通过给添加自定义标题区域样式headStyle

<a-card  :head-style='{ }' :body-style='{ }'></a-card>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^