From 4befb7833be6e9e580329fa470a990846b410e8d Mon Sep 17 00:00:00 2001
From: lcc <805383944@qq.com>
Date: Tue, 9 Sep 2025 17:19:50 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E9=9A=8F=E6=9C=BA=E8=8E=B7?=
 =?UTF-8?q?=E5=8F=96=E4=BA=8C=E7=BB=B4=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/PopGetAllowance.vue | 40 +++++++++++++++++-------------
 1 file changed, 23 insertions(+), 17 deletions(-)

diff --git a/src/components/PopGetAllowance.vue b/src/components/PopGetAllowance.vue
index 4971c30..1dde79d 100644
--- a/src/components/PopGetAllowance.vue
+++ b/src/components/PopGetAllowance.vue
@@ -49,20 +49,21 @@
         <div class="mt10">有任何疑问可添加车管家的微信进行咨询~</div>
       </div>
       <div class="text-center">
+        <!--
+        <van-swipe class="van-swipe" :autoplay="3000">
+          <van-swipe-item v-for="(image, index) in qrImages" :key="index">
+            <van-image fit="cover" style="width:150px;height:150px" :src="image" />
+          </van-swipe-item>
+        </van-swipe>
+        -->
         <div>
-          <van-image fit="cover" style="width:150px;height:150px" src="https://img.liche.cn/space/agent/admin/202509/p_56bb15d5873104537cd529832fb8521b.png" />
-        </div>
-        <div>
-          <van-image fit="cover" style="width:150px;height:150px" src="https://img.liche.cn/space/agent/admin/202509/p_bdce5bb61375127d3dc9f51ee7519fa3.png" />
-        </div>
-        <div>
-          <van-image fit="cover" style="width:150px;height:150px" src="https://img.liche.cn/space/agent/admin/202509/p_cf960a64eb62c7aa3cd25a3e81f9fe2d.png" />
+          <van-image fit="cover" style="width:150px;height:150px" :src="qrImage" />
         </div>
         <!--
-        <vue-qrcode class="qrcode" value="https://example.com"/>
-        <vue-qrcode class="qrcode" value="https://example.com"/>
-        <vue-qrcode class="qrcode" value="https://example.com"/>
-        -->
+       <vue-qrcode class="qrcode" value="https://example.com"/>
+       <vue-qrcode class="qrcode" value="https://example.com"/>
+       <vue-qrcode class="qrcode" value="https://example.com"/>
+       -->
       </div>
     </van-dialog>
 
@@ -75,7 +76,7 @@ import { ref, reactive, defineEmits, watch } from 'vue'
 import CouponItem from '@/components/CouponItem.vue' // 导入CouponItem组件
 import PopContent from '@/components/PopContent.vue' // 导入PopContent组件
 import api from '@/utils/api' // 导入API模块
-import { showToast,showDialog } from 'vant' // 导入Toast组件
+import { showToast,showDialog,Lazyload,Swipe, SwipeItem } from 'vant' // 导入Toast组件
 import { getBasicConfig } from '@/utils/basicSetting'
 import VueQrcode from 'vue-qrcode'; // 直接导入
 
@@ -96,6 +97,14 @@ const code = ref('');
 const is_show_count = ref(false);
 const count_time = ref(60000);
 const showConfirm = ref(false);
+const qrImages = ref([
+    "https://img.liche.cn/space/agent/admin/202509/p_56bb15d5873104537cd529832fb8521b.png",
+    "https://img.liche.cn/space/agent/admin/202509/p_bdce5bb61375127d3dc9f51ee7519fa3.png",
+    "https://img.liche.cn/space/agent/admin/202509/p_cf960a64eb62c7aa3cd25a3e81f9fe2d.png"
+])
+const qrImage = ref('');
+//随机取一张qrImages图片
+qrImage.value = qrImages.value[Math.floor(Math.random() * qrImages.value.length)];
 
 watch(() => props.showPop, async(val) => {
   console.log('showPop', val);
@@ -241,10 +250,7 @@ function handleShowStores() {
 
 
 <style>
-.qrcode {
-  display: block;
-  width: 50vw;
-  height: 50vw;
-  margin: 0 auto;
+.van-swipe {
+  transform: translateZ(0);
 }
 </style>
\ No newline at end of file