码农石头
码农石头
  • 发布:2020-03-17 21:22
  • 更新:2020-06-02 16:34
  • 阅读:2711

UNIAPP能不能不要自带样式?

分类:uni-app

用的colorui的样式库,比如一个button,背景是bg-orange黄色

复制代码<button form-type="submit" class="btn block bg-orange margin-tb-sm round lg" :disabled="disabled">登录</button>

点击按钮后,button变disabled,按colorui的样式背景还是黄色,只是变成禁用后,黄色变淡而已。

结果UNIAPP自作聪明加了这么一段样式,你为什么要把bgcolor变成灰白色 #F7F7F7F 呢?

复制代码uni-button[disabled]:not([type]), uni-button[disabled][type=default] {  
    color: rgba(0,0,0,.3);  
    background-color: #f7f7f7;  
}

样式不是你们的强项,能不能弄个配置,可以配置不带加UNIAPP原生组件自带样式??

2020-03-17 21:22 负责人:无 分享
已邀请:
杨兴

杨兴

button[disabled] {

复制代码    color: rgba(56, 227, 252, 1) !important;  
    background-color: rgba(252, 252, 252, 0) !important;  

}  

这样就可以改

DCloud_UNI_GSQ

DCloud_UNI_GSQ

并非什么自作聪明,或者什么样式强弱项。
为了各端统一,其他端尽量与微信小程序尽量一致,此样式是沿用的微信小程序设计。
未设置 type 的 button 本身为白色,禁用状态为灰白色,没什么不妥。可以提醒ui作者自行覆盖非禁用状态的样式时,也记得覆盖禁用状态的样式。

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容