feat: 电费

wupengfei

2025-02-21 92be5ef4fbb40e84e737d6ba8ef8dd0a741abc34

 apps/taro/src/pages/home/index.vue

@@ -1,7 +1,10 @@
<template>
  <PageLayoutWithBg class="index-page-wrapper" :title="'生活缴费'" :need-auth="false">
    <ContentView>
      <RechargeGrid />
      <RechargeGrid
        @phoneBillRecharge="goPhoneBillRecharge"
        @electricityBillRecharge="goElectricityBillRecharge"
      />
    </ContentView>
  </PageLayoutWithBg>
</template>
@@ -10,25 +13,32 @@
import { useUser, useInfiniteLoading } from '@/hooks';
import { useUserStore } from '@/stores/modules/user';
import Taro from '@tarojs/taro';
import _ from 'lodash';
import IconLogo from '@/assets/home/icon-logo.png';
import { OrderInputType } from '@life-payment/constants';
import { RechargeGrid } from '@life-payment/components';

const { locationCity } = useUser();

const userStore = useUserStore();

const queryState = reactive({});

const list = ref([
  'https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg',
  'https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg',
  'https://storage.360buyimg.com/jdc-article/welcomenutui.jpg',
  'https://storage.360buyimg.com/jdc-article/fristfabu.jpg',
]);

const selectItem = ref();
function goPhoneBillRecharge() {
  Taro.navigateTo({
    url: `${RouterPath.phoneBillRecharge}`,
  })
    .then(() => {
      console.log('Navigate successfully');
    })
    .catch((err) => {
      console.error('Navigation failed:', err);
    });
}
function goElectricityBillRecharge() {
  Taro.navigateTo({
    url: `${RouterPath.electricBillRecharge}`,
  })
    .then(() => {
      console.log('Navigate successfully');
    })
    .catch((err) => {
      console.error('Navigation failed:', err);
    });
}
</script>

<style lang="scss">