fixed

.env

@@ -1,16 +1,16 @@
 VITE_APP_H5_NO=1
 VITE_CHANNEL_ID=""
-VITE_APP_NAME=Spinz777
+# VITE_APP_NAME=Spinz777
-# VITE_APP_NAME=Winzz777
+VITE_APP_NAME=Winzz777
 VITE_APP_THEME=red
-VITE_APP_ID=101
+# VITE_APP_ID=101
-# VITE_APP_ID=103
+VITE_APP_ID=103
-VITE_APP_DOWNLOAD_URL="https://www.777spinz.com/spinz777_101_1.0.0.apk"
+# VITE_APP_DOWNLOAD_URL="https://www.777spinz.com/spinz777_101_1.0.0.apk"
-# VITE_APP_DOWNLOAD_URL="https://www.777spinz.com/Winzz777_103_100.apk"
+VITE_APP_DOWNLOAD_URL="https://www.777spinz.com/Winzz777_103_100.apk"
 VITE_APP_LOCALE=en
 VITE_APP_IMAGE_URL="https://img1.sp77.in/frontimg"
 VITE_WALLET_URL="https://inrchain.in/#/?inviteCode=m5ncrxv0"
-VITE_NAME_UPPER=SPINZ777
+# VITE_NAME_UPPER=SPINZ777
-# VITE_NAME_UPPER=WINZZ777
+VITE_NAME_UPPER=WINZZ777
 VITE_CURRENCY=INR
 VITE_CURRENCY_SYMBOL=₹

index.html

@@ -17,8 +17,8 @@
         '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
         (coverSupport ? ', viewport-fit=cover' : '') + '" />')
     </script> -->
-  <title>Spinz777</title>
+  <!-- <title>Spinz777</title> -->
-  <!-- <title>Winzz777</title> -->
+  <title>Winzz777</title>
   <!--preload-links-->
   <!--app-context-->
 </head>

src/components/layout/CommonLayout.vue

@@ -111,9 +111,13 @@ const handleTouchMove = (e) => {
 
 const handleServiceClick = async () => {
 	// openUrl(appStore.FAQ)
-	uni.navigateTo({
+	if (appStore.appId == 101) {
-		url: '/pages/account/CustomService'
+		uni.navigateTo({
-	})
+			url: '/pages/account/CustomService'
+		})
+	} else {
+		openUrl(appStore.FAQ)
+	}
 }
 </script>
 

src/components/layout/MobileLayout.vue

@@ -1,5 +1,5 @@
 <template>
-	<common-layout>
+	<common-layout :bgColor="_bgColor">
 		<view class="mobile-sub-layout" :style="{ 'padding-top': appStore.headerStyle.height + 'px' }">
 			<MobileHeader
 				:title="title"
@@ -17,10 +17,14 @@
 </template>
 
 <script setup>
+
+	import { computed } from 'vue'
 	import MobileHeader from '@/components/header/MobileHeader'
 	import { useAppStore } from '@/store/useAppStore'
+	import { useThemeStore } from '@/store/useThemeStore'
 	
 	const appStore = useAppStore()
+	const themeStore = useThemeStore()
 	const props = defineProps({
 		title: {
 			type: String,
@@ -29,8 +33,18 @@
 		lineHeight: {
 			type: Number,
 			default: 0
+		},
+		bgColor: {
+			type: String,
+			default: ''
 		}
 	})
+	const _bgColor = computed(() => {
+		if(props.bgColor) {
+			return props.bgColor
+		}
+		return themeStore.theme.bgColor
+	})
 </script>
 
 <style lang="scss" scoped>

src/manifest.json

@@ -1,12 +1,12 @@
 {
     /* Spinz777 */// 
-    // "name" : "Winzz777",
+    "name" : "Winzz777",
-    "name" : "Spinz777",
+    // "name" : "Spinz777",
     "appid" : "__UNI__FECBD22",
-    // "description" : "Winzz777",
+    "description" : "Winzz777",
-    "description" : "Spinz777",
+    // "description" : "Spinz777",
-    "versionName" : "1.2.3",
+    "versionName" : "1.2.4",
-    "versionCode" : 123,
+    "versionCode" : 124,
     "channel_list" : [
         {
             "id" : "suisui2"
@@ -23,14 +23,13 @@
             "autoclose" : true,
             "delay" : 0
         },
-        
+        "compatible" : {
-        "compatible": {
+            "ignoreVersion" : true // 忽略SDK版本不一致提示
-            "ignoreVersion": true  // 忽略SDK版本不一致提示
         },
         /* 模块配置 */
         "modules" : {
             "Share" : {},
-            "Payment" : {}
+            "VideoPlayer" : {}
         },
         /* 应用发布信息 */
         "distribute" : {

src/pages.json

@@ -92,6 +92,13 @@
         "enablePullDownRefresh": false
       }
     },
+    {
+      "path": "pages/wallet/DepositGuide",
+      "style": {
+        "navigationBarTitleText": "How to use",
+        "enablePullDownRefresh": false
+      }
+    },
     {
       "path": "pages/wallet/DepositHistory",
       "style": {
@@ -369,8 +376,8 @@
   "globalStyle": {
     "navigationStyle": "custom",
     "navigationBarTextStyle": "white",
-    "navigationBarTitleText": "Spinz777",
+    // "navigationBarTitleText": "Spinz777",
-    // "navigationBarTitleText": "Winzz777",
+    "navigationBarTitleText": "Winzz777",
     "navigationBarBackgroundColor": "#F8F8F8",
     "backgroundColor": "#FFFFFF",
     "app-plus": {

src/pages/account/CustomService.vue

@@ -24,7 +24,8 @@ function newMsg(msg, type, mtype) {
         id,
         msg,
         type,
-        mtype
+        mtype,
+        commited: false,
     })
     lastId.value = ''
     setTimeout(() => {
@@ -67,13 +68,28 @@ const getQustionList = async () => {
     const _data = JSON.parse(data?.data)
     questions.value = _data
 }
-const onNoZan = (id) => {
+const onNoZan = (id, msgId) => {
-    questionFailApi({questionId: id})
+    const idx = faqs.value.findIndex(item => item.id === msgId)
-    newMsg('I\'m sorry that I can\'t help you.', 1,'msg')
+    if (idx > -1) {
+        if (faqs.value[idx].commited) {
+            return
+        }
+        faqs.value[idx].commited = true
+        questionFailApi({ questionId: id })
+        newMsg('Sorry, please contact online customer service.', 1, 'msg')
+    }
+
 }
-const onZan = (id) => {
+const onZan = (id, msgId) => {
-    questionSuccessApi({questionId: id})
+    const idx = faqs.value.findIndex(item => item.id === msgId)
-    newMsg('I\'m glad that I could help you.!', 1,'msg')
+    if (idx > -1) {
+        if (faqs.value[idx].commited) {
+            return
+        }
+        faqs.value[idx].commited = true
+        questionSuccessApi({ questionId: id })
+        newMsg('I\'m glad that I could help you.!', 1, 'msg')
+    }
 }
 const onSend = () => {
     if (!inputVal.value) {
@@ -141,12 +157,12 @@ onLoad(() => {
                             <view class="question-text" v-else>
                                 {{ child.display }}
                             </view>
-                            <view class="is-usefull pos-absolute"
+                            <view class="is-usefull pos-absolute flex items-center"
                                 v-if="item.type === 2 && child.type === 1 && child.solveType === 2">
                                 <theme-image src="@/static/account/dianzan.png" class="icon-use"
-                                    style="margin-right: 10rpx;" @click="onZan(child.id)"></theme-image>
+                                    style="margin-right: 10rpx;" @click="onZan(child.id, item.id)"></theme-image>
                                 <theme-image src="@/static/account/daozan.png" class="icon-use zan-reverse"
-                                    style="margin-right: 10rpx;" @click="onNoZan(child.id)"></theme-image>
+                                    style="margin-right: 10rpx;" @click="onNoZan(child.id, item.id)"></theme-image>
                             </view>
                         </view>
                     </template>
@@ -243,7 +259,8 @@ onLoad(() => {
             width: 40rpx;
             height: 40rpx;
         }
-        .zan-reverse{
+
+        .zan-reverse {
             margin-left: 30rpx;
         }
     }

src/pages/wallet/Deposit.vue

@@ -29,7 +29,7 @@
             <empty-hold v-if="walletType.length > 1" height="50px"></empty-hold>
             <view v-show="depositStore.activeType === 1 || depositStore.activeType === 2">
                 <OnlineDeposit v-if="appStore.phoneNumberPrefix === '+91'" />
-                <OnlineDepositOld v-else />
+                <OnlineDepositOldV1 v-else />
             </view>
             <view v-show="selectIndex === 2">
                 <TransferDeposit v-if="appStore.phoneNumberPrefix === '+91'" />
@@ -50,7 +50,7 @@ import { onLoad } from '@dcloudio/uni-app'
 import { reactive, ref } from 'vue'
 import { useThemeStore } from '@/store/useThemeStore'
 import OnlineDeposit from './components/OnlineDeposit.vue'
-import OnlineDepositOld from './components/OnlineDepositOld.vue'
+import OnlineDepositOldV1 from './components/OnlineDepositOldV1.vue'
 import TransferDeposit from './components/TransferDeposit.vue'
 import TransferDepositOld from './components/TransferDepositOld.vue'
 import AgencyDeposit from './components/AgencyDeposit.vue'

src/pages/wallet/DepositGuide.vue

@@ -0,0 +1,225 @@
+<script setup>
+import { ref } from 'vue'
+import { useAppStore } from '@/store/useAppStore'
+import { useThemeStore } from '@/store/useThemeStore'
+import config from '@/config/global.config';
+
+const appStore = useAppStore()
+const themeStore = useThemeStore()
+const tabs = ['View Video Tutorials', 'View Graphic Tutorials']
+const active = ref(0)
+const videoSrc = config.appImagePrefix() + '/pay_guide/operation.mp4'
+const videoShow = ref(false)
+</script>
+<template>
+    <mobile-custom-layout bgColor="#360002" headBgColor="#610800" title="How to use?"
+        :paddingTop="appStore.headerStyle.height">
+        <view class="w-full tab-box flex items-center" :style="{ top: appStore.headerStyle.height + 'px' }">
+            <view v-for="(item, index) in tabs" :key="index" class="tab-item flex-1 flex-column flex-center"
+                @click="active = index" :style="{ color: active === index ? '#EAD15D' : '#fff' }">
+                <view style="color: white;">{{ item }}</view>
+                <view class="under-line" :style="{ background: index === active ? '#EAD15D' : '#360002' }"></view>
+            </view>
+        </view>
+        <view class="content w-full">
+            <template v-if="active === 0">
+                <theme-image src="@/static/pay_guide/banner.png" class="w-full banner" mode="aspectFit"></theme-image>
+                <view class="swiper-area w-full">
+                    <view class="title">Deposit Tutorials</view>
+                    <view class="gallery w-full flex items-center">
+                        <theme-image v-for="(_, index) in 7" :src="`@/static/pay_guide/p${index + 1}.png`"
+                            class="gallery-img" mode="aspectFit"></theme-image>
+                    </view>
+                    <!-- <swiper 
+                    class="gallery-swiper" 
+                    :indicator-dots="false"
+                    :autoplay="false"
+                    :current="currentIndex"
+                    :previous-margin="'0'"
+                    :next-margin="'246rpx'"
+                    @change="handleChange"
+                >
+                    <swiper-item v-for="(_, index) in 7" :key="index" class="swiper-item">
+                        <theme-image :src="`@/static/pay_guide/p${index + 1}.png`" class="gallery-img" mode="aspectFit"></theme-image>
+                    </swiper-item>
+                </swiper> -->
+                </view>
+                <view class="w-full video-area">
+                    <view class="title">Watch the tutorial video and win rewards</view>
+                    <view class="video-box" @click="videoShow = true">
+                        <!-- <video :src="videoSrc" :poster="themeStore.theme.deposit.posterImg" class="p-video" /> -->
+                        <image :src="themeStore.theme.deposit.posterImg" mode="aspectFit" class="p-video" />
+                        <view class="btn-float flex-center">
+                            <theme-image src="@/static/pay_guide/play-fill.png" class="play-btn"
+                                mode="aspectFit"></theme-image>
+                            <view style="white-space: nowrap;">PLAY VIDEO</view>
+                        </view>
+                    </view>
+                </view>
+            </template>
+            <template v-else>
+                <theme-image v-for="(_,index) in 6" :key="index" :src="`@/static/pay_guide/${index+1}.jpg`" class="w-full block" mode="widthFix"></theme-image>
+            </template>
+        </view>
+        <view class="video-full" v-if="videoShow">
+            <video :src="videoSrc" muted autoplay object-fit="contain" class="p-video" controls></video>
+            <theme-image src="@/static/pay_guide/close-fill.png" class="close-btn" mode="aspectFit"
+                @click="videoShow = false"></theme-image>
+        </view>
+        <empty-hold height="20"></empty-hold>
+    </mobile-custom-layout>
+</template>
+<style lang="scss" scoped>
+.tab-box {
+    height: 50px;
+    position: fixed;
+    left: 0;
+    z-index: 100;
+    background-color: #360002;
+
+    &::after {
+        content: '';
+        position: absolute;
+        left: 20px;
+        bottom: 5px;
+        width: calc(100% - 40px);
+        height: 2px;
+        background-color: #631419;
+    }
+
+    .tab-item {
+        height: 100%;
+        font-size: 28rpx;
+        color: #fff;
+        transition: all 0.3s;
+
+        .under-line {
+            width: 30%;
+            height: 2px;
+            background-color: #EAD15D;
+            margin: 0 auto;
+            margin-top: 4px;
+            transition: all 0.3s;
+        }
+    }
+}
+
+.content {
+    padding: 0 24rpx;
+    margin-top: 60px;
+
+    .banner {
+        width: 702rpx;
+        height: 261rpx;
+        margin: 0 auto;
+    }
+
+    .swiper-area {
+        margin-top: 20rpx;
+        font-size: 16px;
+        color: white;
+
+        .gallery {
+            flex-wrap: nowrap;
+            height: 452rpx;
+            overflow-x: auto;
+            margin-top: 20rpx;
+
+            .gallery-img {
+                width: 308rpx;
+                height: 452rpx;
+                flex-shrink: 0;
+                margin-right: 32rpx;
+
+                &:last-child {
+                    margin-right: 0;
+                }
+            }
+        }
+
+        .gallery-swiper {
+            width: 100%;
+            height: 452rpx;
+            margin-top: 20rpx;
+        }
+
+        .swiper-item {
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 100%;
+        }
+
+        .gallery-img {
+            width: 308rpx;
+            height: 452rpx;
+            margin-right: 36rpx;
+            border-radius: 8rpx;
+            box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.2);
+        }
+    }
+
+    .video-area {
+        margin-top: 30rpx;
+        font-size: 16px;
+        color: white;
+
+        .video-box {
+            margin-top: 20rpx;
+            position: relative;
+            width: 100%;
+            height: 241rpx;
+            border-radius: 8rpx;
+            overflow: hidden;
+
+            .p-video {
+                width: 100%;
+                height: 221rpx;
+            }
+
+            .btn-float {
+                position: absolute;
+                left: 50%;
+                top: 50%;
+                transform: translate(-50%, -50%);
+                font-size: 44rpx;
+                font-weight: bold;
+                color: white;
+
+                .play-btn {
+                    width: 80rpx;
+                    height: 80rpx;
+                    margin-right: 20rpx;
+                }
+            }
+        }
+
+    }
+    .block{
+        display: block;
+        margin: 0;
+        padding: 0;
+    }
+}
+.video-full{
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100vh;
+    background-color: rgba(0, 0, 0, 0.8);
+    z-index: 1000;
+    padding: 10px;
+    .p-video{
+        width: 100%;
+        height: 100%;
+    }
+    .close-btn{
+        position: absolute;
+        top: 20px;
+        right: 20rpx;
+        width: 64rpx;
+        height: 64rpx;
+    }
+}
+</style>

src/pages/wallet/DepositOrderDetail.vue

@@ -1,6 +1,6 @@
 <template>
-  <mobile-sub-layout :title="$t('deposit.title2')">
+  <mobile-sub-layout :title="$t('deposit.title2')" bgColor="#610606">
-    <view class="deposit-order-detail-container">
+    <view class="deposit-order-detail-container" :style="{background: themeStore.theme}">
       <view
         v-if="pageData.orderDetail.status === 1"
         class="flex-column flex-acenter"
@@ -121,7 +121,7 @@
           </view>
         </view>
       </view>
-      <view class="ft15 plr30 pt16">
+      <view class="ft15 plr30 pt16" :style="{color:themeStore.theme.light}">
         {{ $t("deposit.message.tipsDetail1") }}
       </view>
       <view v-if="depositStore.fillOrderSwitch && isShowUtr" class="plr30 mt24">

src/pages/wallet/components/DepositServiceItem.vue

@@ -4,7 +4,7 @@
 			:style="{ background: themeStore.theme.lightBgColor }" @click.stop="handleClick">
 			<!-- <theme-image src="@/static/home/icon-service.png" mode="aspectFit" style="width: 76rpx; height: 76rpx;" /> -->
 			<view>
-				<view class="ft12">
+				<view class="ft12" :style="{color: themeStore.theme.light}">
 					{{ $t('deposit.message.tips4') }}
 				</view>
 				<view class="mt12 ft10" :style="{ color: themeStore.theme.text.theme }">

src/pages/wallet/components/OnlineDeposit.vue

@@ -56,49 +56,39 @@
 			</text>
 		</view>
 		<view class="pt24 plr16 flex-wrap pay-method">
-			<view class="relative select-btn-container" v-for="(item, index) in payMethod" :key="index"
+			<template v-if="depositStore.activeType == 2">
-				@click.stop="handlePayMethodSelect(item, index)">
+				<view class="relative select-btn-container" v-for="(item, index) in depositStore.walletPayList"
-				<view class="flex-center select-btn"
+					:key="index" @click.stop="handleWalletMethodSelect(item, index)">
-					:style="{ background: activeMethod === index ? themeStore.theme.wallet.payBg : themeStore.theme.wallet.payBg1 }">
+					<view class="flex-center select-btn"
-					<theme-image :src="`@/static/${item.icon}`" style="width: 40rpx; height: 40rpx;"></theme-image>
+						:style="{ background: activeWallet === index ? themeStore.theme.wallet.payBg : themeStore.theme.wallet.payBg1 }">
-					<view class="pay-name" :style="{ color: themeStore.theme.light }">{{ item.name }}</view>
+						<!-- <theme-image :src="`@/static/${item.icon}`" style="width: 40rpx; height: 40rpx;"></theme-image> -->
-				</view>
+						<view class="pay-name" :style="{ color: themeStore.theme.light }">{{ item.name }}</view>
-				<theme-image v-if="activeMethod === index" src="@/static/wallet/icon-btn-select-m.png"
-					class="select-btn-check-img pos-absolute" mode="aspectFill" />
-				<view v-if="false" class="select-btn"
-					:style="{ 'background': item.disable ? themeStore.theme.corner.disabledBg : item.name == depositStore.onlinePaymentData.rechargeName ? themeStore.theme.corner.selectBtnBg : themeStore.theme.corner.selectBtnColor }">
-					<view class="nice-icon" v-if="item.isRecommend"
-						:style="{ 'color': themeStore.theme.corner.text, 'background': themeStore.theme.corner.selectBtnColor }">
-						<view>{{ appStore.currencySign }}{{ item.isRecommend }}+</view>
 					</view>
-					<!-- <theme-image v-if="item.type === depositStore.onlinePaymentData.depositMethod"
+					<theme-image v-if="activeWallet === index" src="@/static/wallet/icon-btn-select-m.png"
-						class="select-btn-bg-img" src="@/static/wallet/icon-btn-bg-select.png" mode="aspectFill" />
+						class="select-btn-check-img pos-absolute" mode="aspectFill" />
-					<theme-image v-else-if="item.disable" src="@/static/wallet/icon-btn-bg-disable.png"
-						class="select-btn-bg-img" mode="aspectFill" />
-					<theme-image v-else src="@/static/wallet/icon-btn-bg.png" class="select-btn-bg-img"
-						mode="aspectFill" /> -->
-					<view class="flex-acenter cfff select-btn-text" :class="{ 'disable': item.disable }">
-						<!-- <theme-image v-if="item.disable" :src="item.unableUrl" mode="aspectFit"
-							class="pay-type-icon flex-shrink-0" style="width: 50rpx; height: 45rpx"></theme-image>
-						<theme-image v-else :src="item.iconUrl" mode="aspectFit" class="pay-type-icon flex-shrink-0"
-							style="width: 50rpx; height: 45rpx"></theme-image> -->
-						<view class="flex-1 flex-scenter">
-							<view>{{ item.name }}</view>
-						</view>
-						<view style="width: 20rpx;"></view>
-					</view>
-					<!-- <view class="select-btn-check-img"
-						v-if="item.type === depositStore.onlinePaymentData.depositMethod">
-						<theme-image src="@/static/wallet/icon-btn-select-m.png" mode="scaleToFill"
-							style="width: 100%; height: 100%;" />
-					</view> -->
 				</view>
-			</view>
+			</template>
-			<view class="select-btn-container" v-if="depositStore.onlinePaymentData.depositMethodSelectItem.isGuide">
+			<template v-else>
-				<view class="select-btn ft12 flex-acenter flex-scenter"
+				<view class="relative select-btn-container" v-for="(item, index) in payMethod" :key="index"
-					:style="{ color: themeStore.theme.text.highlight2 }">
+					@click.stop="handlePayMethodSelect(item, index)">
-					<view style="text-decoration-line: underline;" @click.stop="handleHowtouseClick">
+					<view class="flex-center select-btn"
+						:style="{ background: activeMethod === index ? themeStore.theme.wallet.payBg : themeStore.theme.wallet.payBg1 }">
+						<theme-image :src="`@/static/${item.icon}`" style="width: 40rpx; height: 40rpx;"></theme-image>
+						<view class="pay-name" :style="{ color: themeStore.theme.light }">{{ item.name }}</view>
+					</view>
+					<theme-image v-if="activeMethod === index" src="@/static/wallet/icon-btn-select-m.png"
+						class="select-btn-check-img pos-absolute" mode="aspectFill" />
+				</view>
+			</template>
+			<!-- <theme-image v-if="item.type === depositStore.onlinePaymentData.depositMethod"
+						class="select-btn-bg-img" src="@/static/wallet/icon-btn-bg-select.png" mode="aspectFill" /> -->
+			<view class="select-btn-container" v-if="depositStore.activeType == 1">
+				<view class="select-btn ft12 flex-acenter flex-scenter" @click.stop="handleHowtouseClick"
+					:style="{ color: themeStore.theme.text.highlight2, background: themeStore.theme.wallet.payBg1 }">
+					<view class="howto flex-center">
 						{{ $t('deposit.howtouse') }}
+						<theme-image src="@/static/pay_guide/db-right.png"
+							style="width: 24rpx;height: 24rpx;margin-left: 6rpx;"></theme-image>
 					</view>
 				</view>
 			</view>
@@ -151,7 +141,7 @@
 			</view>
 		</view>
 		<DepositSuccessPopup ref="depositSuccessPopupRef" />
-		<TipsPopup ref="depositEventPopupRef" :text="$t('deposit.message.tips3')" />
+		<TipsPopup ref="depositEventPopupRef" :text="$t('deposit.message.tips3') " />
 	</view>
 </template>
 
@@ -236,7 +226,16 @@ const handleSelect = (type) => {
 const handleChannelChange = (channel) => {
 	depositStore.onlinePaymentData.payType = channel
 }
-
+const activeWallet = ref(0)
+const handleWalletMethodSelect = (item, idx) => {
+	activeWallet.value = idx
+	depositStore.onlinePaymentData.depositMethod = item.type
+	depositStore.onlinePaymentData.depositMethodName = item.name
+	depositStore.onlinePaymentData.depositMethodSelectItem = item
+	depositStore.onlinePaymentData.rechargeName = item.name
+	depositStore.onlinePaymentData.payType = item.payType?.split(',')[0]
+	depositStore.payType = item.payType
+}
 const handlePayMethodSelect = (item, idx) => {
 	console.log(item);
 	activeMethod.value = idx
@@ -267,9 +266,12 @@ const handleDepositEventCheckClick = () => {
 }
 
 const handleHowtouseClick = () => {
-	let url = depositStore.onlinePaymentData.depositMethodSelectItem.isGuide
+	// let url = depositStore.onlinePaymentData.depositMethodSelectItem.isGuide
-	if (!url) { return }
+	// if (!url) { return }
-	openUrl(url)
+	// openUrl(url)
+	uni.navigateTo({
+		url: '/pages/wallet/DepositGuide',
+	})
 }
 
 const handleConfirmClick = async () => {
@@ -392,6 +394,11 @@ const handleConfirmClick = async () => {
 		overflow: hidden;
 		border-radius: 16rpx;
 
+		.howto {
+			font-size: 26rpx;
+			color: white;
+		}
+
 		.nice-icon {
 			position: absolute;
 			top: 0rpx;

src/pages/wallet/components/SelfServiceUtrItem.vue

@@ -2,9 +2,8 @@
 	<view class="self-service-utr-container">
 		<view class="self-service-utr-card plr30 ptb24 flex-acenter flex-sbetween" style="border-radius: 19rpx;" :style="{ background: themeStore.theme.lightBgColor }" @click.stop="handleSelfUtrClick">
 			<view>
-				<view class="ft12" :style="{ color: themeStore.theme.text.normal }">
+				<view class="ft12" :style="{ color: themeStore.theme.light }">
 					{{ $t('deposit.message.tipsUtr1') }}:
-					<!-- <span class="ml24" :style="{ color: themeStore.theme.text.theme }">{{ $t('deposit.message.tipsUtr2') }}</span> -->
 				</view>
 				<view class="ft11 mt12" :style="{ color: themeStore.theme.text.theme }">
 					{{ $t('deposit.message.tipsUtr3') }}

src/store/useAppStore.js

@@ -136,9 +136,9 @@ export const useAppStore = defineStore({
             updateText: '',
             updateType: 0
         },
-        packageName: 'uni.UNIFECBD22',//101 Spinz777
+        // packageName: 'uni.UNIFECBD22',//101 Spinz777
         // packageName: 'uni.UNIFECBD22', //102 
-        // packageName: 'com.kllksgqoCasw3d.game',//103 Winzz777
+        packageName: 'com.kllksgqoCasw3d.game',//103 Winzz777
     }),
     // 	"dependencies": [
     //       {

src/store/useDepositStore.js

@@ -124,6 +124,7 @@ export const useDepositStore = defineStore({
 			this.rechargeTypeList = chargeInfo.rechargeTypeList || []
 			const bank = this.rechargeTypeList.filter(el => el.type === 1)
 			const wallet = this.rechargeTypeList.filter(el => el.type === 2)
+			this.walletPayList = wallet
 			const arr = []
 			if(bank.length > 0) {
 				arr.push({

src/theme/red.js

@@ -176,7 +176,8 @@ export default {
 			textColor: '#7A2500',
 			activeBgColor: '#f37e1c',
 			activeTextColor: '#ffffff',
-		}
+		},
+		posterImg: `${imgSrc}/pay_guide/video_poster.png`,
 	},
 	promo: {
 		tgCode: {