less变量申请

[erguotou520]

• Button
  • primary|default|success 颜色
  • disable color/background-color
• Button tab
  • 是否使用border
  • border-radius 大小
  • 未选中时的text color
  • height与line-height
• Group
  • title margin-top大小
• Toast
  • position:top
  • position:bottom bottom时覆盖top
  • font-size
• InlineCalendar
  • 箭头和周末文字颜色
  • 选中日期的背景色

[erguotou520]

这么晚了还在维护啊，辛苦了，
后续还有什么变量的话我还在这跟帖了 👍

[erguotou520]

• Group
  • title margin-top大小

[erguotou520]

• toast
  • position:top
  • font-size

[erguotou520]

如果有些是weui本身的不方便修改的可以不添加，到时直接样式强制覆盖

[erguotou520]

统一在最上面维护了，使用task list方式

[w2819]

请教下，你强制覆盖是怎么做的啊，提高权重么？

[Kyncc]

希望toast的高度能直接在 初始化时直接在变量里面设置

[erguotou520]

@327326724 !important

[w2819]

!important看着真心不舒服····

[erguotou520]

要不然没法啊...

[erguotou520]

tab-button的button-tab-height文档已经更新了，但是代码里好像并没有...

[airyland]

@erguotou520 明天更新。

[erguotou520]

@tabbar-text-active-color变量失效

[wg5945]

• weui_dialog.less
  .weui-dialog__btn_primary color

这个还没有添加么？

[erguotou520]

Group-title margin-top不起作用 被.weui-cells样式覆盖

[erguotou520]

我重新编辑你那边能收到通知么？

[airyland]

新评论可以收到，编辑似乎没有。

[qinqin123]

没有less文件啊

[erguotou520]

那我每次编辑后就回复下吧

[erguotou520]

disabled-button要的是背景色.. 还有加了日历的几个

[greedying]

@button-tab-active-border-color
@button-tab-default-border-color
@button-tab-border-color:

这三个变量，@button-tab-active-border-color并没有用到， @button-tab-border-color起到了@button-tab-active-border-color的作用。

另外，命名规则有些不一致，比如下面两个，都是默认状态的值，但是一个有default，一个没有。
@button-tab-border-width solid @button-tab-default-border-color;

因为有可能影响到之前使用的人，我没想好怎么pr较好，在这里提一下，看看作者觉得需要不需要处理下

[iReadX]

@airyland get,thx

[erguotou520]

个人觉得最好的方式是把样式作为一个主题，用户可以自由选择主题目录
@lurkerc 有时候权重不是好提高的，而且按需加载的时候用户自己的样式在vux组件的样式之前

[Tim-OuY]

@tabbar-text-active-color
使用[email protected]不能正常使用，然而更新到2.1.1-rc.14之后没问题了。

[zhangwei900808]

@erguotou520 为什么我在使用less的时候修改weui样式不成功，去掉less的声明就可以了？？？求解

[erguotou520]

首先确认是按文档中说的配置了less-theme？其次是所有的都不生效？最后贴下你的custom.less

[zhangwei900808]

我没有配置less-theme?难道要配置这个才有效吗。我给看看我的代码

<template>
<x-dialog v-model="dialog.editLiveIntroDialog.show" class="dialog-editLiveIntroDialog" hide-on-blur>
      <header>
        <img src="../assets/imgs/edit-pencil.png" alt="">
        <p class="title">直播介绍</p>
      </header>
      <section class="editLiveIntroDialog-content">
        <label class="input-label">直播主题名称</label>
        <div class="input-outer">
          <input type="text" placeholder="输入直播主题名称" v-model="dialog.editLiveIntroDialog.title">
        </div>
        <group class="btn-create-outer">
          <x-button type="primary" class="btn-create" disabled @click.native="btnCreateGroup">确认创建</x-button>
        </group>
      </section>
    </x-dialog>
</template>
<style lang="less" scoped>
  @import '../assets/css/dialogs.css';
  @import '~vux/src/styles/close';
 
  .dialog-editLiveIntroDialog{
    text-align: left;
    padding: 20px;
    .weui-dialog{//todo:从这里开始就不起作用了，怎么设置都不行，还有设置.weui-cell都不起作用，非要去掉lang=less才起作用
      header{
      img{
        width: 1.1rem;
        position: absolute;
        top: 15px;
        right: 15px;
      }
      p.title{
        color:#6E6E6E;
        font-size: .8rem;
        padding-top:15px;
      }
      }
      .editLiveIntroDialog-content{
      .group-label{
        color: #BCBCBC;
      }
      }
    }
  }
</style>

[zhangwei900808]

@erguotou520 在吗

[erguotou520]

去掉scoped

[zhangwei900808]

@erguotou520 可以了大神，为什么去掉scoped就可以了阿，解释下阿

[erguotou520]

你注意生成的css

[zhangwei900808]

生成的css怎么了？大神你详细解释下阿

[erguotou520]

scoped后css选择器上会有一个类似[_v-f3f3eg9]这样的东西，但是组件是不会有这个attribute的

[zhangwei900808]

就算加了这个也没关系吧，不影响是吧

[ChristianYeap]

@Kevin-OY 2.2.1本地表示改了tabbar-text-active-color不生效，写在APP.VUE上又被覆盖了... 有好的解决办法么？？

[lingyunzhu]

请问如何覆盖Radio选中项的颜色，theme.less 的方式貌似不行

[airyland]

@lingyunzhu 选中的图标颜色吗？这个变量暂未有。下个版本加上。你可以样式覆盖。

[lingyunzhu]

@airyland 是选中的图标颜色，请问样式覆盖怎么做，我在vux里面的styles里面改了选中的图标颜色，起作用，但是这样的话只是改了我本地，团队其他人不起作用（这块代码没提交代码仓库）

[airyland]

@lingyunzhu 在你的业务代码样式里覆盖，不要直接修改 vux 源码。

[ManorNotMaNong]

Button tab 设置了 border-radius 大小为5后,选中两边控件的背景颜色的radius还是原先的,导致不贴合,

[xiaolongyuan]

申请开放 tabbar 的背景色 默认字体颜色修改

[xiaolongyuan]

tabbar 添加横线功能

[erguotou520]

Tabbar添加横线应该不属于常见的UI设计吧。。。

[airyland]

@xiaolongyuan 这个更像是 Tab，如果定制比较多，直接参考组件写一个更方便。

[xiaolongyuan]

@airyland 线条可以无视 支持当然最好了 哈哈哈
就是 申请开放 tabbar 的背景色 默认字体颜色修改

[DaDaDaDaDaBocai]

主体背景颜色 能不能支持设置呢?

[nali946]

@airyland 我要头部那个返回箭头变粗可以吗?老板说太细

[LLawlight]

目前测试到了这四个有问题：

/**
* Cell
*/
@cell-label-color: #000;
@cell-font-size: 17px;
@cell-value-color: #999;
@cell-placeholder-color: #999;

只有@cell-font-size有效果。并且，@cell-font-size后面只能跟**px这样的值，举个例子，我定义了@font-size-normal: 0.16rem;，然后@cell-font-size: @font-size-normal;，那么最终在浏览器里的.weui-cells的line-height被编译为150(1rem为100px)。如果直接写16px的话就是正常的1.5。

[tong233]

weui-cell高度或者padding，vux-header-title的font-size

[natee]

• popup-picker
  .vux-popup-picker-placeholder{color: xxx}
  .vux-popup-picker-value{color:xxx}
  文字颜色