美文网首页
weex踩坑记录(5)

weex踩坑记录(5)

作者: 自律财富自由 | 来源:发表于2020-03-11 20:11 被阅读0次

1、如果你想让你scroller容器内的元素平均分配空间, 那么

  • 在scroller外层包裹一个div, 给这个div一个最小宽度min-width
  • 在scroller容器下的每个子元素上加上flex-grow: 1, 注意不要使用flex:1; 哦,
    因为该属性是 flex: <flex-grow> | <flex-shrink> | <'flex-basis> 的简写,但是weex中Flex 成员项暂不支持 flex-shrink 和 flex-basis 属性。

2、导航吸顶

  • 可以监听scroller的scroll事件获取滚动的距离,然后跟元素的初始top(这个通过dom模块的getComponentRect放来获取)做比较,再加上固定样式即可。
  • 外层滚动使用list组件代替,然后将要固定的元素使用<header>来包裹即可。


    image.png

相关文章

  • Weex入门踩坑记录

    Weex入门踩坑记录

  • weex踩坑记录(5)

    1、如果你想让你scroller容器内的元素平均分配空间, 那么 在scroller外层包裹一个div, 给这个d...

  • weex踩坑记录

    weex版本1.5.3npm版本 6.4.1 请求 调用本地包,文件请求使用nat.js http://natjs...

  • Weex 踩坑记录

    1、运行 npm start ,报错如下:webpack-dev-server: command not foun...

  • weex踩坑记录(2)

    1、在使用storage客户端存储的时候, 变量不能使用局部变量的形式,也就是下面这种是获取不到的,或者获取到了,...

  • weex踩坑记录(1)

    1、组件会被转为p标签,对于字体的样式直接写在组件上,写在外层div无效。2、背景图片直接...

  • weex踩坑记录(4)

    1、weex中默认的css样式不要写: 2、color属性都写全,不然爆出警告(这个可能跟项目的配置有关)colo...

  • weex踩坑记录(3)

    1、loadmore事件不会在web端触发2、不支持百分比单位3、垂直水平居中: justify-content:...

  • uniApp-study

    1. weex-image(nvue)踩坑 https://weex.apache.org/zh/docs/com...

  • weex 踩坑

    1. 用weex实现页面跳转? 1.1 使用vue-router position: fixed/sticky 的...

网友评论

      本文标题:weex踩坑记录(5)

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