fix: 修改首页ui

zhengyiming

3 天以前 9453bef1fc4a3121b28ffa6617f0fbfc81d9f634

 apps/taro/src/subpackages/recharge/phoneBillRecharge/phoneBillRecharge.vue

@@ -1,5 +1,19 @@
<template>
  <PageLayout title="话费充值" class="phoneBillRecharge-page-wrapper" hasBorder>
  <PageLayout
    class="phoneBillRecharge-page-wrapper"
    :style="{
      backgroundImage: `url(${OssAssets.common.PhoneBillRechargePageBg})`,
    }"
  >
    <template #navigationBar>
      <TransparentNavigationBar
        :title="'话费充值'"
        :is-absolute="false"
        mode="dark"
        navigationArrowWhite
      >
      </TransparentNavigationBar>
    </template>
    <InnerPage />
  </PageLayout>
</template>
@@ -7,8 +21,29 @@
<script setup lang="ts">
import { PageLayout } from '@/components';
import InnerPage from './InnerPage.vue';
import { OssAssets } from '@/constants';

defineOptions({
  name: 'phoneBillRecharge',
});
</script>

<style lang="scss">
@import '@/styles/common.scss';

.phoneBillRecharge-page-wrapper {
  background-size: 100% 452px;
  background-color: $body-background-color;
  background-repeat: no-repeat;

  .phoneBillRecharge-page-bg {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 452px;
    object-fit: cover;
  }
}
</style>