This commit is contained in:
@@ -14,14 +14,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<swiper
|
<scroll-view scroll-y class="package-scroll">
|
||||||
class="tab-swiper package-swiper"
|
|
||||||
:current="packageTypeIndex"
|
|
||||||
:circular="false"
|
|
||||||
:disable-touch="true"
|
|
||||||
>
|
|
||||||
<swiper-item v-for="tab in packageTypeTabs" :key="tab.value" class="package-swiper-item">
|
|
||||||
<scroll-view v-if="activePackageType === tab.value" scroll-y class="package-scroll">
|
|
||||||
<view v-if="!packagesLoaded || (loading && packageList.length === 0)" class="loading-state">
|
<view v-if="!packagesLoaded || (loading && packageList.length === 0)" class="loading-state">
|
||||||
<up-loading-icon text="加载中" size="30"></up-loading-icon>
|
<up-loading-icon text="加载中" size="30"></up-loading-icon>
|
||||||
</view>
|
</view>
|
||||||
@@ -54,8 +47,6 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
</swiper-item>
|
|
||||||
</swiper>
|
|
||||||
</view>
|
</view>
|
||||||
|
|
||||||
<up-popup :show="showModal" mode="center" @close="showModal = false">
|
<up-popup :show="showModal" mode="center" @close="showModal = false">
|
||||||
@@ -779,13 +770,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.tab-swiper {
|
|
||||||
margin-top: 20rpx;
|
|
||||||
flex: 1 1 0;
|
|
||||||
min-height: 0;
|
|
||||||
height: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container .package-tabs {
|
.container .package-tabs {
|
||||||
display: flex;
|
display: flex;
|
||||||
gap: 0;
|
gap: 0;
|
||||||
@@ -848,23 +832,12 @@
|
|||||||
z-index: 0;
|
z-index: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.package-swiper,
|
|
||||||
.package-swiper-item,
|
|
||||||
.package-scroll {
|
.package-scroll {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
min-height: 0;
|
min-height: 0;
|
||||||
}
|
|
||||||
|
|
||||||
.package-swiper {
|
|
||||||
/* 固定页面提供确定高度,轮播填充 Tab 下方的全部可用空间。 */
|
|
||||||
flex: 1 1 0;
|
flex: 1 1 0;
|
||||||
height: auto;
|
margin-top: 20rpx;
|
||||||
overflow: hidden;
|
box-sizing: border-box;
|
||||||
}
|
|
||||||
|
|
||||||
.package-swiper-item,
|
|
||||||
.package-scroll {
|
|
||||||
height: 100%;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.package-list {
|
.package-list {
|
||||||
|
|||||||
Reference in New Issue
Block a user