weex构建css所遇问题
2017-03-30 本文已影响223人
EJRoxy
首先,官方文档所给出的各种不支持
-
继承
不支持继承;
-
显示方面
- 不支持行内;
- 仅支持flex布局;
- 没有层级不支持设z-index;
-
单位方面
- 不支持相对单位(em,rem);
- 不支持百分比;
-
属性方面
- 不支持radial-gradient(径向渐变);
- 线性渐变色值不支持rgba,transparent;
- Andriod 暂不支持overflow: visible;
- Andriod 不支持设置负值;(如margin等);
- justify-content:不支持space-around;(每个项目两侧的间隔相等);
-
文本方面
- 文本类标签目前包括<text><input>组件
- 不支持嵌套
一些约束
<textarea>
- rows {number}:接收 number 类型的数据,指定组件的高度,默认值是 2(如果不改变rows值,抱歉了,你的输入文本最多只能显示两行)
- placeholder {string}:提示用户可以输入什么。 提示文本不能有回车或换行。颜色设置示例如下:
.export-txt {
placeholder-color: $base-disabled; //设置placeholder的颜色
}
< a >
- 不能直接在 < a > 中添加文本。
<image>
- 需要明确指定width和height,否则图片无法显示。
<list>或<scroller>
- 不支持同一方向的嵌套列表或滚动条。
例如,不允许嵌套在垂直列表或滚动条中的垂直列表。然而,嵌套在水平列表或滚动条中的垂直列表是合法的。
- <list>为根节点时无需设置高度,但是内嵌<list>高度必须可计算,可以使用flex或postion将<list>设为一个响应式高度(例如全屏显示),也可以设置<list>组件的height。
最近解决一个ios端的bug,部分聊天消息有下划线。
霸气的给个text-decoration:none; 解决!