|
|
@@ -1,28 +1,30 @@
|
|
|
<!-- 臻选商城 -->
|
|
|
<template>
|
|
|
- <div class="default-width white-bgc px-3 pt-5 pb-10">
|
|
|
- <div class="statisticsBox">
|
|
|
- <div class="mt-2">
|
|
|
- <span style="font-size: 20px; color: var(--color-333); line-height: 28px; font-weight: bold;" class="ml-10">您当前可用积分</span>
|
|
|
- <span style="font-size: 14px; color: var(--color-666); line-height: 24px; cursor: pointer;" class="ml-2" @click="toPointsDetails">积分明细</span>
|
|
|
+ <div style="background-color: var(--default-bgc); height: 100vh; overflow-y: auto;">
|
|
|
+ <div class="default-width white-bgc px-3 pt-5 pb-10" style="min-height: 100vh;">
|
|
|
+ <div class="statisticsBox">
|
|
|
+ <div class="mt-2">
|
|
|
+ <span style="font-size: 20px; color: var(--color-333); line-height: 28px; font-weight: bold;" class="ml-10">您当前可用积分</span>
|
|
|
+ <span style="font-size: 14px; color: var(--color-666); line-height: 24px; cursor: pointer;" class="ml-2" @click="toPointsDetails">积分明细</span>
|
|
|
+ </div>
|
|
|
+ <div class="d-flex justify-space-between align-end my-1">
|
|
|
+ <span style="font-size: 42px; color: #10897bba; line-height: 50px;" class="ml-10 cursor-pointer" @click="toPointsDetails">{{ integral }}</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="d-flex justify-space-between align-end my-1">
|
|
|
- <span style="font-size: 42px; color: #10897bba; line-height: 50px;" class="ml-10 cursor-pointer" @click="toPointsDetails">{{ integral }}</span>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- <v-tabs v-model="tab" class="mt-1" align-tabs="start" color="primary" bg-color="#fff" @update:model-value="getPositionList()"> -->
|
|
|
- <v-tabs v-model="tab" class="mt-1" align-tabs="start" color="primary" bg-color="#fff" @update:model-value="getPositionList">
|
|
|
- <v-tab :value="1">{{ $t('points.exchange') }}</v-tab>
|
|
|
- <v-tab :value="2">{{ $t('points.exchangeRecords') }}</v-tab>
|
|
|
- </v-tabs>
|
|
|
- <div class="mt-5">
|
|
|
- <!-- 积分兑换 -->
|
|
|
- <div v-if="tab === 1">
|
|
|
- <exchange></exchange>
|
|
|
- </div>
|
|
|
- <!-- 积分兑换记录 -->
|
|
|
- <div v-if="tab === 2">
|
|
|
- <exchangeRecords></exchangeRecords>
|
|
|
+ <!-- <v-tabs v-model="tab" class="mt-1" align-tabs="start" color="primary" bg-color="#fff" @update:model-value="getPositionList()"> -->
|
|
|
+ <v-tabs v-model="tab" class="mt-1" align-tabs="start" color="primary" bg-color="#fff" @update:model-value="getPositionList">
|
|
|
+ <v-tab :value="1">{{ $t('points.exchange') }}</v-tab>
|
|
|
+ <v-tab :value="2">{{ $t('points.exchangeRecords') }}</v-tab>
|
|
|
+ </v-tabs>
|
|
|
+ <div class="mt-5">
|
|
|
+ <!-- 积分兑换 -->
|
|
|
+ <div v-if="tab === 1">
|
|
|
+ <exchange></exchange>
|
|
|
+ </div>
|
|
|
+ <!-- 积分兑换记录 -->
|
|
|
+ <div v-if="tab === 2">
|
|
|
+ <exchangeRecords></exchangeRecords>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
