Chivnk 2023-02-07 09:55 采纳率: 46.8%
浏览 33
已结题

element ui 中的tabs组件问题

朋友们,使用element ui里的Tabs 标签页时,遇到个问题,我想做出第三个图片那样的效果,选项卡文字前加个图标,可是发现,tabs组件,那个选项卡的内容,直接写在label里。修改选项卡背景颜色直接使用的类名.el-tabs__item,朋友们,怎么在选项卡文字前加个图标,图片呀

/

img

img


下面这个是想要的效果

img

下面是代码


 <el-tabs tab-position="left" type="card" style="height: 200px;">
                <el-tab-pane label="统计数据">用户管理</el-tab-pane>
                <el-tab-pane label="行业研报">配置管理</el-tab-pane>
                <el-tab-pane label="市场信息">角色管理</el-tab-pane>
                <el-tab-pane label="消费情报">定时任务补偿</el-tab-pane>
            </el-tabs>
  • 写回答

2条回答 默认 最新

  • 简效 2023-02-07 10:03
    关注

    可以使用slot来实现自定义标签页的内容

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)
编辑
预览

报告相同问题?

问题事件

  • 系统已结题 2月15日
  • 已采纳回答 2月8日
  • 创建了问题 2月7日

悬赏问题

  • ¥20 谁刷目标页面的uv记录器上数据,数据只记录跳转的数值
  • ¥30 数据库软件的安装方法
  • ¥15 一道以太网数据传输题
  • ¥15 python 下载群辉文件
  • ¥50 代码还没怎么运行但是需要代码功能调用数据
  • ¥15 vue请求不到数据,返回状态200,数据为html
  • ¥15 用白鹭引擎开发棋牌游戏的前端为什么这么难找
  • ¥35 哪位专业人士知道这是什么原件吗?哪里可以买到?
  • ¥15 关于#c##的问题:treenode反序列化后获取不到上一节点和下一节点,Fullpath和Handle报错
  • ¥15 一部手机能否同时用不同的app进入不同的直播间?
手机看
程序员都在用的中文IT技术交流社区

程序员都在用的中文IT技术交流社区

专业的中文 IT 技术社区,与千万技术人共成长

专业的中文 IT 技术社区,与千万技术人共成长

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

关注【CSDN】视频号,行业资讯、技术分享精彩不断,直播好礼送不停!

客服 返回
顶部