zoukankan      html  css  js  c++  java
  • 更改 vux Tabbar TabbarItem标题下方的文字激活时的颜色

    步骤一:

    打开文件build/webpack.base.conf.js, 找到modeule.exports = vuxLoader, 修改如下(并保存)

    module.exports = vuxLoader.merge(webpackConfig, {
      plugins: ['vux-ui', 'progress-bar', 'duplicate-style', {name: 'less-theme', path: 'src/style/vux_theme.less'}]
    })

    步骤二:

    新建文件src/style/vux_theme.less, 然后打开该文件vux_theme.less,添加代码(后面用到的其它vux样式变量也可以直接在此文件中添加)

    @tabbar-text-active-color: red;

    步骤三:

    运行npm run dev重启项目(目的是为了vux_theme.less文件被装在在vux系统中), 仅第一次需要, 以后不需要该重启操作

  • 相关阅读:
    第七天冲刺
    MySQL管理
    LNMP环境搭建
    docker使用笔记
    Laravel5.2使用笔记
    Linux使用笔记
    Redis3.2.11在centos9安装与卸载
    Ubuntu系统
    Linux下安装与卸载PHP
    安装Linux
  • 原文地址:https://www.cnblogs.com/crazycode2/p/9219182.html
Copyright © 2011-2022 走看看