Chivnk 2023-02-07 17:55 采纳率: 47.4%
浏览 31
已结题

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 18:03
    关注

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

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

报告相同问题?

问题事件

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

悬赏问题

  • ¥15 wegame打不开英雄联盟
  • ¥15 公司的电脑,win10系统自带远程协助,访问家里个人电脑,提示出现内部错误,各种常规的设置都已经尝试,感觉公司对此功能进行了限制(我们是集团公司)
  • ¥15 救!ENVI5.6深度学习初始化模型报错怎么办?
  • ¥30 eclipse开启服务后,网页无法打开
  • ¥30 雷达辐射源信号参考模型
  • ¥15 html+css+js如何实现这样子的效果?
  • ¥15 STM32单片机自主设计
  • ¥15 如何在node.js中或者java中给wav格式的音频编码成sil格式呢
  • ¥15 不小心不正规的开发公司导致不给我们y码,
  • ¥15 我的代码无法在vc++中运行呀,错误很多