美文网首页CSS
weex构建css所遇问题

weex构建css所遇问题

作者: EJRoxy | 来源:发表于2017-03-30 18:14 被阅读223次

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

    • 继承

      不支持继承;

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

    相关文章

      网友评论

        本文标题: weex构建css所遇问题

        本文链接:https://www.haomeiwen.com/subject/xhhpottx.html