list组件没有渲染

fu-moreways

list组件没有渲染

1. <template>
2. <list class="tutorial-page" @scrollbottom="loadMoreData">
3. <block for="{{list}}">
4. <list-item type="productLeft" class="content-item" if="{{$idx%2 === 0}}">
5. <image class="img" src="{{$item.imageUrl}}"></image>
6. <div class="text-wrap">
7. <div class="top-line">
8. <text class="text-name">{{$item.title}}</text>
9. </div>
10. </div>
11. </list-item>
12. <list-item type="productRight" class="content-item" else>
13. <div class="text-wrap">
14. <div class="top-line">
15. <text class="text-name">{{$item.title}}</text>
16. </div>
17. </div>
18. <image class="img" src="{{$item.imageUrl}}"></image>
19. </list-item>
20. </block>
21. <list-item type="loadMore" class="load-more">
22. <progress type="circular"></progress>
23. <text>加载更多</text>
24. </list-item>
25. </list>
26. </template>

复制代码

1. <style lang="less">
2. .tutorial-page {
3. width: 100%;
5. .content-item {
6. width: 100%;
7. height: 100%;
8. image {
9. width: 200px;
10. height: 200px;
11. }
12. }
13. }
14. </style>

复制代码

隔壁老王

list 加个 display: flex; 就行 惊喜吗？