Compare commits
4 Commits
62f18ed924
...
9da61d8f93
Author | SHA1 | Date | |
---|---|---|---|
9da61d8f93 | |||
f4db00ad80 | |||
09bab17cd5 | |||
413942871f |
16
.env
16
.env
@ -1,16 +1,16 @@
|
|||||||
VITE_APP_H5_NO=1
|
VITE_APP_H5_NO=1
|
||||||
VITE_CHANNEL_ID=""
|
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_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_LOCALE=en
|
||||||
VITE_APP_IMAGE_URL="https://img1.sp77.in/frontimg"
|
VITE_APP_IMAGE_URL="https://img1.sp77.in/frontimg"
|
||||||
VITE_WALLET_URL="https://inrchain.in/#/?inviteCode=m5ncrxv0"
|
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=INR
|
||||||
VITE_CURRENCY_SYMBOL=₹
|
VITE_CURRENCY_SYMBOL=₹
|
@ -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' +
|
'<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' : '') + '" />')
|
(coverSupport ? ', viewport-fit=cover' : '') + '" />')
|
||||||
</script> -->
|
</script> -->
|
||||||
<title>Spinz777</title>
|
<!-- <title>Spinz777</title> -->
|
||||||
<!-- <title>Winzz777</title> -->
|
<title>Winzz777</title>
|
||||||
<!--preload-links-->
|
<!--preload-links-->
|
||||||
<!--app-context-->
|
<!--app-context-->
|
||||||
</head>
|
</head>
|
||||||
|
@ -111,9 +111,13 @@ const handleTouchMove = (e) => {
|
|||||||
|
|
||||||
const handleServiceClick = async () => {
|
const handleServiceClick = async () => {
|
||||||
// openUrl(appStore.FAQ)
|
// openUrl(appStore.FAQ)
|
||||||
|
if (appStore.appId == 101) {
|
||||||
uni.navigateTo({
|
uni.navigateTo({
|
||||||
url: '/pages/account/CustomService'
|
url: '/pages/account/CustomService'
|
||||||
})
|
})
|
||||||
|
} else {
|
||||||
|
openUrl(appStore.FAQ)
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<common-layout>
|
<common-layout :bgColor="_bgColor">
|
||||||
<view class="mobile-sub-layout" :style="{ 'padding-top': appStore.headerStyle.height + 'px' }">
|
<view class="mobile-sub-layout" :style="{ 'padding-top': appStore.headerStyle.height + 'px' }">
|
||||||
<MobileHeader
|
<MobileHeader
|
||||||
:title="title"
|
:title="title"
|
||||||
@ -17,10 +17,14 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
|
|
||||||
|
import { computed } from 'vue'
|
||||||
import MobileHeader from '@/components/header/MobileHeader'
|
import MobileHeader from '@/components/header/MobileHeader'
|
||||||
import { useAppStore } from '@/store/useAppStore'
|
import { useAppStore } from '@/store/useAppStore'
|
||||||
|
import { useThemeStore } from '@/store/useThemeStore'
|
||||||
|
|
||||||
const appStore = useAppStore()
|
const appStore = useAppStore()
|
||||||
|
const themeStore = useThemeStore()
|
||||||
const props = defineProps({
|
const props = defineProps({
|
||||||
title: {
|
title: {
|
||||||
type: String,
|
type: String,
|
||||||
@ -29,8 +33,18 @@
|
|||||||
lineHeight: {
|
lineHeight: {
|
||||||
type: Number,
|
type: Number,
|
||||||
default: 0
|
default: 0
|
||||||
|
},
|
||||||
|
bgColor: {
|
||||||
|
type: String,
|
||||||
|
default: ''
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
const _bgColor = computed(() => {
|
||||||
|
if(props.bgColor) {
|
||||||
|
return props.bgColor
|
||||||
|
}
|
||||||
|
return themeStore.theme.bgColor
|
||||||
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
@ -1,12 +1,12 @@
|
|||||||
{
|
{
|
||||||
/* Spinz777 *///
|
/* Spinz777 *///
|
||||||
// "name" : "Winzz777",
|
"name" : "Winzz777",
|
||||||
"name" : "Spinz777",
|
// "name" : "Spinz777",
|
||||||
"appid" : "__UNI__FECBD22",
|
"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" : [
|
"channel_list" : [
|
||||||
{
|
{
|
||||||
"id" : "suisui2"
|
"id" : "suisui2"
|
||||||
@ -23,14 +23,13 @@
|
|||||||
"autoclose" : true,
|
"autoclose" : true,
|
||||||
"delay" : 0
|
"delay" : 0
|
||||||
},
|
},
|
||||||
|
"compatible" : {
|
||||||
"compatible": {
|
"ignoreVersion" : true // 忽略SDK版本不一致提示
|
||||||
"ignoreVersion": true // 忽略SDK版本不一致提示
|
|
||||||
},
|
},
|
||||||
/* 模块配置 */
|
/* 模块配置 */
|
||||||
"modules" : {
|
"modules" : {
|
||||||
"Share" : {},
|
"Share" : {},
|
||||||
"Payment" : {}
|
"VideoPlayer" : {}
|
||||||
},
|
},
|
||||||
/* 应用发布信息 */
|
/* 应用发布信息 */
|
||||||
"distribute" : {
|
"distribute" : {
|
||||||
|
@ -92,6 +92,13 @@
|
|||||||
"enablePullDownRefresh": false
|
"enablePullDownRefresh": false
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/wallet/DepositGuide",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "How to use",
|
||||||
|
"enablePullDownRefresh": false
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "pages/wallet/DepositHistory",
|
"path": "pages/wallet/DepositHistory",
|
||||||
"style": {
|
"style": {
|
||||||
@ -369,8 +376,8 @@
|
|||||||
"globalStyle": {
|
"globalStyle": {
|
||||||
"navigationStyle": "custom",
|
"navigationStyle": "custom",
|
||||||
"navigationBarTextStyle": "white",
|
"navigationBarTextStyle": "white",
|
||||||
"navigationBarTitleText": "Spinz777",
|
// "navigationBarTitleText": "Spinz777",
|
||||||
// "navigationBarTitleText": "Winzz777",
|
"navigationBarTitleText": "Winzz777",
|
||||||
"navigationBarBackgroundColor": "#F8F8F8",
|
"navigationBarBackgroundColor": "#F8F8F8",
|
||||||
"backgroundColor": "#FFFFFF",
|
"backgroundColor": "#FFFFFF",
|
||||||
"app-plus": {
|
"app-plus": {
|
||||||
|
@ -24,7 +24,8 @@ function newMsg(msg, type, mtype) {
|
|||||||
id,
|
id,
|
||||||
msg,
|
msg,
|
||||||
type,
|
type,
|
||||||
mtype
|
mtype,
|
||||||
|
commited: false,
|
||||||
})
|
})
|
||||||
lastId.value = ''
|
lastId.value = ''
|
||||||
setTimeout(() => {
|
setTimeout(() => {
|
||||||
@ -67,13 +68,28 @@ const getQustionList = async () => {
|
|||||||
const _data = JSON.parse(data?.data)
|
const _data = JSON.parse(data?.data)
|
||||||
questions.value = _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 = () => {
|
const onSend = () => {
|
||||||
if (!inputVal.value) {
|
if (!inputVal.value) {
|
||||||
@ -141,12 +157,12 @@ onLoad(() => {
|
|||||||
<view class="question-text" v-else>
|
<view class="question-text" v-else>
|
||||||
{{ child.display }}
|
{{ child.display }}
|
||||||
</view>
|
</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">
|
v-if="item.type === 2 && child.type === 1 && child.solveType === 2">
|
||||||
<theme-image src="@/static/account/dianzan.png" class="icon-use"
|
<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"
|
<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>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
@ -243,7 +259,8 @@ onLoad(() => {
|
|||||||
width: 40rpx;
|
width: 40rpx;
|
||||||
height: 40rpx;
|
height: 40rpx;
|
||||||
}
|
}
|
||||||
.zan-reverse{
|
|
||||||
|
.zan-reverse {
|
||||||
margin-left: 30rpx;
|
margin-left: 30rpx;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -29,7 +29,7 @@
|
|||||||
<empty-hold v-if="walletType.length > 1" height="50px"></empty-hold>
|
<empty-hold v-if="walletType.length > 1" height="50px"></empty-hold>
|
||||||
<view v-show="depositStore.activeType === 1 || depositStore.activeType === 2">
|
<view v-show="depositStore.activeType === 1 || depositStore.activeType === 2">
|
||||||
<OnlineDeposit v-if="appStore.phoneNumberPrefix === '+91'" />
|
<OnlineDeposit v-if="appStore.phoneNumberPrefix === '+91'" />
|
||||||
<OnlineDepositOld v-else />
|
<OnlineDepositOldV1 v-else />
|
||||||
</view>
|
</view>
|
||||||
<view v-show="selectIndex === 2">
|
<view v-show="selectIndex === 2">
|
||||||
<TransferDeposit v-if="appStore.phoneNumberPrefix === '+91'" />
|
<TransferDeposit v-if="appStore.phoneNumberPrefix === '+91'" />
|
||||||
@ -50,7 +50,7 @@ import { onLoad } from '@dcloudio/uni-app'
|
|||||||
import { reactive, ref } from 'vue'
|
import { reactive, ref } from 'vue'
|
||||||
import { useThemeStore } from '@/store/useThemeStore'
|
import { useThemeStore } from '@/store/useThemeStore'
|
||||||
import OnlineDeposit from './components/OnlineDeposit.vue'
|
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 TransferDeposit from './components/TransferDeposit.vue'
|
||||||
import TransferDepositOld from './components/TransferDepositOld.vue'
|
import TransferDepositOld from './components/TransferDepositOld.vue'
|
||||||
import AgencyDeposit from './components/AgencyDeposit.vue'
|
import AgencyDeposit from './components/AgencyDeposit.vue'
|
||||||
|
225
src/pages/wallet/DepositGuide.vue
Normal file
225
src/pages/wallet/DepositGuide.vue
Normal file
@ -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>
|
@ -1,6 +1,6 @@
|
|||||||
<template>
|
<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
|
<view
|
||||||
v-if="pageData.orderDetail.status === 1"
|
v-if="pageData.orderDetail.status === 1"
|
||||||
class="flex-column flex-acenter"
|
class="flex-column flex-acenter"
|
||||||
@ -121,7 +121,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="ft15 plr30 pt16">
|
<view class="ft15 plr30 pt16" :style="{color:themeStore.theme.light}">
|
||||||
{{ $t("deposit.message.tipsDetail1") }}
|
{{ $t("deposit.message.tipsDetail1") }}
|
||||||
</view>
|
</view>
|
||||||
<view v-if="depositStore.fillOrderSwitch && isShowUtr" class="plr30 mt24">
|
<view v-if="depositStore.fillOrderSwitch && isShowUtr" class="plr30 mt24">
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
:style="{ background: themeStore.theme.lightBgColor }" @click.stop="handleClick">
|
:style="{ background: themeStore.theme.lightBgColor }" @click.stop="handleClick">
|
||||||
<!-- <theme-image src="@/static/home/icon-service.png" mode="aspectFit" style="width: 76rpx; height: 76rpx;" /> -->
|
<!-- <theme-image src="@/static/home/icon-service.png" mode="aspectFit" style="width: 76rpx; height: 76rpx;" /> -->
|
||||||
<view>
|
<view>
|
||||||
<view class="ft12">
|
<view class="ft12" :style="{color: themeStore.theme.light}">
|
||||||
{{ $t('deposit.message.tips4') }}
|
{{ $t('deposit.message.tips4') }}
|
||||||
</view>
|
</view>
|
||||||
<view class="mt12 ft10" :style="{ color: themeStore.theme.text.theme }">
|
<view class="mt12 ft10" :style="{ color: themeStore.theme.text.theme }">
|
||||||
|
@ -56,6 +56,19 @@
|
|||||||
</text>
|
</text>
|
||||||
</view>
|
</view>
|
||||||
<view class="pt24 plr16 flex-wrap pay-method">
|
<view class="pt24 plr16 flex-wrap pay-method">
|
||||||
|
<template v-if="depositStore.activeType == 2">
|
||||||
|
<view class="relative select-btn-container" v-for="(item, index) in depositStore.walletPayList"
|
||||||
|
:key="index" @click.stop="handleWalletMethodSelect(item, index)">
|
||||||
|
<view class="flex-center select-btn"
|
||||||
|
:style="{ background: activeWallet === 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="activeWallet === index" src="@/static/wallet/icon-btn-select-m.png"
|
||||||
|
class="select-btn-check-img pos-absolute" mode="aspectFill" />
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
<template v-else>
|
||||||
<view class="relative select-btn-container" v-for="(item, index) in payMethod" :key="index"
|
<view class="relative select-btn-container" v-for="(item, index) in payMethod" :key="index"
|
||||||
@click.stop="handlePayMethodSelect(item, index)">
|
@click.stop="handlePayMethodSelect(item, index)">
|
||||||
<view class="flex-center select-btn"
|
<view class="flex-center select-btn"
|
||||||
@ -65,40 +78,17 @@
|
|||||||
</view>
|
</view>
|
||||||
<theme-image v-if="activeMethod === index" src="@/static/wallet/icon-btn-select-m.png"
|
<theme-image v-if="activeMethod === index" src="@/static/wallet/icon-btn-select-m.png"
|
||||||
class="select-btn-check-img pos-absolute" mode="aspectFill" />
|
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>
|
</view>
|
||||||
|
</template>
|
||||||
<!-- <theme-image v-if="item.type === depositStore.onlinePaymentData.depositMethod"
|
<!-- <theme-image v-if="item.type === depositStore.onlinePaymentData.depositMethod"
|
||||||
class="select-btn-bg-img" src="@/static/wallet/icon-btn-bg-select.png" mode="aspectFill" />
|
class="select-btn-bg-img" src="@/static/wallet/icon-btn-bg-select.png" mode="aspectFill" /> -->
|
||||||
<theme-image v-else-if="item.disable" src="@/static/wallet/icon-btn-bg-disable.png"
|
<view class="select-btn-container" v-if="depositStore.activeType == 1">
|
||||||
class="select-btn-bg-img" mode="aspectFill" />
|
<view class="select-btn ft12 flex-acenter flex-scenter" @click.stop="handleHowtouseClick"
|
||||||
<theme-image v-else src="@/static/wallet/icon-btn-bg.png" class="select-btn-bg-img"
|
:style="{ color: themeStore.theme.text.highlight2, background: themeStore.theme.wallet.payBg1 }">
|
||||||
mode="aspectFill" /> -->
|
<view class="howto flex-center">
|
||||||
<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>
|
|
||||||
<view class="select-btn-container" v-if="depositStore.onlinePaymentData.depositMethodSelectItem.isGuide">
|
|
||||||
<view class="select-btn ft12 flex-acenter flex-scenter"
|
|
||||||
:style="{ color: themeStore.theme.text.highlight2 }">
|
|
||||||
<view style="text-decoration-line: underline;" @click.stop="handleHowtouseClick">
|
|
||||||
{{ $t('deposit.howtouse') }}
|
{{ $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>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@ -151,7 +141,7 @@
|
|||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<DepositSuccessPopup ref="depositSuccessPopupRef" />
|
<DepositSuccessPopup ref="depositSuccessPopupRef" />
|
||||||
<TipsPopup ref="depositEventPopupRef" :text="$t('deposit.message.tips3')" />
|
<TipsPopup ref="depositEventPopupRef" :text="$t('deposit.message.tips3') " />
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -236,7 +226,16 @@ const handleSelect = (type) => {
|
|||||||
const handleChannelChange = (channel) => {
|
const handleChannelChange = (channel) => {
|
||||||
depositStore.onlinePaymentData.payType = 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) => {
|
const handlePayMethodSelect = (item, idx) => {
|
||||||
console.log(item);
|
console.log(item);
|
||||||
activeMethod.value = idx
|
activeMethod.value = idx
|
||||||
@ -267,9 +266,12 @@ const handleDepositEventCheckClick = () => {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const handleHowtouseClick = () => {
|
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 () => {
|
const handleConfirmClick = async () => {
|
||||||
@ -392,6 +394,11 @@ const handleConfirmClick = async () => {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
border-radius: 16rpx;
|
border-radius: 16rpx;
|
||||||
|
|
||||||
|
.howto {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
.nice-icon {
|
.nice-icon {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
top: 0rpx;
|
top: 0rpx;
|
||||||
|
@ -2,9 +2,8 @@
|
|||||||
<view class="self-service-utr-container">
|
<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 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>
|
||||||
<view class="ft12" :style="{ color: themeStore.theme.text.normal }">
|
<view class="ft12" :style="{ color: themeStore.theme.light }">
|
||||||
{{ $t('deposit.message.tipsUtr1') }}:
|
{{ $t('deposit.message.tipsUtr1') }}:
|
||||||
<!-- <span class="ml24" :style="{ color: themeStore.theme.text.theme }">{{ $t('deposit.message.tipsUtr2') }}</span> -->
|
|
||||||
</view>
|
</view>
|
||||||
<view class="ft11 mt12" :style="{ color: themeStore.theme.text.theme }">
|
<view class="ft11 mt12" :style="{ color: themeStore.theme.text.theme }">
|
||||||
{{ $t('deposit.message.tipsUtr3') }}
|
{{ $t('deposit.message.tipsUtr3') }}
|
||||||
|
@ -136,9 +136,9 @@ export const useAppStore = defineStore({
|
|||||||
updateText: '',
|
updateText: '',
|
||||||
updateType: 0
|
updateType: 0
|
||||||
},
|
},
|
||||||
packageName: 'uni.UNIFECBD22',//101 Spinz777
|
// packageName: 'uni.UNIFECBD22',//101 Spinz777
|
||||||
// packageName: 'uni.UNIFECBD22', //102
|
// packageName: 'uni.UNIFECBD22', //102
|
||||||
// packageName: 'com.kllksgqoCasw3d.game',//103 Winzz777
|
packageName: 'com.kllksgqoCasw3d.game',//103 Winzz777
|
||||||
}),
|
}),
|
||||||
// "dependencies": [
|
// "dependencies": [
|
||||||
// {
|
// {
|
||||||
|
@ -124,6 +124,7 @@ export const useDepositStore = defineStore({
|
|||||||
this.rechargeTypeList = chargeInfo.rechargeTypeList || []
|
this.rechargeTypeList = chargeInfo.rechargeTypeList || []
|
||||||
const bank = this.rechargeTypeList.filter(el => el.type === 1)
|
const bank = this.rechargeTypeList.filter(el => el.type === 1)
|
||||||
const wallet = this.rechargeTypeList.filter(el => el.type === 2)
|
const wallet = this.rechargeTypeList.filter(el => el.type === 2)
|
||||||
|
this.walletPayList = wallet
|
||||||
const arr = []
|
const arr = []
|
||||||
if(bank.length > 0) {
|
if(bank.length > 0) {
|
||||||
arr.push({
|
arr.push({
|
||||||
|
@ -176,7 +176,8 @@ export default {
|
|||||||
textColor: '#7A2500',
|
textColor: '#7A2500',
|
||||||
activeBgColor: '#f37e1c',
|
activeBgColor: '#f37e1c',
|
||||||
activeTextColor: '#ffffff',
|
activeTextColor: '#ffffff',
|
||||||
}
|
},
|
||||||
|
posterImg: `${imgSrc}/pay_guide/video_poster.png`,
|
||||||
},
|
},
|
||||||
promo: {
|
promo: {
|
||||||
tgCode: {
|
tgCode: {
|
||||||
|
Loading…
Reference in New Issue
Block a user