关于 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><p>card content</p><p>card content</p>
</a-card>

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

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

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

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

Vue3 + Ant Design Vue 可搜索自定义字段 a-tree
记录一下,使用 Ant Design Vue a-tree 需要实现可搜索且后台返回数据不是标准数据的问题目录可搜索自定义字段完整全部代码可搜索自定义字段实现自定义字段需要使用 Tree ...
ant design vue时间范围(range-picker)自定义时间段范围
需求最近有这么一个要求选取时间的时候,禁止选择今天和之后的日期(因为可能没有数据嘛) 选取的时间区间端不能超过30天做法使用a-range-picker 添加以下属性 v-model:valu ...
ant design vue 中Upload组件如何自定义文件列表的样式
ant design vue 中Upload组件如何自定义文件列表的样式问题历程 UploadList 组件源码 h() 方法实现注问题技术:vue.ant design vue 在开发项 ...
ant design vue 当中的表格自定义结构超出隐藏的自适应动态显示省略号
前言我们知道,在ant design vue当中的table组件里面的列表项目,我们一般会使用columns属性定义列表项目,比如下面 export const columns = [{title: ...
Ant Design Vue 组件@chang绑定方法如何传递自定义参数
Ant Design Vue 组件@chang绑定方法如何传递自定义参数今天在写代码的时候遇到一个问题: 在嵌套标签中外层使用了一个v-for循环去循环一个数组,当内层想要拿取index,并且使用 ...
【vue2中引入阿里第三方图标库使用自定义的Ant Design Vue组件a-cascader级联选择后缀图标】
1,首先在vue2项目中安装ant design vue组件 npm install ant-design-vue@1.7.2 2,a-cascader组件在页面中的使用 <template&g ...
Vue 2.x折腾记 - (16) 基于Ant Design Vue 封装一个配置式的表单搜索组件
前言这次的后台管理系统项目选型用了Vue来作为主技术栈: 因为前段时间用过React来写过项目(用了antd),感觉棒棒的. 所以这次就排除了Element UI,而采用了Ant Design Vu ...
antd vue表单验证_ant design vue框架中自定义表单或单个表单框验证
一.项目要求 1.要求:点击新增按钮弹出新增页面,在输入名称时进行验证,当输入名称和列表下的名称相同,即后台数据库中存在,此时将会提醒用户,该名称已存在, 2.要求:该名称不存在,则新增成功二.思路 ...
chrome插件开发（manifest_version版本V3 + Ant Design Vue）
1.什么是 Chrome 插件谷歌浏览器插件是一种小型的定制浏览器体验的程序,通过插件可以自定义浏览器的一些行为来适合个人的需求,例如上面的查看服务器状态插件. 在应用商店中下载下来的插件基本上都是 ...
ant vue 设置中文_vue+Ant design vue做项目-Go语言中文社区
哈喽哈喽,这期带来蚂蚁金服的一个 Ant Design 的 Vue 实现. 样式还是很现代化的,嗯...现在是2019年9月17,对现在来说还很fashion过几年就不知道了. 话不多说直接上手,喜欢 ...

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

卡片标题上添加图标

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

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

最新文章

热门文章