weex怎么在一个纵向列表里嵌套一个横向列表?

最近公司正式把移动端项目切到了weex开发,有一个需求,要做一张报表,类似下图:

https://img.mukewang.com/5c9348bf0001577204790491.jpg

拖动时左边第一栏和顶部第一栏固定在左边和上边,我尝试了各种思路,都没能达到效果,要么是横向滑动是单行没有整体,要么是竖排滑动问题,搞了一下午,搞不定,只好来请教一下!


  <scroller    class="scroller" show-scrollbar="false">


    <div class="flex-div">



      <div style="background-color:orange;flex:2;">

        <div class="row" v-for="title in titles" >

          <text class="text" >{{title}}</text>

        </div>

      </div>



      <scroller scroll-direction="horizontal"  style="background-color:white;flex:6.5;">

        <div  v-for="(data,index) in datas">

              <text>{{data.name}}</text>

              <div v-for="ddd in titles" >

                  <text >{{data.score}}&nbsp;&nbsp;&nbsp;</text>

              </div>

          </div>

      </scroller>



    </div>

     


       

  </scroller>

最后代码停留在这里了


下午又试了试,还是不行,只能固定住一端,weex的列表只支持横向里嵌纵向,或者纵向里嵌横向,我试了半天要么固定住左边要么固定住上边,想不通想不通。。。求思路


有只小跳蛙
浏览 530回答 3
3回答

DIEA

将第一列和第一行用div单独抽出来用个固定定位,应该可以实现

茅侃侃

把这个页面写成html网页,然后用web标签接进去?
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript