在三个swiper页面中分别显示不同的页面名称和页面内容。一开始想用两个数组循环遍历,实在菜鸟,不会。只好放在一个数组里面。
tabList: [{
"id": 1,
"name": 'tab1',
ilist: [{
"id": 11,
"title": "第一个标题",
"content": "第一个内容"
}, {
"id": 12,
"title": "第一个标题",
"content": "第二个内容"
}]
}, {
"id": 2,
"name": 'tab2',
ilist: [{
"id": 21,
"title": "第二个标题",
"content": "第一个内容"
}, {
"id": 22,
"title": "第二个标题",
"content": "第二个内容"
}]
}, {
"id": 3,
"name": 'tab3',
ilist: [{
"id": 31,
"title": "第三个标题",
"content": "第一个内容"
}, {
"id": 32,
"title": "第三个标题",
"content": "第二个内容"
}]
}],
<swiper style="height:{{filter.getHeight(tabBoxHeight, list.length)}}rpx" class="tab-swiper" current="{{currentTab}}" bindchange="switchSwiper" background-color='#eeeeee'>
<swiper-item wx:for="{{tabList}}" wx:key="{{id}}">{{item.name}}
<scroll-view scroll-y class='section_positions' wx:if="{{list.length > 0}}" height="{{auto}}">
<view class='position_list' wx:for="{{item.ilist}}" wx:for-item='ilist' wx:for-index="{{id}}" wx:key='{{id}}' id="{{ilist.id}}">
<text class='title'>页面内容#{{ilist.id}}:{{ilist.content}}%</text>
<input class='newList' type='text' bindinput='newListInput' placeholder='请输入新的页面内容'></input>
<button bindtap='modfyList' type='primary' id='swiperButton' data-id="{{index}}" data-title="{{item.title}}" data-content="{{item.content}}" >更改页面内容</button>
</view>
</scroll-view>
</swiper-item>
</swiper>