diff --git a/pages/package-order/package-order.vue b/pages/package-order/package-order.vue index 70dce37..ceaad46 100644 --- a/pages/package-order/package-order.vue +++ b/pages/package-order/package-order.vue @@ -14,39 +14,41 @@ - - - - - - 套餐订购 - 暂无{{ 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) }} - - - + + @@ -726,9 +728,11 @@ .tab-section { flex: 1; + height: 100%; min-height: 0; display: flex; flex-direction: column; + overflow: hidden; } .tab-header { @@ -832,11 +836,17 @@ z-index: 0; } + .package-scroll-area { + flex: 1 1 0; + min-height: 0; + margin-top: 20rpx; + display: flex; + } + .package-scroll { width: 100%; + height: 100%; min-height: 0; - flex: 1 1 0; - margin-top: 20rpx; box-sizing: border-box; }