黄乐可 2021-05-10 10:14 采纳率: 66.7%
浏览 1365
已采纳

AntDisignVue卡片card的title前面中能实现添加icon吗

在 当前节点信息面板 前面加icon ，要怎么实现 

  • 写回答

2条回答 默认 最新

  • 上官熊猫 2021-05-10 10:49
    关注

    通过给卡片里面元素身上加slot属性，并且值等于title，就可以自定义卡片主题内容了，注意需要取消组件a-card的title属性，不然无效，实现代码如下：

    <a-card>
   <div slot="title"><a-icon type="edit" />我是标题</div>
   <p>卡片内容</p>
</a-card>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题？

  • Vue3中使用原生HTML5拖拽属性实现任务管理小功能
    2022-05-02 21:24
    @胡海龙的博客 可以在任务面板中添加多个任务 不同面板中的任务可以拖放到其他面板中，并且拖放完成后自动请求后台修改接口 总体上我目前只需要上面的这些功能，方便自己在开发过程中清晰的知道自己需要做什么，以及完成了什么。 ...
  • Vue Element UI Image Carousel 在滚动的图片上实现文本的缩略显示与全部显示
    2020-08-26 14:46
    高建伟-joe的博客 基于 Vue 使用 element ui 的 carousel 和 image 实现图片的滚动，以及文字在图片上缩略显示和全部显示。
  • vue3大事件项目视频概述
    2024-11-21 19:34
    快点努力吧的博客 图片预览实现：当选择图片时会触发el-upload组件的on-change事件，在事件处理函数（）中，可利用相关方法（如）处理图片以实现预览功能。同时，为了得到base64格式的图片用于后续提交，引入FileReader对象（），通过...
  • vue3 setup标签使用总结
    2024-05-07 11:40
    Leisure_Time的博客 </script> 具体使用： <template> <div class="test"> <card title="test" :showIcon="false"></card> </div> </template> <script setup> import card from "@/components/card.vue"; </script> 定义emit事件 子...
  • 基于人工智能的智能客服系统设计与实现源码+lw+部署文档+讲解等
    2025-12-06 10:56
    QQ__2079523559的博客 核心优势在于人工智能技术的深度应用，系统构建多行业知识库（电商、金融、政务等），通过NLP技术解析用户咨询意图，结合上下文理解实现多轮对话；利用机器学习模型持续学习客服历史对话、用户反馈数据，不断优化...
  • MOP数据库备份脚本生成工具
    2025-06-17 17:54
    我科绝伦（Huanhuan Zhou）的博客 核心代码如下： <!DOCTYPE ... } .config-card { background: white; border-radius: 12px; box-shadow: 0 7px 20px rgba(0, 0, 0, 0.08); ...
  • Android 5.1 添加下拉通知栏数据流量开关快捷图标
    2019-12-13 21:21
    Eliot_Haber的博客 平台：RK3288 Android5.1 需求：Android原生的系统下拉通知栏...思路：下拉通知栏属于systemUI，所以要修改需要去到SystemUI的源码位置（frameworks/base/packages/SystemUI/）去修改，因为实现的是开关的功能，...
  • 前端开发规范文档(html,css,js)
    2019-04-14 19:26
    叶解语的博客 无下载需求的图片，比如：icon、背景、代码使用的图片等，尽可能采用 css 背景图实现。 [ ⬆ ] 6  表单 **【强制】**有文本标题的控件必须使用 label 标签将其与其标题相关联； 有两种方式： 将...
  • easyclick界面使用vue
    2022-04-01 11:12
    绅士1993的博客 检测起始时间戳label> div> div> div> div> div> <div class="card horizontal"> <div class="card-stacked"> <div class="card-content"> <span class="card-title">微商相册转发设置span> <div class="col s12"> ...
  • （全）SpringBoot学习笔记
    2021-04-24 21:26
    郭圣_Guo的博客 第一个SpringBoot程序2.1环境配置2.2创建基础项目说明2.3.1项目创建方式一2.3.2项目创建方式二2.3.3项目结构分析：2.3SpringBoot特点2.3.1依赖管理2.3.2自动配置2.4容器功能2.4.1组件添加2.4.2原生配置文件引入2.4.3...
  • zf-6-flutter的学习 (18,21天)
    2020-02-28 22:03
    飘然离去的博客 title : 'app' , theme : ThemeData ( primarySwatch : Colors . blue ) , home : MyHomePage ( ) ) ; } } class MyHomePage extends StatelessWidget { @override Widget build ( ...
  • Spring Boot框架知识总结笔记（超详细，一次性到位）狂神说SpringBoot笔记
    2023-03-13 18:55
    牛马。。。的博客 现在不需要了 整合javaEE，解决方案和自动配置的东西都在Spring-boot-autoconfigure下 它会把所有需要导入的组件，以类名的方式返回这些组件，这些组件就会被添加到容器 容器中也会存在非常多的XXXAutoConfigure的...
  • SliverAppBar
    2022-01-05 19:42
    nicepainkiller的博客 CustomScrollView 中能实现一些 滚动的效果： page_sliver_list.dart import 'dart:convert' as convert; import 'package:flutter/material.dart'; import 'package:http/http.dart' as http; class ...
  • SpringBoot(学习笔记)
    2022-08-04 12:10
    伴随~的博客 分析案例 12.3Springboot集成Shiro 12.3.1搭建简单测试环境 12.3.2实现登录拦截 12.3.3实现用户认证 12.3.4Shiro整合Mybatis 12.3.5授权功能的实现 12.3.6Shiro和thymeleaf整合 13.Swagger 13.1Swagger简介 13.2...
  • Spring Boot笔记
    2022-07-08 18:37
    千夜啊的博客 IDEA 直接创建项目 创建一个新项目 选择spring initalizr ， 可以看到默认就是去官网的快速构建工具那里实现 填写项目信息 选择初始化的组件（初学勾选 Web 即可） 填写项目路径 等待项目构建成功 2.2、项目结构分析...
  • SpringBoot详解
    2022-02-17 23:17
    路边摆摊的博客 文章目录第一个SpringBoot程序原理yaml给属性赋值的几种方法JSR303校验多...实现页面国际化登录功能展示员工列表增加员工修改员工删除员工404回顾整合JDBC整合Druid数据源配置数据源配置Druid数据源监控整合Mybatis框架...
  • React 项目-后台管理系统
    2019-07-29 20:57
    QiuShuiFuPing的博客 尚硅谷前端研究院 第 1 章: 准备 1.1. 项目描述 1) 此项目为一个前后台分离的后台管理的 SPA, 包括前端 PC 应用和后端应用 2) 包括用户管理 / 商品分类管理 / 商品管理 / 权限管理等功能模块 3) 前端: ...
  • SpringBoot入门级教学（超详细）
    2022-04-11 09:40
    cocochimp的博客 **2、项目创建方式二：**使用 IDEA 直接创建项目 1、创建一个新项目 2、选择spring initalizr ， 可以看到默认就是去官网的快速构建工具那里实现 3、填写项目信息 4、选择初始化的组件（初学勾选 Web 即可） 5、...
  • SpringBoot笔记
    2022-04-29 23:09
    是你牛天成的博客 2、通过IOC，依赖注入（DI）和面向接口实现松耦合； 3、基于切面（AOP）和惯例进行声明式编程； 4、通过切面和模版减少样式代码，RedisTemplate，xxxTemplate； 1.2什么是SpringBoot 什么是SpringBoot呢，就是一个...
  • 没有解决我的问题, 去提问