Skip to content
This repository has been archived by the owner on Jun 3, 2021. It is now read-only.

紧急求助 wxc-indexlist 无法更改背景颜色 #132

Closed
xiaozhuxiong121 opened this issue Jan 22, 2018 · 9 comments
Closed

紧急求助 wxc-indexlist 无法更改背景颜色 #132

xiaozhuxiong121 opened this issue Jan 22, 2018 · 9 comments

Comments

@xiaozhuxiong121
Copy link

wxc-indexlist 无法更改背景颜色
例如下载这样的样式

b7339925-c24d-4858-915b-e17799de88c3

@tw93
Copy link
Member

tw93 commented Jan 22, 2018

谢谢反馈,我想想怎么加入进去

@xiaozhuxiong121
Copy link
Author

1、整体的背景颜色
2、tableViewlabel字的大小以及颜色
3、headerView的背景颜色
4、headerView label的字大小以及颜色
5、右边索引的字大小以及颜色
6、按下状态的颜色变化

希望能做到完全的可以自定义,支持weex

@tw93
Copy link
Member

tw93 commented Jan 22, 2018

更新weex-ui到最新0.3.13beta1版本,正式版本这周发布

npm i weex-ui@latest -S

完全自定义样式

  • 假如上述默认样式不符合要求,可以通过传入相对应的参数来覆盖原有的样式。
  • 样式为 Object 类型,使用驼峰方式命名

@xiaozhuxiong121
Copy link
Author

A、B、C下面的背景颜色怎么变呢
wechatimg57

@tw93
Copy link
Member

tw93 commented Jan 22, 2018

这里其实是一个text,通过headerStyle来覆盖,我去更新下图片
假如没有问题了,可以将这个issue关闭

@xiaozhuxiong121
Copy link
Author

嗯,提两个建议
1、建议提供一个文档,好多属性都不知道,比如headerStyle ,我都不知道有这个API,查官方文档也没有
2018-01-22 8 53 40

2、弄个版本更新记录,每个版本更新了啥也不知道

@xiaozhuxiong121
Copy link
Author

xiaozhuxiong121 commented Jan 22, 2018

大神,popTextStyle 设置没有起作用,不知道是我代码有问题还是什么原因

29818f02-9373-4984-80e2-f3857b2ab717

@ghost
Copy link

ghost commented Jan 23, 2018

感谢 @tw93 的及时响应,不过看到这个 Issue 我也有些想法希望借此探讨下。

这个 Issue 是样式定制需求的一个很好的代表,这类情况有可能普遍存在于各种组件之中。如果每次都是靠增加类似的样式 API,问题倒是解决了,但感觉存在两个问题:

  1. 成本:需要不断地增加 API;维护组件的时候面对已经暴露出来的 API,再去改样式难免束手束脚

  2. 渲染:不得不说 Weex 在样式切换上是存在一定问题的,如果是这种一成不变的样式还好,一旦涉及样式切换,可能就会有意想不到的问题出现,类似于闪烁、样式重置无效等(我在其他组件开发时遇到过这个问题)

不知道我这两个顾虑维护者们是怎么看的。同时 Weex 组件样式定制问题是否有进一步的改进空间呢?

@tw93
Copy link
Member

tw93 commented Jan 23, 2018

抱歉 之前哪一张图片有误
使用这种来配置
关于你说的文档记录和changelog 其实都是有的,只是现在给你的版本还是beta版本,没有合并到master,需要等到正式发布时候(每周尽量一次,防止对使用者频繁更新)

关于成本:你说的这个自定义需求,我认为更多是需要从视觉规范上面来统一,而不是通过增加大量的参数,譬如你这种情况最多5%的人有使用到,但是反而会让95%的同学觉得这个组件太复杂
关于渲染:这里需要自己去优化,尽量不要频繁更新样式,同时做好层级优化,越简单越好

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants