el-tab如何设置颜色样式

 时间:2026-02-12 23:35:31

1、双击打开HBuilderX工具,在已创建的vue项目中,创建组件Sc

el-tab如何设置颜色样式

2、利用Element布局,并添加一个el-tabs,设置三项新增、修改和删除

el-tab如何设置颜色样式

3、在el-tabs添加tab-click,并在标签内,初始化变量type,并添加事件changeType

el-tab如何设置颜色样式

4、在vue-router路由js配置文件中,导入组件Sc,并配置路由

el-tab如何设置颜色样式

5、保存代码并打开浏览器预览,可以看到保持原本的样式(默认的)

el-tab如何设置颜色样式

6、打开引入到项目中的样式文件,在添加background属性,并修改字体颜色color

el-tab如何设置颜色样式

7、再次保存代码并预览,可以发现选中的tab字体颜色和背景色发生了改变

el-tab如何设置颜色样式

  • 塞尔达怎么买更多的家具
  • 《塞尔达》琥珀有什么用
  • 塞尔达怎么救阿陨如何开炮
  • 塞尔达怎么加血上限
  • 塞尔达雷龙怎么打呢?
  • 热门搜索
    前列舒通胶囊效果怎么样 工作不足之处怎么写 dnf时空之门怎么去 动态心电图怎么做 女人性冷淡怎么办 怎么黑别人qq 金刚菩提子怎么盘红 下巴长疙瘩怎么回事 刷卡金怎么用 斯柯达昕锐怎么样