weex构建css所遇问题

首先,官方文档所给出的各种不支持

  • 继承

    不支持继承;

  • 显示方面
    • 不支持行内;
    • 仅支持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; 解决!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,309评论 4 61
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,856评论 25 709
  • 2017.3.8 寝室真的是一个堕落的地方,呆在寝室就不会想出来,而一旦出了寝室楼,就会觉得外面的空气是如此清新...
    柚苏啊阅读 1,449评论 0 1
  • 在全世界都被《你的名字》刷屏的同时,你是否还记得周杰伦自导自演的处女作《不能说的秘密》? 其实,峰少和绝大多数《你...
    何鲸洛阅读 4,778评论 0 1
  • 人生就像一场戏,我们都是生活这场大戏的演员。杀青是早晚的事情,只不过坚持到最后的人承受着目送一场场离别的痛苦。
    lixiy阅读 1,378评论 0 0