chore(充值页面): 调整文件结构
This commit is contained in:
parent
5385e03ee5
commit
fa3fff7d8a
@ -170,19 +170,19 @@ const router = createRouter({
|
||||
{
|
||||
path: '/recharge',
|
||||
name: 'recharge',
|
||||
component: () => import('../views/Recharge.vue'),
|
||||
component: () => import('../views/Recharge/Recharge.vue'),
|
||||
meta: { requiresAuth: true },
|
||||
},
|
||||
{
|
||||
path: '/recharge-freight-agent',
|
||||
name: 'recharge-freight-agent',
|
||||
component: () => import('../views/RechargeFreightAgent.vue'),
|
||||
component: () => import('../views/Recharge/RechargeFreightAgent.vue'),
|
||||
meta: { requiresAuth: true },
|
||||
},
|
||||
{
|
||||
path: '/map',
|
||||
name: 'map',
|
||||
component: () => import('../views/map.vue'),
|
||||
component: () => import('../views/Recharge/map.vue'),
|
||||
meta: { requiresAuth: true },
|
||||
},
|
||||
{
|
||||
|
||||
@ -142,12 +142,13 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import MobileHeader from '../components/MobileHeader.vue'
|
||||
import { ref } from 'vue'
|
||||
import { searchUser } from '@/api/userInfo'
|
||||
import { showWarning } from '@/utils/toast.js'
|
||||
import { useRouter } from 'vue-router'
|
||||
import { usePageInitializationWithConfig } from '@/utils/pageConfig.js'
|
||||
import { showWarning } from '@/utils/toast.js'
|
||||
|
||||
import { searchUser } from '@/api/userInfo'
|
||||
|
||||
import MobileHeader from '@/components/MobileHeader.vue'
|
||||
|
||||
const router = useRouter()
|
||||
|
||||
@ -205,7 +206,7 @@ const checkUserId = async () => {
|
||||
.bg {
|
||||
width: 100vw;
|
||||
min-height: 100vh;
|
||||
background-image: url(../assets/images/secondBg.png);
|
||||
background-image: url(../../assets/images/secondBg.png);
|
||||
background-size: 100% auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
@ -54,7 +54,7 @@
|
||||
|
||||
<div style="padding: 10px">
|
||||
<!-- 头部展示图 -->
|
||||
<img src="../assets/images/firstRechargeBonus.png" alt="" style="width: 100%" />
|
||||
<img src="../../assets/images/firstRechargeBonus.png" alt="" style="width: 100%" />
|
||||
|
||||
<div style="font-weight: 600; margin-bottom: 10px">Recharge ID:</div>
|
||||
<!-- 个人信息 -->
|
||||
@ -81,7 +81,7 @@
|
||||
<div style="font-weight: 700; display: flex; align-items: center">
|
||||
{{ userProfile.userNickname }}
|
||||
<img
|
||||
src="../assets/icon/identity/coinSeller.png"
|
||||
src="../../assets/icon/identity/coinSeller.png"
|
||||
alt=""
|
||||
style="height: 20px; margin-left: 5px"
|
||||
v-if="isFreightAgent"
|
||||
@ -95,7 +95,7 @@
|
||||
<div style="width: 100%; display: flex; justify-content: space-between; margin: 10px 0">
|
||||
<div style="font-weight: 600">Select a country:</div>
|
||||
<div style="font-weight: 500; color: rgba(0, 0, 0, 0.4)" @click="goMap">
|
||||
<img src="../assets/icon/Vector.png" alt="" style="width: 10px" />
|
||||
<img src="../../assets/icon/Vector.png" alt="" style="width: 10px" />
|
||||
{{ selectedCountry.countryName }}
|
||||
</div>
|
||||
</div>
|
||||
@ -142,7 +142,7 @@
|
||||
:key="index"
|
||||
@click="goPay(channelItem, goods)"
|
||||
>
|
||||
<img src="../assets/icon/coin.png" alt="" style="width: 30%" />
|
||||
<img src="../../assets/icon/coin.png" alt="" style="width: 30%" />
|
||||
<div>{{ goods.content }}</div>
|
||||
<div>${{ goods.amountUsd }}</div>
|
||||
</div>
|
||||
@ -156,18 +156,20 @@
|
||||
|
||||
<script setup>
|
||||
import { onMounted, ref, watch } from 'vue'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import MobileHeader from '../components/MobileHeader.vue'
|
||||
import { searchUser, searchPayRechargeUser } from '@/api/userInfo'
|
||||
// import { getUserIdentity } from "@/api/wallet";
|
||||
import { getPayAplication, getAppCommodityCard, payPlaceAnOrderRecharge } from '@/api/pay'
|
||||
import { goAirwallex } from '@/utils/payment'
|
||||
import { showError, showWarning, showInfo, showSuccess } from '@/utils/toast.js'
|
||||
|
||||
import { useRoute } from 'vue-router'
|
||||
import router from '@/router'
|
||||
import { useI18n } from 'vue-i18n'
|
||||
import { goAirwallex } from '@/utils/payment'
|
||||
import { showWarning } from '@/utils/toast.js'
|
||||
|
||||
import { useCountryStore } from '@/stores/country'
|
||||
import { storeToRefs } from 'pinia'
|
||||
|
||||
import { searchPayRechargeUser } from '@/api/userInfo'
|
||||
import { getPayAplication, getAppCommodityCard, payPlaceAnOrderRecharge } from '@/api/pay'
|
||||
|
||||
import MobileHeader from '@/components/MobileHeader.vue'
|
||||
|
||||
const { t, locale } = useI18n()
|
||||
|
||||
const countryStore = useCountryStore()
|
||||
@ -337,7 +339,7 @@ watch(selectedCountry, (New, Old) => {
|
||||
.bg {
|
||||
width: 100vw;
|
||||
min-height: 100vh;
|
||||
background-image: url(../assets/images/secondBg.png);
|
||||
background-image: url(../../assets/images/secondBg.png);
|
||||
background-size: 100% auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
@ -77,10 +77,11 @@
|
||||
|
||||
<script setup>
|
||||
import { computed, ref } from 'vue'
|
||||
import MobileHeader from '../components/MobileHeader.vue'
|
||||
import { useRoute, useRouter } from 'vue-router'
|
||||
import { useRouter } from 'vue-router'
|
||||
|
||||
import { useCountryStore } from '@/stores/country'
|
||||
import { storeToRefs } from 'pinia'
|
||||
|
||||
import MobileHeader from '@/components/MobileHeader.vue'
|
||||
|
||||
const router = useRouter()
|
||||
const countryStore = useCountryStore()
|
||||
@ -157,7 +158,7 @@ const confirm = () => {
|
||||
.bg {
|
||||
width: 100vw;
|
||||
min-height: 100vh;
|
||||
background-image: url(../assets/images/secondBg.png);
|
||||
background-image: url(../../assets/images/secondBg.png);
|
||||
background-size: 100% auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user