添加swiper
This commit is contained in:
@@ -70,7 +70,13 @@ const onPractiseLoading = async (page) => {
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="contents">
|
<view class="contents">
|
||||||
<ScrollList :show="selectedIndex === 0" :onLoading="onMatchLoading">
|
<swiper
|
||||||
|
:current="selectedIndex"
|
||||||
|
@change="(e) => (selectedIndex = e.detail.current)"
|
||||||
|
:style="{ height: '100%' }"
|
||||||
|
>
|
||||||
|
<swiper-item>
|
||||||
|
<ScrollList :onLoading="onMatchLoading">
|
||||||
<view
|
<view
|
||||||
v-for="(item, index) in matchList"
|
v-for="(item, index) in matchList"
|
||||||
:key="index"
|
:key="index"
|
||||||
@@ -91,7 +97,9 @@ const onPractiseLoading = async (page) => {
|
|||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
</ScrollList>
|
</ScrollList>
|
||||||
<ScrollList :show="selectedIndex === 1" :onLoading="onBattleLoading">
|
</swiper-item>
|
||||||
|
<swiper-item>
|
||||||
|
<ScrollList :onLoading="onBattleLoading">
|
||||||
<view
|
<view
|
||||||
v-for="(item, index) in battleList"
|
v-for="(item, index) in battleList"
|
||||||
:key="index"
|
:key="index"
|
||||||
@@ -112,11 +120,9 @@ const onPractiseLoading = async (page) => {
|
|||||||
/>
|
/>
|
||||||
</view>
|
</view>
|
||||||
</ScrollList>
|
</ScrollList>
|
||||||
<ScrollList
|
</swiper-item>
|
||||||
:show="selectedIndex === 2"
|
<swiper-item>
|
||||||
:onLoading="onPractiseLoading"
|
<ScrollList :onLoading="onPractiseLoading" :pageSize="15">
|
||||||
:pageSize="15"
|
|
||||||
>
|
|
||||||
<view
|
<view
|
||||||
v-for="(item, index) in practiseList"
|
v-for="(item, index) in practiseList"
|
||||||
:key="index"
|
:key="index"
|
||||||
@@ -130,6 +136,8 @@ const onPractiseLoading = async (page) => {
|
|||||||
<image src="../static/back.png" mode="widthFix" />
|
<image src="../static/back.png" mode="widthFix" />
|
||||||
</view>
|
</view>
|
||||||
</ScrollList>
|
</ScrollList>
|
||||||
|
</swiper-item>
|
||||||
|
</swiper>
|
||||||
</view>
|
</view>
|
||||||
</Container>
|
</Container>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user