用weex怎样得到如下效果?

Question

怎样并排显示以上内容，求指教,谢谢！

用flex布局后，框显示出来了，为什么里边的内容没有显示，这是什么原因？代码如下：

<template>

    <list >

          <cell v-for="name in list" class="row">

               <div>

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

             </div>

          </cell>

      </list>

</template>

<style>

    .row{

        flex:1;

        flex-direction: row;

        height:80px;

        justify-content:flex-start;

        align-items:center;

        background-color:#FFFFFF;

     }

</style>

<script>

 module.exports = {

     data:{

         list:

          ['A', 'B', 'C']

     }

</script>

请问是什么原因？谢谢

Answer 1

weex支持大部分css语法，可以用flex布局试试