| | |
| | | <template> |
| | | <PageLayout |
| | | class="phoneBillRecharge-page-wrapper" |
| | | :style="{ |
| | | backgroundImage: `url(${OssAssets.common.PhoneBillRechargePageBg})`, |
| | | }" |
| | | :style=" |
| | | current === 'step2' && { |
| | | backgroundImage: `url(${OssAssets.common.PhoneBillRechargePageBg})`, |
| | | } |
| | | " |
| | | :title="current != 'step2' && title" |
| | | > |
| | | <template #navigationBar> |
| | | <template #navigationBar v-if="current === 'step2'"> |
| | | <TransparentNavigationBar |
| | | :title="'话费充值'" |
| | | :title="title" |
| | | :is-absolute="false" |
| | | mode="dark" |
| | | navigationArrowWhite |
| | | > |
| | | </TransparentNavigationBar> |
| | | </template> |
| | | <InnerPage /> |
| | | <InnerPage @currentChange="handleCurrentChange" /> |
| | | </PageLayout> |
| | | </template> |
| | | |
| | |
| | | defineOptions({ |
| | | name: 'phoneBillRecharge', |
| | | }); |
| | | |
| | | type Current = 'step1' | 'step2'; |
| | | |
| | | const title = '话费充值'; |
| | | |
| | | const current = ref<Current>(); |
| | | |
| | | function handleCurrentChange(val: Current) { |
| | | current.value = val; |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss"> |