更改 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系统中), 仅第一次需要, 以后不需要该重启操作

原文地址:https://www.cnblogs.com/crazycode2/p/9219182.html

时间: 2024-10-09 21:10:49

更改 vux Tabbar TabbarItem标题下方的文字激活时的颜色的相关文章

java--实现将文字生成二维码图片,并在中间附上logo,下方附上文字

前段时间因为工作需要,要实现将一段文字或者url生成二维码,然后中间附上logo,下方正中间附上文字的功能. 上网找了几篇教程学习了下,由于没有保存借鉴的博文链接,所以就没po上参考文章的链接啦,感谢几位博主的分享~ 大概的实现效果如下图所示: 实现步骤: (1)导入java_ZXing_jar包,点此下载jar包 (2)编写画二维码代码 1 package QRCode; 2 3 import com.google.zxing.common.BitMatrix; 4 import javax.

ios简单更改系统TabBar的高度

- (void)viewDidLayoutSubviews { [super viewDidLayoutSubviews]; CGRect frame = self.tabBar.frame; frame.size.height = 55; frame.origin.y = self.view.frame.size.height - frame.size.height; self.tabBar.frame = frame; self.tabBar.backgroundColor = mRGBTo

div中文字超出时自动换行

    在开发中很容易遇到div中文字超出的问题,在此总结以下方法: white-space 属性设置如何处理元素内的空白.这个属性声明建立布局过程中如何处理元素中的空白符.所有浏览器都支持 white-space 属性. 注释:任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit". 值 描述 normal 默认.空白会被浏览器忽略. pre 空白会被浏览器保留.其行为方式类似 HTML 中的 <pre> 标签. nowrap

EditText设置文字改变时的监听

textWatcher = new TextChangeWatcher(); etQuerryInfo.addTextChangedListener(textWatcher); /** * 文字改变类,文字改变时的监听 */ private class TextChangeWatcher implements TextWatcher{ @Override public void onTextChanged(CharSequence s, int start, int before, int co

RadioButton解决文字和drawableleft和文字一起时不居中

/** * 解决文字和drawableleft和文字一起时不居中.要设置 android:background="@null"android:button="@null" * @author zhousheng * */ public class MDMRadioButton extends RadioButton { public MDMRadioButton(Context context, AttributeSet attrs, int defStyle) {

更改Sublimetext3的主题文件,改变某些不喜欢的颜色

使用的主题是Monokai(SL),主题很好看,但是注释和内容选中的颜色看起来跟没有一个样,看起来很淡,所以稍微改一下主题文件的颜色. 更改Sublimetext3的主题文件,改变某些不喜欢的颜色

css selection改变文字反选的背景颜色

<style type="text/css"><!--.ai::-moz-selection { background:#cc0000; color:#fff; }.ai::selection { background:#cc0000; color:#fff; }.av::-moz-selection { background:#FFCC00; color:#CC33FF; }.av::selection { background:#FFCC00; color:#CC

echarts legend文字配置多个颜色(转)

困扰很久的问题终于解决了 oh yea! echarts legend文字配置多个颜色legend: {data: [{name:‘直接访问’,icon : ‘circle’,textStyle: {color: ‘red’}},{name:‘邮件营销’,icon : ‘rect’,textStyle: {color: ‘blue’}},{name:‘联盟广告’,textStyle: {color: ‘#ffbb32’}}]--------------------- 作者:雪抛 来源:CSDN

改变UIButton上标题位置、文字颜色、背景色等

UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake(0, 100, 200, 100)]; //添加点击事件 [button addTarget:self action:@selector(pushToSecond) forControlEvents:UIControlEventTouchUpInside]; //整个按钮的背景色(无背景图片时有效果) button.backgroundColor = [UIColor gr