uniapp 怎么将这样的表渲染到html页面里

list: [
{
aalist:[
[{name:'美女',price:'¥89'}]
],
id:1,
time:"2020-1-2"
},
{
aalist:[
[{name:'美女',price:'¥89'},{name:'帅哥',price:'¥90'},{name:'傻逼',price:'¥5'}],
[{name:'美女',price:'¥32'}],
[{name:'美女',price:'¥67'}]
],
id:2,
time:"2020-4-2"
},{
aalist:[[{name:'美女',price:'¥89'},{name:'帅哥',price:'¥90'},{name:'傻逼',price:'¥5'}],
[{name:'帅哥1',price:'¥78'},{name:'美女',price:'¥32'}],
[{name:'美女',price:'¥67'}]],
id:3,
time:"2020-1-8"
}

            ],

img

v-for循环 ul,li就行


<view class="ul" v-for="(item,index) in list" :key='id'>
            <view class="time">
                {{item.time}}
            </view>
            <view class="peoples" v-for="(itm,idx) in item.aalist" :key='idx'>
                <view class="people-item">
                    <text v-for="i in item">{{i.name}}</text>
                    <text v-for="k in item">{{k.price}}</text>
                </view>
            </view>
        </view>