样式调整

src/views/mall/index.vue

@@ -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>