diff --git a/pages/package-order/package-order.vue b/pages/package-order/package-order.vue index 9e6059f..70dce37 100644 --- a/pages/package-order/package-order.vue +++ b/pages/package-order/package-order.vue @@ -2,60 +2,51 @@ - - - {{ tab.label }} - + + + {{ tab.label }} + - - - - - - - - 套餐订购 - 暂无{{ activePackageType === 'formal' ? '正式套餐' : '加油包' }} - 当前资产暂无适用的套餐 - + + + + + + 套餐订购 + 暂无{{ activePackageType === 'formal' ? '正式套餐' : '加油包' }} + 当前资产暂无适用的套餐 + - - - - {{ item.package_name }} - - - - {{ formatValidity(item.validity_days) }} - - - - {{ formatData(item.data_allowance, item.data_unit) }} - + + + + {{ item.package_name }} + + + + {{ formatValidity(item.validity_days) }} + + + + {{ formatData(item.data_allowance, item.data_unit) }} - 高速流量 · 全国通用 · 不限速 - - - ¥{{ formatPackagePrice(item.retail_price) }} - + 高速流量 · 全国通用 · 不限速 + + + ¥{{ formatPackagePrice(item.retail_price) }} + - - - + + @@ -779,13 +770,6 @@ } } - .tab-swiper { - margin-top: 20rpx; - flex: 1 1 0; - min-height: 0; - height: auto; - } - .container .package-tabs { display: flex; gap: 0; @@ -848,23 +832,12 @@ z-index: 0; } - .package-swiper, - .package-swiper-item, .package-scroll { width: 100%; min-height: 0; - } - - .package-swiper { - /* 固定页面提供确定高度,轮播填充 Tab 下方的全部可用空间。 */ flex: 1 1 0; - height: auto; - overflow: hidden; - } - - .package-swiper-item, - .package-scroll { - height: 100%; + margin-top: 20rpx; + box-sizing: border-box; } .package-list {