[liang]
3 years ago
42 changed files with 2515 additions and 215 deletions
@ -0,0 +1,94 @@ |
|||||
|
<template> |
||||
|
<view class="mask" :class="!show ? '' : 'mask-show'" @tap="tapMask"> |
||||
|
<view class="popups"> |
||||
|
<view v-for="(item, index) in popData" :key="index" @tap.stop="tapItem(item)" class="item"> |
||||
|
{{ item.title }} |
||||
|
</view> |
||||
|
<slot></slot> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
props: { |
||||
|
value: { |
||||
|
type: Boolean, |
||||
|
default: false |
||||
|
}, |
||||
|
popData: { |
||||
|
type: Array, |
||||
|
default: () => [] |
||||
|
}, |
||||
|
}, |
||||
|
data() { |
||||
|
return { |
||||
|
popupsTop: '0px', |
||||
|
popupsLeft: '0px', |
||||
|
show: false, |
||||
|
dynPlace: '' |
||||
|
} |
||||
|
}, |
||||
|
mounted() { |
||||
|
}, |
||||
|
methods: { |
||||
|
tapMask() { |
||||
|
this.$emit('input', !this.value) |
||||
|
}, |
||||
|
tapItem(item) { |
||||
|
if (item.disabled) return |
||||
|
this.$emit('tapPopup', item) |
||||
|
this.$emit('input', !this.value) |
||||
|
}, |
||||
|
}, |
||||
|
watch: { |
||||
|
value: { |
||||
|
immediate: true, |
||||
|
handler: async function (newVal, oldVal) { |
||||
|
this.show = newVal |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.mask { |
||||
|
position: absolute; |
||||
|
top: 180rpx; |
||||
|
right: 36rpx; |
||||
|
z-index: 9999; |
||||
|
visibility: hidden; |
||||
|
width: 200rpx; |
||||
|
background: #323045; |
||||
|
border-radius: 8px; |
||||
|
|
||||
|
&.mask-show { |
||||
|
visibility: visible; |
||||
|
} |
||||
|
|
||||
|
&:after { |
||||
|
content: ""; |
||||
|
position: absolute; |
||||
|
top: -9px; |
||||
|
right: 5px; |
||||
|
border-width: 0 10px 10px; |
||||
|
border-style: solid; |
||||
|
border-color: transparent transparent #323045; |
||||
|
} |
||||
|
|
||||
|
.popups { |
||||
|
padding: 20rpx; |
||||
|
border-radius: 10rpx; |
||||
|
|
||||
|
.item { |
||||
|
padding: 10rpx; |
||||
|
height: 40rpx; |
||||
|
line-height: 40rpx; |
||||
|
font-size: 28rpx; |
||||
|
padding: 10rpx; |
||||
|
border-bottom: 2rpx solid #ccc; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,144 @@ |
|||||
|
<template> |
||||
|
<view class="main"> |
||||
|
<!-- nav --> |
||||
|
<navigation>{{ i18n.AccountInfo }}</navigation> |
||||
|
<view class="body" @click="goto"> |
||||
|
<!-- 修改登录密码按钮 --> |
||||
|
<u-button class="button" color="#211F32" throttleTime="500" id="ChangeLoginPassword"> |
||||
|
<view class="content">{{ i18n.ChangeLoginPassword }}</view> |
||||
|
</u-button> |
||||
|
<!-- 修改赎回密码按钮 --> |
||||
|
<u-button class="button" color="#211F32" throttleTime="500" id="ChangeWithdrawalPassword"> |
||||
|
<view class="content">{{ i18n.ChangeWithdrawalPassword }}</view> |
||||
|
</u-button> |
||||
|
<!-- 银行卡按钮 --> |
||||
|
<u-button class="button" color="#211F32" throttleTime="500" id="BankCard"> |
||||
|
<view class="content">{{ i18n.BankCard }}</view> |
||||
|
</u-button> |
||||
|
<!-- 赎回地址按钮 --> |
||||
|
<u-button class="button" color="#211F32" throttleTime="500" id="WithdrawalAddress"> |
||||
|
<view class="content">{{ i18n.WithdrawalAddress }}</view> |
||||
|
</u-button> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "accountInfo", |
||||
|
data() { |
||||
|
return { |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
i18n() { |
||||
|
return this.$t("me"); |
||||
|
}, |
||||
|
}, |
||||
|
onLoad() { |
||||
|
}, |
||||
|
onShow() { }, |
||||
|
methods: { |
||||
|
goto(e) { |
||||
|
// console.log(e.target.id); |
||||
|
const id = e.target.id; |
||||
|
let url = ''; |
||||
|
switch (id) { |
||||
|
case 'ChangeLoginPassword': |
||||
|
url = '/pages/me/changeLoginPassword' |
||||
|
break; |
||||
|
case 'ChangeWithdrawalPassword': |
||||
|
url = '/pages/me/changeWithdrawalPassword' |
||||
|
break; |
||||
|
case 'BankCard': |
||||
|
break; |
||||
|
case 'WithdrawalAddress': |
||||
|
break; |
||||
|
default: |
||||
|
break; |
||||
|
} |
||||
|
if (url) { |
||||
|
// console.log(url); |
||||
|
uni.navigateTo({ |
||||
|
url, |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.main { |
||||
|
|
||||
|
.body { |
||||
|
overflow: hidden; |
||||
|
margin-top: 200rpx; |
||||
|
padding: 0 64rpx; |
||||
|
|
||||
|
|
||||
|
.button { |
||||
|
position: relative; |
||||
|
height: 112rpx; |
||||
|
margin-top: 32rpx; |
||||
|
border-radius: 32rpx; |
||||
|
|
||||
|
.content { |
||||
|
width: 440rpx; |
||||
|
height: 112rpx; |
||||
|
line-height: 112rpx; |
||||
|
font-weight: 600; |
||||
|
font-size: 28rpx; |
||||
|
padding-left: 70rpx; |
||||
|
text-align: left; |
||||
|
|
||||
|
&::before { |
||||
|
display: block; |
||||
|
position: absolute; |
||||
|
content: ''; |
||||
|
background-image: url(../../static/me/img_accountinfo01.png); |
||||
|
background-repeat: no-repeat; |
||||
|
background-size: 80rpx; |
||||
|
width: 80rpx; |
||||
|
height: 80rpx; |
||||
|
top: 16rpx; |
||||
|
left: 24rpx; |
||||
|
} |
||||
|
|
||||
|
&::after { |
||||
|
display: block; |
||||
|
position: absolute; |
||||
|
content: ''; |
||||
|
background-image: url(../../static/me/ic_arrow_g.png); |
||||
|
background-repeat: no-repeat; |
||||
|
background-size: 32rpx; |
||||
|
width: 32rpx; |
||||
|
height: 32rpx; |
||||
|
top: 40rpx; |
||||
|
right: 24rpx; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
&:nth-child(2) .content::before { |
||||
|
background-image: url(../../static/me/img_accountinfo02.png); |
||||
|
} |
||||
|
|
||||
|
&:nth-child(3) .content::before { |
||||
|
background-image: url(../../static/me/img_accountinfo03.png); |
||||
|
} |
||||
|
|
||||
|
&:nth-child(4) .content::before { |
||||
|
background-image: url(../../static/me/img_accountinfo04.png); |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,78 @@ |
|||||
|
<template> |
||||
|
<view class="main"> |
||||
|
<!-- nav --> |
||||
|
<navigation>{{ i18n.ChangeLoginPassword }}</navigation> |
||||
|
<view class="body"> |
||||
|
<u-input class="input" type="password" v-model="oldPassword" color="#A1A0A8" fontSize="28rpx" border="none" |
||||
|
:placeholder="i18n.PleaseEnterTheOldPassword"> |
||||
|
</u-input> |
||||
|
<u-input class="input" type="password" v-model="newPassword" color="#A1A0A8" fontSize="28rpx" border="none" |
||||
|
:placeholder="i18n.CreateNewLoginPassword"> |
||||
|
</u-input> |
||||
|
|
||||
|
<!-- 修改登录密码按钮 --> |
||||
|
<u-button class="button" color="#00E8A2" throttleTime="500" :disabled="disabled"> |
||||
|
{{ i18n.Confirm }} |
||||
|
</u-button> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "changeLoginPassword", |
||||
|
data() { |
||||
|
return { |
||||
|
oldPassword: '', |
||||
|
newPassword: '', |
||||
|
disabled: true, |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
i18n() { |
||||
|
return this.$t("me"); |
||||
|
}, |
||||
|
}, |
||||
|
onLoad() { |
||||
|
}, |
||||
|
onShow() { }, |
||||
|
methods: { |
||||
|
|
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.main { |
||||
|
|
||||
|
.body { |
||||
|
overflow: hidden; |
||||
|
margin-top: 200rpx; |
||||
|
padding: 0 64rpx; |
||||
|
|
||||
|
.input { |
||||
|
height: 112rpx; |
||||
|
line-height: 112rpx; |
||||
|
background: #211F32; |
||||
|
margin: 32rpx 0; |
||||
|
border-radius: 32rpx; |
||||
|
padding-left: 32rpx !important; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.button { |
||||
|
position: relative; |
||||
|
height: 112rpx; |
||||
|
margin-top: 680rpx; |
||||
|
border-radius: 32rpx; |
||||
|
font-weight: 600; |
||||
|
color: #15141F !important; |
||||
|
font-size: 32rpx !important; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,78 @@ |
|||||
|
<template> |
||||
|
<view class="main"> |
||||
|
<!-- nav --> |
||||
|
<navigation>{{ i18n.ModifyWithdrawalPassword }}</navigation> |
||||
|
<view class="body"> |
||||
|
<u-input class="input" type="password" v-model="oldPassword" color="#A1A0A8" fontSize="28rpx" border="none" |
||||
|
:placeholder="i18n.PleaseEnterTheOldPassword"> |
||||
|
</u-input> |
||||
|
<u-input class="input" type="password" v-model="newPassword" color="#A1A0A8" fontSize="28rpx" border="none" |
||||
|
:placeholder="i18n.CreateNewPassword"> |
||||
|
</u-input> |
||||
|
|
||||
|
<!-- 修改登录密码按钮 --> |
||||
|
<u-button class="button" color="#00E8A2" throttleTime="500" :disabled="disabled"> |
||||
|
{{ i18n.Confirm }} |
||||
|
</u-button> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "changeWithdrawalPassword", |
||||
|
data() { |
||||
|
return { |
||||
|
oldPassword: '', |
||||
|
newPassword: '', |
||||
|
disabled: true, |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
i18n() { |
||||
|
return this.$t("me"); |
||||
|
}, |
||||
|
}, |
||||
|
onLoad() { |
||||
|
}, |
||||
|
onShow() { }, |
||||
|
methods: { |
||||
|
|
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.main { |
||||
|
|
||||
|
.body { |
||||
|
overflow: hidden; |
||||
|
margin-top: 200rpx; |
||||
|
padding: 0 64rpx; |
||||
|
|
||||
|
.input { |
||||
|
height: 112rpx; |
||||
|
line-height: 112rpx; |
||||
|
background: #211F32; |
||||
|
margin: 32rpx 0; |
||||
|
border-radius: 32rpx; |
||||
|
padding-left: 32rpx !important; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.button { |
||||
|
position: relative; |
||||
|
height: 112rpx; |
||||
|
margin-top: 680rpx; |
||||
|
border-radius: 32rpx; |
||||
|
font-weight: 600; |
||||
|
color: #15141F !important; |
||||
|
font-size: 32rpx !important; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,97 @@ |
|||||
|
<template> |
||||
|
<view class="main"> |
||||
|
<!-- nav --> |
||||
|
<navigation>{{ i18n.DonateRecord }}</navigation> |
||||
|
<view class="body"> |
||||
|
<view class="card" v-for="(item, index) in 4" :key="index"> |
||||
|
<u-icon class="icon" :name="'../../static/me/img_donate.png'" size="64rpx" width="64rpx"></u-icon> |
||||
|
<view class="content"> |
||||
|
<Key-value-row class="title" :keyName="'Donate Title'" :value="'200.00'" :leftColor="'#fff'" |
||||
|
:rightColor="'#F2FE8D'"> |
||||
|
</Key-value-row> |
||||
|
<view class="date">2022/08/06 14:50:34</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import KeyValueRow from '../../components/KeyValueRow/KeyValueRow.vue'; |
||||
|
export default { |
||||
|
components: { KeyValueRow }, |
||||
|
name: "donateRecord", |
||||
|
data() { |
||||
|
return { |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
i18n() { |
||||
|
return this.$t("me"); |
||||
|
}, |
||||
|
}, |
||||
|
onLoad() { |
||||
|
}, |
||||
|
onShow() { }, |
||||
|
methods: { |
||||
|
|
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.main { |
||||
|
|
||||
|
.body { |
||||
|
overflow: hidden; |
||||
|
margin-top: 200rpx; |
||||
|
padding: 0 32rpx; |
||||
|
|
||||
|
.card { |
||||
|
height: 148rpx; |
||||
|
position: relative; |
||||
|
background: #211F32; |
||||
|
border-radius: 32rpx; |
||||
|
display: flex; |
||||
|
flex-wrap: wrap; |
||||
|
margin-top: 32rpx; |
||||
|
|
||||
|
.icon { |
||||
|
margin: -20rpx 12rpx 0 20rpx; |
||||
|
border-radius: 20rpx; |
||||
|
} |
||||
|
|
||||
|
.content { |
||||
|
width: 558rpx; |
||||
|
|
||||
|
.title { |
||||
|
width: 558rpx; |
||||
|
height: 36rpx; |
||||
|
line-height: 36rpx; |
||||
|
margin-top: 32rpx; |
||||
|
font-size: 28rpx; |
||||
|
|
||||
|
/deep/.u-text__value { |
||||
|
font-weight: 600 !important; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.date { |
||||
|
width: 558rpx; |
||||
|
height: 36rpx; |
||||
|
line-height: 36rpx; |
||||
|
font-size: 28rpx; |
||||
|
margin-top: 12rpx; |
||||
|
color: #A1A0A8; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,121 @@ |
|||||
|
<template> |
||||
|
<view class="main"> |
||||
|
<!-- nav --> |
||||
|
<navigation>{{ i18n.InviteFriends }}</navigation> |
||||
|
<view class="body"> |
||||
|
<view class="shareText">{{ i18n.ShareWithFriends }}</view> |
||||
|
<view class="scanText">{{ i18n.ScanTheCode }}</view> |
||||
|
<!-- 二维码 --> |
||||
|
<view class="QRCode"> |
||||
|
<u-image class="QRCodeImg" src="../../static/me/QR-code.png" width="400rpx" height="400rpx"></u-image> |
||||
|
</view> |
||||
|
<view class="myIdText">{{ i18n.MyReferralID }}{{referralID}}</view> |
||||
|
<!-- 按钮 --> |
||||
|
<u-button class="button" color="#00E8A2" throttleTime="500" @click="copyId(referralID)">{{ |
||||
|
i18n.CopyID |
||||
|
}} |
||||
|
</u-button> |
||||
|
|
||||
|
|
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import uniCopy from '@/utils/uni-copy' |
||||
|
export default { |
||||
|
name: "inviteFriends", |
||||
|
data() { |
||||
|
return { |
||||
|
referralID: 857222, |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
i18n() { |
||||
|
return this.$t("me"); |
||||
|
}, |
||||
|
}, |
||||
|
onLoad() { |
||||
|
}, |
||||
|
onShow() { }, |
||||
|
methods: { |
||||
|
copyId(value = "") { |
||||
|
// console.log(value) |
||||
|
uniCopy({ |
||||
|
content: value, |
||||
|
success: (res) => { |
||||
|
uni.showToast({ |
||||
|
title: "复制成功", |
||||
|
duration: 3000, |
||||
|
}) |
||||
|
}, |
||||
|
error: (e) => { |
||||
|
uni.showToast({ |
||||
|
title: e, |
||||
|
icon: 'none', |
||||
|
duration: 2000, |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.main { |
||||
|
|
||||
|
.body { |
||||
|
overflow: hidden; |
||||
|
margin-top: 200rpx; |
||||
|
padding: 0 48rpx; |
||||
|
|
||||
|
.shareText { |
||||
|
margin-top: 104rpx; |
||||
|
font-size: 60rpx; |
||||
|
font-weight: 800; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.scanText { |
||||
|
font-size: 32rpx; |
||||
|
text-align: center; |
||||
|
color: #A2A0A8; |
||||
|
} |
||||
|
|
||||
|
.QRCode { |
||||
|
box-sizing: border-box; |
||||
|
margin: 66rpx auto; |
||||
|
width: 520rpx; |
||||
|
height: 520rpx; |
||||
|
background-image: url(../../static/me/bg_QR_code.png); |
||||
|
background-repeat: no-repeat; |
||||
|
background-size: 520rpx; |
||||
|
padding: 52rpx; |
||||
|
|
||||
|
.QRCodeImg { |
||||
|
margin-left: 8rpx; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.myIdText { |
||||
|
font-size: 48rpx; |
||||
|
font-weight: 800; |
||||
|
text-align: center; |
||||
|
} |
||||
|
|
||||
|
.button { |
||||
|
height: 112rpx; |
||||
|
margin: 72rpx 0; |
||||
|
border-radius: 32rpx; |
||||
|
color: #15141F !important; |
||||
|
font-weight: 700; |
||||
|
font-size: 32rpx; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,102 @@ |
|||||
|
<template> |
||||
|
<view class="main"> |
||||
|
<!-- nav --> |
||||
|
<navigation>{{ i18n.Language }}</navigation> |
||||
|
<view class="body"> |
||||
|
<radio-group class="radioGroup" @change="changeLanguage" v-model="language"> |
||||
|
<label class="checkBox" v-for="(item, index) in languageData" :key="index"> |
||||
|
<view class="name">{{ item.title }}</view> |
||||
|
<radio class="radio" color="#00E8A2" shape="square" :value="`${index}`" |
||||
|
:checked="language === item.language"> |
||||
|
</radio> |
||||
|
</label> |
||||
|
</radio-group> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import KeyValueRow from '../../components/KeyValueRow/KeyValueRow.vue'; |
||||
|
import languageData from '@/utils/language/config' |
||||
|
export default { |
||||
|
components: { KeyValueRow }, |
||||
|
name: "donateRecord", |
||||
|
data() { |
||||
|
return { |
||||
|
languageData, |
||||
|
language: languageData[0].language || 'en_US', |
||||
|
langTrue: languageData[0].title || 'English', |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
i18n() { |
||||
|
return this.$t("me"); |
||||
|
}, |
||||
|
}, |
||||
|
onLoad() { |
||||
|
}, |
||||
|
onShow() { |
||||
|
if (uni.getStorageSync('langTrue')) { |
||||
|
this.langTrue = uni.getStorageSync('langTrue') |
||||
|
this.language = this._i18n.locale |
||||
|
|
||||
|
} |
||||
|
}, |
||||
|
methods: { |
||||
|
changeLanguage(e) { |
||||
|
const index = e.target.value || 0 |
||||
|
const current = this.languageData[index] |
||||
|
// console.log(current); |
||||
|
this._i18n.locale = current.language |
||||
|
this.$store.commit('setLanguage', current.language) |
||||
|
this.langTrue = current.title |
||||
|
uni.setStorageSync('langTrue', current.title) |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.main { |
||||
|
|
||||
|
.body { |
||||
|
overflow: hidden; |
||||
|
margin-top: 200rpx; |
||||
|
|
||||
|
.radioGroup { |
||||
|
margin-top: 60rpx; |
||||
|
height: 432rpx; |
||||
|
padding: 0 48rpx; |
||||
|
|
||||
|
.checkBox { |
||||
|
position: relative; |
||||
|
height: 112rpx; |
||||
|
line-height: 112rpx; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
border-bottom: 2rpx solid #323045; |
||||
|
font-size: 32rpx; |
||||
|
|
||||
|
.radio { |
||||
|
position: absolute; |
||||
|
right: 0; |
||||
|
} |
||||
|
|
||||
|
/deep/.uni-radio-input { |
||||
|
// width: 48rpx; |
||||
|
// height: 48rpx; |
||||
|
// border-radius: 48rpx; |
||||
|
background: transparent; |
||||
|
} |
||||
|
|
||||
|
// /deep/.uni-radio-input-checked::before { |
||||
|
// font-size: 36rpx; |
||||
|
// } |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,94 @@ |
|||||
|
<template> |
||||
|
<view class="main"> |
||||
|
<!-- nav --> |
||||
|
<navigation>{{ i18n.MyTeam }}</navigation> |
||||
|
<view class="body"> |
||||
|
<view class="userItem" v-for="(item, index) in 4" :key="index"> |
||||
|
<u-icon class="icon" :name="'../../static/me/Ellipse 85.png'" size="92rpx" width="92rpx"></u-icon> |
||||
|
<view> |
||||
|
<view class="email">krichjmadif0985@gmail.com</view> |
||||
|
<view class="date">2022/08/06</view> |
||||
|
<u-button class="button" color="#F2FE8D" throttleTime="500">{{ i18n.Fresh }}</u-button> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "myTeam", |
||||
|
data() { |
||||
|
return { |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
i18n() { |
||||
|
return this.$t("me"); |
||||
|
}, |
||||
|
}, |
||||
|
onLoad() { |
||||
|
}, |
||||
|
onShow() { }, |
||||
|
methods: { |
||||
|
|
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.main { |
||||
|
|
||||
|
.body { |
||||
|
overflow: hidden; |
||||
|
margin-top: 200rpx; |
||||
|
padding: 0 32rpx; |
||||
|
|
||||
|
.userItem { |
||||
|
position: relative; |
||||
|
background: #211F32; |
||||
|
border-radius: 32rpx; |
||||
|
display: flex; |
||||
|
flex-wrap: wrap; |
||||
|
margin-top: 32rpx; |
||||
|
|
||||
|
.icon { |
||||
|
height: 160rpx; |
||||
|
margin-left: 20rpx; |
||||
|
margin-right: 26rpx; |
||||
|
} |
||||
|
|
||||
|
.email { |
||||
|
width: 520rpx; |
||||
|
height: 52rpx; |
||||
|
line-height: 52rpx; |
||||
|
margin-top: 28rpx; |
||||
|
font-size: 32rpx; |
||||
|
} |
||||
|
|
||||
|
.date { |
||||
|
width: 180rpx; |
||||
|
height: 52rpx; |
||||
|
line-height: 52rpx; |
||||
|
font-size: 28rpx; |
||||
|
} |
||||
|
|
||||
|
.button { |
||||
|
position: absolute; |
||||
|
top: 72rpx; |
||||
|
right: 32rpx; |
||||
|
width: 120rpx; |
||||
|
height: 48rpx; |
||||
|
line-height: 48rpx; |
||||
|
font-size: 28rpx; |
||||
|
color: #15141F !important; |
||||
|
margin-left: 200rpx; |
||||
|
margin-top: 20rpx; |
||||
|
border-radius: 16rpx; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,114 @@ |
|||||
|
<template> |
||||
|
<view class="main"> |
||||
|
<!-- nav --> |
||||
|
<navigation>{{ i18n.Notification }}</navigation> |
||||
|
<view class="body"> |
||||
|
<view class="userItem" v-for="(item, index) in 4" :key="index" @click="gotoDetails(index)"> |
||||
|
<u-icon class="icon" :name="'../../static/home/ic_proclamation.png'" size="60rpx" width="60rpx"> |
||||
|
</u-icon> |
||||
|
<view class="content"> |
||||
|
<view class="title">Please contact customer service on the top-left corner for identity verification |
||||
|
on your firstPlease contactservice on firstPlease contact customer service on the top-left |
||||
|
corner for identity Please contact customer service on the top-left corner for identity |
||||
|
verification on your firstPlease contactservice on firstPlease contact customer service on the |
||||
|
top-left corner for identity Please contact customer service on the top-left corner for identity |
||||
|
verification on your firstPlease contactservice on firstPlease contact customer ser</view> |
||||
|
<view class="date">{{ i18n.Release }}: 2022/08/06 14:51:34</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "notification", |
||||
|
data() { |
||||
|
return { |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
i18n() { |
||||
|
return this.$t("me"); |
||||
|
}, |
||||
|
}, |
||||
|
onLoad() { |
||||
|
}, |
||||
|
onShow() { }, |
||||
|
methods: { |
||||
|
gotoDetails(index) { |
||||
|
console.log(index); |
||||
|
uni.navigateTo({ |
||||
|
url: `/pages/me/notificationDetails?id=${index}` |
||||
|
}); |
||||
|
} |
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.main { |
||||
|
|
||||
|
.body { |
||||
|
overflow: hidden; |
||||
|
margin-top: 200rpx; |
||||
|
padding: 0 24rpx; |
||||
|
|
||||
|
.userItem { |
||||
|
position: relative; |
||||
|
background: #211F32; |
||||
|
border-radius: 32rpx; |
||||
|
display: flex; |
||||
|
margin-top: 32rpx; |
||||
|
height: 218rpx; |
||||
|
overflow: hidden; |
||||
|
box-sizing: border-box; |
||||
|
|
||||
|
.icon { |
||||
|
height: 60rpx; |
||||
|
margin-left: 20rpx; |
||||
|
margin-right: 12rpx; |
||||
|
margin-top: 20rpx; |
||||
|
} |
||||
|
|
||||
|
.content { |
||||
|
overflow: hidden; |
||||
|
margin-top: 20rpx; |
||||
|
height: 218rpx; |
||||
|
|
||||
|
.title { |
||||
|
width: 574rpx; |
||||
|
height: 116rpx; |
||||
|
font-size: 28rpx; |
||||
|
padding-right: 36rpx; |
||||
|
// 超出字符省略成... |
||||
|
overflow: hidden; |
||||
|
text-overflow: ellipsis; |
||||
|
word-wrap: break-word; |
||||
|
display: -webkit-box; //兼容 |
||||
|
white-space: normal !important; |
||||
|
-webkit-line-clamp: 3; //显示行数 |
||||
|
-webkit-box-orient: vertical; |
||||
|
} |
||||
|
|
||||
|
.date { |
||||
|
width: 610rpx; |
||||
|
height: 64rpx; |
||||
|
line-height: 64rpx; |
||||
|
font-size: 28rpx; |
||||
|
color: #A1A0A8; |
||||
|
border-top: 1px solid #323045; |
||||
|
margin-top: 16rpx; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,100 @@ |
|||||
|
<template> |
||||
|
<view class="main"> |
||||
|
<!-- nav --> |
||||
|
<navigation>{{ i18n.NotificationDetails }}</navigation> |
||||
|
<view class="body"> |
||||
|
<view class="userItem"> |
||||
|
<view class="content"> |
||||
|
<view class="title">Please contact customer service on the top-left corner for identity verification |
||||
|
on your firstPlease contactservice on firstPlease contact customer service on the top-left |
||||
|
corner for identity Please contact customer service on </view> |
||||
|
<view class="article">Please contact customer service on the top-left corner for identity |
||||
|
verification on your firstPlease contactservice on firstPlease contact customer service on the |
||||
|
top-left corner for identity Please contact customer service on the top-left corner for identity |
||||
|
verification on your firstPlease contactservice on firstPlease contact customer service on the |
||||
|
top-left corner for identity Please contact customer service on the top-left corner for identity |
||||
|
verification on your firstPlease contactservice on firstPlease contact customer ser</view> |
||||
|
|
||||
|
<view class="date">{{ i18n.Release }}: 2022/08/06 14:51:34</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "notificationDetails", |
||||
|
data() { |
||||
|
return { |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
i18n() { |
||||
|
return this.$t("me"); |
||||
|
}, |
||||
|
}, |
||||
|
onLoad() { |
||||
|
}, |
||||
|
onShow() { }, |
||||
|
methods: { |
||||
|
|
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.main { |
||||
|
|
||||
|
.body { |
||||
|
overflow: hidden; |
||||
|
margin-top: 200rpx; |
||||
|
padding: 0 24rpx; |
||||
|
|
||||
|
.userItem { |
||||
|
position: relative; |
||||
|
background: #211F32; |
||||
|
border-radius: 32rpx; |
||||
|
margin-top: 20rpx; |
||||
|
overflow: hidden; |
||||
|
box-sizing: border-box; |
||||
|
|
||||
|
.content { |
||||
|
overflow: hidden; |
||||
|
|
||||
|
.title { |
||||
|
width: 640rpx; |
||||
|
font-size: 28rpx; |
||||
|
padding: 20rpx 32rpx; |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.article { |
||||
|
border-top: 2rpx solid #323045; |
||||
|
padding: 20rpx 32rpx; |
||||
|
font-size: 28rpx; |
||||
|
color: #A1A0A8; |
||||
|
} |
||||
|
|
||||
|
.date { |
||||
|
width: 610rpx; |
||||
|
height: 64rpx; |
||||
|
line-height: 64rpx; |
||||
|
font-size: 28rpx; |
||||
|
color: #A1A0A8; |
||||
|
border-top: 2rpx solid #323045; |
||||
|
margin-top: 16rpx; |
||||
|
padding: 0 32rpx; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,355 @@ |
|||||
|
<template> |
||||
|
<view class="main"> |
||||
|
<!-- nav --> |
||||
|
<navigation>{{ i18n.WalletHistory }}</navigation> |
||||
|
<view class="body"> |
||||
|
<view class="form"> |
||||
|
<!-- coin选择框 --> |
||||
|
<view class="text">{{ i18n.SelectCurrency }}</view> |
||||
|
<view class="input-item"> |
||||
|
<u-input class="input" v-model="coin" color="#fff" fontSize="32rpx" border="none" |
||||
|
:placeholder="i18n.PleaseChooseCoin"> |
||||
|
</u-input> |
||||
|
<view class="downSelect" @click="USDTPopupShow = true"></view> |
||||
|
</view> |
||||
|
<!-- form地址选择框 --> |
||||
|
<view class="text">{{ i18n.From }}</view> |
||||
|
<view class="input-item"> |
||||
|
<u-input class="input" v-model="coin" color="#fff" fontSize="32rpx" border="none" |
||||
|
:placeholder="i18n.OptionAccount"> |
||||
|
</u-input> |
||||
|
<view class="downSelect" @click="accountPopupShow = true"></view> |
||||
|
</view> |
||||
|
<!-- to地址选择框 --> |
||||
|
<view class="text">{{ i18n.To }}</view> |
||||
|
<view class="input-item"> |
||||
|
<u-input class="input" v-model="coin" color="#fff" fontSize="32rpx" border="none" |
||||
|
:placeholder="i18n.TradingAccount"> |
||||
|
</u-input> |
||||
|
<view class="downSelect" @click="accountPopupShow = true"></view> |
||||
|
</view> |
||||
|
<!-- 数量 --> |
||||
|
<view class="text">{{ i18n.TransferNumber }}</view> |
||||
|
<view class="input-item"> |
||||
|
<u-input class="input" v-model="coin" color="#fff" fontSize="32rpx" border="none" |
||||
|
:placeholder="i18n.PleaseEnterNumber"> |
||||
|
</u-input> |
||||
|
<view class="numberDownSelect">USDT <view class="all">ALL</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
<view class="Usable">{{ i18n.Usable }} <view class="number">560878.90000000</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<!-- 按钮 --> |
||||
|
<u-button class="transferButton" color="#00E8A2" throttleTime="500">{{ |
||||
|
i18n.Transfer |
||||
|
}}</u-button> |
||||
|
|
||||
|
<!-- USDT按钮通知弹出层 --> |
||||
|
<u-popup class="USDTPopup" :show="USDTPopupShow" round="40rpx" mode="bottom" @close="USDTPopupShow = false" |
||||
|
@open="USDTPopupShow = true" bgColor="#211F32"> |
||||
|
<view class="content"> |
||||
|
<view class="close" @click="USDTPopupShow = false"></view> |
||||
|
<scroll-view scroll-y="true" style="height: 432rpx;" scroll-with-animation="true" @touchmove.stop> |
||||
|
<radio-group class="radioGroup" @change="USDTRadioChange" v-model="USDTRadioValue"> |
||||
|
<label class="checkBox" v-for="(item, index) in 10" :key="index"> |
||||
|
<view class="icon"> |
||||
|
<u-icon name="../../static/maskets/bye.png" size="52rpx" width="52rpx"></u-icon> |
||||
|
</view> |
||||
|
<view class="iconName"> |
||||
|
<view class="top">USDT</view> |
||||
|
<view class="bottom">BTC</view> |
||||
|
</view> |
||||
|
|
||||
|
<radio color="#00E8A2" shape="square"></radio> |
||||
|
</label> |
||||
|
|
||||
|
</radio-group> |
||||
|
</scroll-view> |
||||
|
|
||||
|
<u-button class="button" color="#00E8A2" throttleTime="500" @click="USDTPopupShow = false">OK |
||||
|
</u-button> |
||||
|
</view> |
||||
|
</u-popup> |
||||
|
|
||||
|
<!-- account账户按钮通知弹出层 --> |
||||
|
<u-popup class="accountPopup" :show="accountPopupShow" round="40rpx" mode="bottom" |
||||
|
@close="accountPopupShow = false" @open="accountPopupShow = true" bgColor="#211F32"> |
||||
|
<view class="content"> |
||||
|
<view class="close" @click="accountPopupShow = false"></view> |
||||
|
<scroll-view scroll-y="true" style="height: 200rpx;" scroll-with-animation="true" @touchmove.stop> |
||||
|
<radio-group class="radioGroup" @change="accountRadioChange" v-model="accountRadioValue"> |
||||
|
<label class="checkBox" v-for="(item, index) in 3" :key="index"> |
||||
|
<view class="name">Option account</view> |
||||
|
<radio color="#00E8A2" shape="square"></radio> |
||||
|
</label> |
||||
|
|
||||
|
</radio-group> |
||||
|
</scroll-view> |
||||
|
|
||||
|
<u-button class="button" color="#00E8A2" throttleTime="500" @click="accountPopupShow = false">OK |
||||
|
</u-button> |
||||
|
</view> |
||||
|
</u-popup> |
||||
|
|
||||
|
</view> |
||||
|
|
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
export default { |
||||
|
name: "transfer", |
||||
|
data() { |
||||
|
return { |
||||
|
coin: '', |
||||
|
USDTPopupShow: false, |
||||
|
accountPopupShow: false, |
||||
|
USDTRadioValue: '', |
||||
|
accountRadioValue: '', |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
i18n() { |
||||
|
return this.$t("me"); |
||||
|
}, |
||||
|
}, |
||||
|
onLoad() { |
||||
|
}, |
||||
|
onShow() { }, |
||||
|
methods: { |
||||
|
USDTRadioChange(e) { |
||||
|
console.log(e); |
||||
|
}, |
||||
|
accountRadioChange(e) { |
||||
|
console.log(e); |
||||
|
} |
||||
|
|
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.main { |
||||
|
.body { |
||||
|
.form { |
||||
|
margin: 232rpx 32rpx 0; |
||||
|
background: #211F32; |
||||
|
border-radius: 32rpx; |
||||
|
padding: 0 32rpx; |
||||
|
overflow: hidden; |
||||
|
|
||||
|
.text { |
||||
|
margin: 32rpx 0 20rpx; |
||||
|
font-size: 32rpx; |
||||
|
color: #A1A0A8; |
||||
|
} |
||||
|
|
||||
|
.input-item { |
||||
|
position: relative; |
||||
|
background: #323045; |
||||
|
border-radius: 32rpx; |
||||
|
|
||||
|
.input { |
||||
|
width: 400rpx; |
||||
|
height: 112rpx; |
||||
|
padding-left: 40rpx !important; |
||||
|
} |
||||
|
|
||||
|
.downSelect { |
||||
|
position: absolute; |
||||
|
width: 32rpx; |
||||
|
height: 32rpx; |
||||
|
top: 36rpx; |
||||
|
right: 32rpx; |
||||
|
background-image: url(../../static/me/ic_input_arrow_down.png); |
||||
|
background-repeat: no-repeat; |
||||
|
background-size: 32rpx; |
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
.numberDownSelect { |
||||
|
position: absolute; |
||||
|
width: 32rpx; |
||||
|
height: 32rpx; |
||||
|
top: 36rpx; |
||||
|
right: 148rpx; |
||||
|
|
||||
|
.all { |
||||
|
padding-left: 16rpx; |
||||
|
display: inline; |
||||
|
font-size: 28rpx; |
||||
|
color: #00E8A2; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.Usable { |
||||
|
margin: 32rpx 0; |
||||
|
color: #FFFFFF; |
||||
|
font-size: 12px; |
||||
|
|
||||
|
.number { |
||||
|
display: inline; |
||||
|
color: #00E8A2; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.transferButton { |
||||
|
box-sizing: border-box; |
||||
|
margin: 64rpx 32rpx; |
||||
|
width: 686rpx; |
||||
|
height: 112rpx; |
||||
|
line-height: 112rpx; |
||||
|
border-radius: 32rpx; |
||||
|
font-size: 32rpx; |
||||
|
color: #15141F !important; |
||||
|
} |
||||
|
|
||||
|
.USDTPopup { |
||||
|
.content { |
||||
|
height: 730rpx; |
||||
|
|
||||
|
.close { |
||||
|
margin: 48rpx 346rpx; |
||||
|
width: 58rpx; |
||||
|
height: 20rpx; |
||||
|
background-image: url(../../static/charity/Turn.png); |
||||
|
background-repeat: no-repeat; |
||||
|
background-size: 58rpx 20rpx; |
||||
|
} |
||||
|
|
||||
|
.radioGroup { |
||||
|
height: 432rpx; |
||||
|
|
||||
|
.checkBox { |
||||
|
height: 84rpx; |
||||
|
width: 670rpx; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin: 0 40rpx 32rpx; |
||||
|
|
||||
|
.icon { |
||||
|
width: 84rpx; |
||||
|
height: 84rpx; |
||||
|
border-radius: 20rpx; |
||||
|
overflow: hidden; |
||||
|
display: inline-block; |
||||
|
box-sizing: border-box; |
||||
|
background: #323045; |
||||
|
padding: 16rpx; |
||||
|
margin-right: 20rpx; |
||||
|
} |
||||
|
|
||||
|
.iconName { |
||||
|
width: 520rpx; |
||||
|
|
||||
|
.top { |
||||
|
font-size: 32rpx; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.bottom { |
||||
|
font-size: 24rpx; |
||||
|
color: #A1A0A8; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
/deep/.uni-radio-input { |
||||
|
width: 48rpx; |
||||
|
height: 48rpx; |
||||
|
border-radius: 16rpx; |
||||
|
background: #323045; |
||||
|
} |
||||
|
|
||||
|
/deep/.uni-radio-input-checked::before { |
||||
|
font-size: 36rpx; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.button { |
||||
|
width: 654rpx; |
||||
|
margin: 40rpx 48rpx; |
||||
|
border-radius: 32rpx; |
||||
|
height: 112rpx; |
||||
|
line-height: 112rpx; |
||||
|
color: #15141F !important; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
.accountPopup { |
||||
|
.content { |
||||
|
height: 484rpx; |
||||
|
|
||||
|
.close { |
||||
|
margin: 48rpx 346rpx; |
||||
|
width: 58rpx; |
||||
|
height: 20rpx; |
||||
|
background-image: url(../../static/charity/Turn.png); |
||||
|
background-repeat: no-repeat; |
||||
|
background-size: 58rpx 20rpx; |
||||
|
} |
||||
|
|
||||
|
.radioGroup { |
||||
|
height: 200rpx; |
||||
|
|
||||
|
.checkBox { |
||||
|
height: 84rpx; |
||||
|
width: 670rpx; |
||||
|
display: flex; |
||||
|
align-items: center; |
||||
|
margin: 0 40rpx 32rpx; |
||||
|
|
||||
|
.name { |
||||
|
width: 600rpx; |
||||
|
font-size: 32rpx; |
||||
|
color: #fff; |
||||
|
} |
||||
|
|
||||
|
/deep/.uni-radio-input { |
||||
|
width: 48rpx; |
||||
|
height: 48rpx; |
||||
|
border-radius: 16rpx; |
||||
|
background: #323045; |
||||
|
} |
||||
|
|
||||
|
/deep/.uni-radio-input-checked::before { |
||||
|
font-size: 36rpx; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
.button { |
||||
|
width: 654rpx; |
||||
|
margin: 20rpx 48rpx; |
||||
|
border-radius: 32rpx; |
||||
|
height: 112rpx; |
||||
|
line-height: 112rpx; |
||||
|
color: #15141F !important; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
</style> |
||||
@ -0,0 +1,137 @@ |
|||||
|
<template> |
||||
|
<view class="main"> |
||||
|
<!-- nav --> |
||||
|
<navigation>{{ i18n.WalletHistory }}</navigation> |
||||
|
<!-- headBtn --> |
||||
|
<view class="head"> |
||||
|
<view class="headItem" @click="pageState = 'balance'" :class="{ select: pageState === 'balance' }"> |
||||
|
{{ i18n.Balance }} |
||||
|
</view> |
||||
|
<view class="headItem" @click="pageState = 'contarct'" :class="{ select: pageState === 'contarct' }"> |
||||
|
{{ i18n.Contarct }} |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
<view class="cardList"> |
||||
|
<view class="card" v-for="(item, index) in 4" :key="index"> |
||||
|
<!-- 卡片条件渲染 --> |
||||
|
<!-- balance --> |
||||
|
<card-header v-if="pageState === 'balance'" |
||||
|
:iconName="`../../static/me/${(0 + +balanceTestValue) > 0 ? 'ic_wallet_add' : 'ic_wallet_minus'}.png`" |
||||
|
:title="'973430980989323445'" :rightName="balanceTestValue" |
||||
|
:fontColor="`${(0 + +balanceTestValue) > 0 ? '#00E8A2' : '#F4506A'}`"> |
||||
|
</card-header> |
||||
|
<view class="dataBody" v-if="pageState === 'balance'"> |
||||
|
<Key-value-row :keyName="i18n.Time" :value="'2022/08/06 14:51'"></Key-value-row> |
||||
|
<view class="text">Postscript : ontact customer service on the top-left corner for identity verific |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
<!-- contarct --> |
||||
|
<card-header v-if="pageState === 'contarct'" |
||||
|
:iconName="`../../static/me/${(0 + +contarctTestValue) > 0 ? 'ic_wallet_add' : 'ic_wallet_minus'}.png`" |
||||
|
:title="'973430980989323445'" :rightName="contarctTestValue" |
||||
|
:fontColor="`${(0 + +contarctTestValue) > 0 ? '#00E8A2' : '#F4506A'}`"> |
||||
|
</card-header> |
||||
|
<view class="dataBody" v-if="pageState === 'contarct'"> |
||||
|
<Key-value-row :keyName="i18n.Time" :value="'2022/08/06 14:51'"></Key-value-row> |
||||
|
<view class="text">Postscript : ontact customer service on the top-left corner for identity verific |
||||
|
</view> |
||||
|
</view> |
||||
|
|
||||
|
|
||||
|
|
||||
|
</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import KeyValueRow from '../../components/KeyValueRow/KeyValueRow.vue'; |
||||
|
import CardHeader from '../../components/cardHeader/cardHeader.vue'; |
||||
|
export default { |
||||
|
components: { KeyValueRow, CardHeader }, |
||||
|
name: "walletHistory", |
||||
|
data() { |
||||
|
return { |
||||
|
pageState: 'balance', |
||||
|
balanceTestValue: '+100', //测试用数据 |
||||
|
contarctTestValue: '-100', |
||||
|
}; |
||||
|
}, |
||||
|
computed: { |
||||
|
i18n() { |
||||
|
return this.$t("me"); |
||||
|
}, |
||||
|
}, |
||||
|
onLoad() { |
||||
|
}, |
||||
|
onShow() { }, |
||||
|
methods: { |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
} |
||||
|
</script> |
||||
|
|
||||
|
<style lang="scss" scoped> |
||||
|
.main { |
||||
|
|
||||
|
.head { |
||||
|
margin-top: 200rpx; |
||||
|
margin-left: 60rpx; |
||||
|
width: 632rpx; |
||||
|
display: flex; |
||||
|
justify-content: space-around; |
||||
|
align-items: center; |
||||
|
padding: 48rpx 0; |
||||
|
|
||||
|
.headItem { |
||||
|
width: 300rpx; |
||||
|
height: 68rpx; |
||||
|
line-height: 68rpx; |
||||
|
background: #211F32; |
||||
|
border-radius: 16rpx; |
||||
|
text-align: center; |
||||
|
font-size: 32rpx; |
||||
|
color: #A1A0A8; |
||||
|
|
||||
|
&.select { |
||||
|
background: #00E8A2; |
||||
|
color: #15141F; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.cardList { |
||||
|
padding-bottom: 40rpx; |
||||
|
|
||||
|
.card { |
||||
|
overflow: hidden; |
||||
|
background: #211F32; |
||||
|
border-radius: 32rpx; |
||||
|
margin: 0 32rpx 32rpx; |
||||
|
|
||||
|
|
||||
|
|
||||
|
.dataBody { |
||||
|
box-sizing: border-box; |
||||
|
padding: 32rpx; |
||||
|
|
||||
|
.text { |
||||
|
margin-top: 20rpx; |
||||
|
padding: 10rpx 16rpx; |
||||
|
background: #323045; |
||||
|
border-radius: 8rpx; |
||||
|
font-size: 24rpx; |
||||
|
color: #A1A0A8; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
</style> |
||||
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 278 B |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 706 B |
|
After Width: | Height: | Size: 345 B |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 2.9 KiB |
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 3.0 KiB |
|
Before Width: | Height: | Size: 3.0 KiB After Width: | Height: | Size: 3.8 KiB |
|
Before Width: | Height: | Size: 3.8 KiB After Width: | Height: | Size: 3.2 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
Before Width: | Height: | Size: 4.2 KiB |
|
Before Width: | Height: | Size: 4.1 KiB |
|
Before Width: | Height: | Size: 3.6 KiB |
|
Before Width: | Height: | Size: 3.2 KiB |
@ -0,0 +1,15 @@ |
|||||
|
export default [ |
||||
|
{ |
||||
|
title: 'English', |
||||
|
language: 'en_US', |
||||
|
|
||||
|
}, |
||||
|
{ |
||||
|
title: '繁体中文', |
||||
|
language: 'zh_TW' |
||||
|
}, |
||||
|
{ |
||||
|
title: 'Tiếng Việt', |
||||
|
language: 'vi_VN' |
||||
|
} |
||||
|
] |
||||
@ -0,0 +1,183 @@ |
|||||
|
// en_US.js
|
||||
|
export default { |
||||
|
// tab bar 相关
|
||||
|
tabBar: { |
||||
|
Home: 'หน้าแรก', |
||||
|
Markets: 'สัญญา', |
||||
|
Charity: 'การกุศล', |
||||
|
Subscription: 'การสั่งซื้อ', |
||||
|
Me: 'ของฉัน', |
||||
|
}, |
||||
|
// 登陆相关页面
|
||||
|
login: { |
||||
|
// 公共字段
|
||||
|
Login: 'Login', |
||||
|
SignUp: 'Sign Up', |
||||
|
ForgotPassword: 'Forgot password', |
||||
|
// login
|
||||
|
welcomeText: 'Hi, Welcome Back!', |
||||
|
signInText: 'Sign in to your account.', |
||||
|
emailInputText: 'Enter email address', |
||||
|
emailInputMessage: 'Please enter your email address', |
||||
|
passwordInputText: 'Password', |
||||
|
passwordInputMessage: 'Please enter your password', |
||||
|
forgotText: 'Forgot Password?', |
||||
|
notAccountText: 'Don’t have account?', |
||||
|
agreeToBackup: 'Please check the prompt to agree to backup', |
||||
|
checkTheTermsOfService: 'Please review and agree to the terms of service', |
||||
|
|
||||
|
// register
|
||||
|
registerWelcomeText: "Getting Started", |
||||
|
registerCreate: "Create an account to continue!", |
||||
|
verificationCodeText: 'Verification Code', |
||||
|
verificationCodeMessage: 'Please enter verification code', |
||||
|
passwordText: 'Create The Login Password', |
||||
|
passwordMessage: 'Please enter your password', |
||||
|
confirmPasswordText: 'Confirm Login Password', |
||||
|
confirmPasswordMessage: 'Please confirm login password', |
||||
|
withdrawalPasswordText: 'Create The Withdrawal Password', |
||||
|
withdrawalPasswordMessage: 'Please enter the withdrawal password', |
||||
|
InvitationCodeText: 'Invitation code', |
||||
|
InvitationCodeMessage: 'Please enter the invitation code', |
||||
|
agreeText: 'By creating an account, you agree to our ', |
||||
|
Terms: 'Terms', |
||||
|
and: 'and', |
||||
|
Conditions: 'Conditions', |
||||
|
haveAccount: 'Already have an account?', |
||||
|
|
||||
|
// forget
|
||||
|
Save: 'Save', |
||||
|
}, |
||||
|
|
||||
|
// 首页相关页面
|
||||
|
home: { |
||||
|
// 公共字段
|
||||
|
HOME: 'HOME', |
||||
|
// home首页
|
||||
|
customerService: 'Customer Service', |
||||
|
homeMessage: `Please contact customer service on the top-left corner for identity verification on your first Please contact customer service on the top-left corner for identity verification on your first...Please contact customer service on the top-left corner for identity verification on your first... `, |
||||
|
Recharge: 'Recharge', |
||||
|
Mine: 'Mine', |
||||
|
Subcription: 'Subcription', |
||||
|
TodaySteps: "Today's steps", |
||||
|
ReceiveEarnings: "Receive yesterday's earnings", |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
|
||||
|
// 合约页面相关
|
||||
|
markets: { |
||||
|
// markets
|
||||
|
TrandingPair: 'Tranding Pair', |
||||
|
LatestPrice: 'Latest Price', |
||||
|
RiseAndfall: '24H Rise and fall', |
||||
|
}, |
||||
|
|
||||
|
// 捐赠页面相关
|
||||
|
charity: { |
||||
|
CharityDetails: 'Charity Details', |
||||
|
About: 'About', |
||||
|
Participants: 'Participants', |
||||
|
DonateNow: 'Donate Now', |
||||
|
PleaseChooseCoin: 'Please choose coin', |
||||
|
AvailableBlance: 'Available blance', |
||||
|
Quantity: 'Quantity', |
||||
|
WithdrawalPassword: 'Withdrawal Password', |
||||
|
}, |
||||
|
|
||||
|
// 申购页面相关 subscription
|
||||
|
|
||||
|
subscription: { |
||||
|
// 公共
|
||||
|
Product: 'Product', |
||||
|
Pending: 'Pending', |
||||
|
Complete: 'Complete', |
||||
|
// Product
|
||||
|
Subscribe: 'Subscribe', |
||||
|
Ended: 'Ended', |
||||
|
ComingSoon: 'Coming soon', |
||||
|
STLTotalCirculation: 'STL total circulation', |
||||
|
PrivateSalePrice: 'Private sale price', |
||||
|
ICOTime: 'ICO Time', |
||||
|
// Pending //Complete
|
||||
|
HeaderPending: 'Pending', |
||||
|
HeaderComplete: 'Complete', |
||||
|
Price: 'Price', |
||||
|
Quantity: 'Quantity', |
||||
|
ConfirmAmount: 'Confirm amount', |
||||
|
USDT: 'USDT', |
||||
|
Time: 'Time', |
||||
|
CheckTheNumberoOfUSDT: 'Check the number of USDT', |
||||
|
// Subscription
|
||||
|
Subscription: 'Subscription', |
||||
|
Days: 'Days', |
||||
|
Hours: 'Hours', |
||||
|
Minutes: 'Minutes', |
||||
|
Seconds: 'Seconds', |
||||
|
Total: 'Total', |
||||
|
SubscribeNow: 'Subscribe Now', |
||||
|
ProjectDetails: 'Project Details', |
||||
|
Video: 'Video', |
||||
|
WhiteBook: 'White Book', |
||||
|
}, |
||||
|
|
||||
|
//me
|
||||
|
me: { |
||||
|
account: 'account', |
||||
|
Recharge: 'Recharge', |
||||
|
Withdrawal: 'Withdrawal', |
||||
|
Transfer: 'Transfer', |
||||
|
Balance: 'Balance(U)', |
||||
|
Pledge: 'Pledge(U)', |
||||
|
Contarct: 'Contarct(U)', |
||||
|
|
||||
|
General: 'General', |
||||
|
InviteFriends: 'Invite friends', |
||||
|
AccountInfo: 'Account Info', |
||||
|
MyTeam: 'My Team', |
||||
|
WalletHistory: 'Wallet history', |
||||
|
Notification: 'Notification', |
||||
|
DonateRecord: 'Donate record', |
||||
|
Language:'ภาษา', |
||||
|
AboutUs: 'About us', |
||||
|
LogOut: 'Log out', |
||||
|
|
||||
|
|
||||
|
ShareWithFriends: 'Share with friends', |
||||
|
ScanTheCode: 'Scan the code to download', |
||||
|
MyReferralID: 'My Referral ID:', |
||||
|
CopyID: 'Copy ID', |
||||
|
|
||||
|
ChangeLoginPassword:'Change Login Password', |
||||
|
ChangeWithdrawalPassword:'Change Withdrawal Password', |
||||
|
BankCard:'Bank Card', |
||||
|
WithdrawalAddress:'Withdrawal Address', |
||||
|
|
||||
|
PleaseEnterTheOldPassword:'Please Enter the old password', |
||||
|
CreateNewLoginPassword:'Create new Login password', |
||||
|
Confirm:'Confirm', |
||||
|
ModifyWithdrawalPassword:'Modify Withdrawal Password', |
||||
|
CreateNewPassword:'Create new password', |
||||
|
|
||||
|
Fresh:'Fresh', |
||||
|
|
||||
|
Release:'Release', |
||||
|
|
||||
|
NotificationDetails:'Notification Details', |
||||
|
|
||||
|
DonateRecord:'Donate record', |
||||
|
Time:'Time', |
||||
|
|
||||
|
SelectCurrency:'Select currency', |
||||
|
PleaseChooseCoin: 'Please choose coin', |
||||
|
From:'From', |
||||
|
OptionAccount:'Option account', |
||||
|
To:'To', |
||||
|
TradingAccount:'Trading account', |
||||
|
TransferNumber:'Transfer number', |
||||
|
PleaseEnterNumber: 'Please enter number', |
||||
|
Usable:'Usable ：', |
||||
|
|
||||
|
|
||||
|
} |
||||
|
} |
||||
@ -1,38 +0,0 @@ |
|||||
// zh.js
|
|
||||
export default { |
|
||||
login: { |
|
||||
// 公共字段
|
|
||||
Login:'Login', |
|
||||
SignUp:'Sign Up', |
|
||||
//login
|
|
||||
welcomeText:'你好,欢迎回来!', |
|
||||
signInText:'请登录您的账户.', |
|
||||
emailInputText:'请输入邮箱', |
|
||||
emailInputMessage:'邮箱密码不能为空', |
|
||||
passwordInputText:'请输入密码', |
|
||||
passwordInputMessage:'密码不能为空', |
|
||||
forgotText:'忘记密码?', |
|
||||
notAccountText:'Don’t have account?', |
|
||||
agreeToBackup: '请勾选同意备份的提示', |
|
||||
checkTheTermsOfService: '请查看并同意服务条款', |
|
||||
|
|
||||
// register
|
|
||||
registerWelcomeText: "Getting Started", |
|
||||
registerCreate: "Create an account to continue!", |
|
||||
verificationCodeText: 'Verification Code', |
|
||||
verificationCodeMessage: 'Please enter verification code', |
|
||||
passwordText: 'Create The Login Password', |
|
||||
passwordMessage: 'Please enter your password', |
|
||||
confirmPasswordText: 'Confirm Login Password', |
|
||||
confirmPasswordMessage: 'Please confirm login password', |
|
||||
withdrawalPasswordText: 'Create The Withdrawal Password', |
|
||||
withdrawalPasswordMessage: 'Please enter the withdrawal password', |
|
||||
InvitationCodeText: 'Invitation code', |
|
||||
InvitationCodeMessage: 'Please enter the invitation code', |
|
||||
aggreeText :'By creating an account, you aggree to our ', |
|
||||
Terms:'Terms', |
|
||||
and:'and', |
|
||||
Conditions:'Conditions', |
|
||||
|
|
||||
} |
|
||||
} |
|
||||
@ -0,0 +1,182 @@ |
|||||
|
// zh_TW.js
|
||||
|
export default { |
||||
|
// tab bar 相关
|
||||
|
tabBar: { |
||||
|
Home: '首頁', |
||||
|
Markets: '合約', |
||||
|
Charity: '慈善', |
||||
|
Subscription: '申購', |
||||
|
Me: '我的', |
||||
|
}, |
||||
|
// 登陆相关页面
|
||||
|
login: { |
||||
|
// 公共字段
|
||||
|
Login: 'Login', |
||||
|
SignUp: 'Sign Up', |
||||
|
ForgotPassword: 'Forgot password', |
||||
|
// login
|
||||
|
welcomeText: 'Hi, Welcome Back!', |
||||
|
signInText: 'Sign in to your account.', |
||||
|
emailInputText: 'Enter email address', |
||||
|
emailInputMessage: 'Please enter your email address', |
||||
|
passwordInputText: 'Password', |
||||
|
passwordInputMessage: 'Please enter your password', |
||||
|
forgotText: 'Forgot Password?', |
||||
|
notAccountText: 'Don’t have account?', |
||||
|
agreeToBackup: 'Please check the prompt to agree to backup', |
||||
|
checkTheTermsOfService: 'Please review and agree to the terms of service', |
||||
|
|
||||
|
// register
|
||||
|
registerWelcomeText: "Getting Started", |
||||
|
registerCreate: "Create an account to continue!", |
||||
|
verificationCodeText: 'Verification Code', |
||||
|
verificationCodeMessage: 'Please enter verification code', |
||||
|
passwordText: 'Create The Login Password', |
||||
|
passwordMessage: 'Please enter your password', |
||||
|
confirmPasswordText: 'Confirm Login Password', |
||||
|
confirmPasswordMessage: 'Please confirm login password', |
||||
|
withdrawalPasswordText: 'Create The Withdrawal Password', |
||||
|
withdrawalPasswordMessage: 'Please enter the withdrawal password', |
||||
|
InvitationCodeText: 'Invitation code', |
||||
|
InvitationCodeMessage: 'Please enter the invitation code', |
||||
|
agreeText: 'By creating an account, you agree to our ', |
||||
|
Terms: 'Terms', |
||||
|
and: 'and', |
||||
|
Conditions: 'Conditions', |
||||
|
haveAccount: 'Already have an account?', |
||||
|
|
||||
|
// forget
|
||||
|
Save: 'Save', |
||||
|
}, |
||||
|
|
||||
|
// 首页相关页面
|
||||
|
home: { |
||||
|
// 公共字段
|
||||
|
HOME: '首頁', |
||||
|
// home首页
|
||||
|
customerService: '客 戶 服 務', |
||||
|
homeMessage: `請第一時間聯繫左上角客服進行身份驗證,請第一時間聯繫左上角客服進行身份驗證請與左上角的客戶服務聯繫，以覈實您的身份。`, |
||||
|
Recharge: '充值', |
||||
|
Mine: '挖礦', |
||||
|
Subcription: '申購', |
||||
|
TodaySteps: "今天的步數", |
||||
|
ReceiveEarnings: "昨天的收益", |
||||
|
|
||||
|
|
||||
|
}, |
||||
|
|
||||
|
// 合约页面相关
|
||||
|
markets: { |
||||
|
// markets
|
||||
|
TrandingPair: 'Tranding Pair', |
||||
|
LatestPrice: 'Latest Price', |
||||
|
RiseAndfall: '24H Rise and fall', |
||||
|
}, |
||||
|
|
||||
|
// 捐赠页面相关
|
||||
|
charity: { |
||||
|
CharityDetails: 'Charity Details', |
||||
|
About: 'About', |
||||
|
Participants: 'Participants', |
||||
|
DonateNow: 'Donate Now', |
||||
|
PleaseChooseCoin: 'Please choose coin', |
||||
|
AvailableBlance: 'Available blance', |
||||
|
Quantity: 'Quantity', |
||||
|
WithdrawalPassword: 'Withdrawal Password', |
||||
|
}, |
||||
|
|
||||
|
// 申购页面相关 subscription
|
||||
|
|
||||
|
subscription: { |
||||
|
// 公共
|
||||
|
Product: 'Product', |
||||
|
Pending: 'Pending', |
||||
|
Complete: 'Complete', |
||||
|
// Product
|
||||
|
Subscribe: 'Subscribe', |
||||
|
Ended: 'Ended', |
||||
|
ComingSoon: 'Coming soon', |
||||
|
STLTotalCirculation: 'STL total circulation', |
||||
|
PrivateSalePrice: 'Private sale price', |
||||
|
ICOTime: 'ICO Time', |
||||
|
// Pending //Complete
|
||||
|
HeaderPending: 'Pending', |
||||
|
HeaderComplete: 'Complete', |
||||
|
Price: 'Price', |
||||
|
Quantity: 'Quantity', |
||||
|
ConfirmAmount: 'Confirm amount', |
||||
|
USDT: 'USDT', |
||||
|
Time: 'Time', |
||||
|
CheckTheNumberoOfUSDT: 'Check the number of USDT', |
||||
|
// Subscription
|
||||
|
Subscription: 'Subscription', |
||||
|
Days: 'Days', |
||||
|
Hours: 'Hours', |
||||
|
Minutes: 'Minutes', |
||||
|
Seconds: 'Seconds', |
||||
|
Total: 'Total', |
||||
|
SubscribeNow: 'Subscribe Now', |
||||
|
ProjectDetails: 'Project Details', |
||||
|
Video: 'Video', |
||||
|
WhiteBook: 'White Book', |
||||
|
}, |
||||
|
|
||||
|
//me
|
||||
|
me: { |
||||
|
account: 'account', |
||||
|
Recharge: 'Recharge', |
||||
|
Withdrawal: 'Withdrawal', |
||||
|
Transfer: 'Transfer', |
||||
|
Balance: 'Balance(U)', |
||||
|
Pledge: 'Pledge(U)', |
||||
|
Contarct: 'Contarct(U)', |
||||
|
|
||||
|
General: 'General', |
||||
|
InviteFriends: 'Invite friends', |
||||
|
AccountInfo: 'Account Info', |
||||
|
MyTeam: 'My Team', |
||||
|
WalletHistory: 'Wallet history', |
||||
|
Notification: 'Notification', |
||||
|
DonateRecord: 'Donate record', |
||||
|
Language:'語言', |
||||
|
AboutUs: 'About us', |
||||
|
LogOut: 'Log out', |
||||
|
|
||||
|
|
||||
|
ShareWithFriends: 'Share with friends', |
||||
|
ScanTheCode: 'Scan the code to download', |
||||
|
MyReferralID: 'My Referral ID:', |
||||
|
CopyID: 'Copy ID', |
||||
|
|
||||
|
ChangeLoginPassword:'Change Login Password', |
||||
|
ChangeWithdrawalPassword:'Change Withdrawal Password', |
||||
|
BankCard:'Bank Card', |
||||
|
WithdrawalAddress:'Withdrawal Address', |
||||
|
|
||||
|
PleaseEnterTheOldPassword:'Please Enter the old password', |
||||
|
CreateNewLoginPassword:'Create new Login password', |
||||
|
Confirm:'Confirm', |
||||
|
ModifyWithdrawalPassword:'Modify Withdrawal Password', |
||||
|
CreateNewPassword:'Create new password', |
||||
|
|
||||
|
Fresh:'Fresh', |
||||
|
|
||||
|
Release:'Release', |
||||
|
|
||||
|
NotificationDetails:'Notification Details', |
||||
|
|
||||
|
DonateRecord:'Donate record', |
||||
|
Time:'Time', |
||||
|
|
||||
|
SelectCurrency:'Select currency', |
||||
|
PleaseChooseCoin: 'Please choose coin', |
||||
|
From:'From', |
||||
|
OptionAccount:'Option account', |
||||
|
To:'To', |
||||
|
TradingAccount:'Trading account', |
||||
|
TransferNumber:'Transfer number', |
||||
|
PleaseEnterNumber: 'Please enter number', |
||||
|
Usable:'Usable ：', |
||||
|
|
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,42 @@ |
|||||
|
export default function uniCopy({content,success,error}) { |
||||
|
if(!content) return error('复制的内容不能为空 !') |
||||
|
content = typeof content === 'string' ? content : content.toString() // 复制内容，必须字符串，数字需要转换为字符串
|
||||
|
/** |
||||
|
* 小程序端 和 app端的复制逻辑 |
||||
|
*/ |
||||
|
//#ifndef H5
|
||||
|
uni.setClipboardData({ |
||||
|
data: content, |
||||
|
success: function() { |
||||
|
success("复制成功~") |
||||
|
console.log('success'); |
||||
|
}, |
||||
|
fail:function(){ |
||||
|
success("复制失败~") |
||||
|
} |
||||
|
}); |
||||
|
//#endif
|
||||
|
|
||||
|
/** |
||||
|
* H5端的复制逻辑 |
||||
|
*/ |
||||
|
// #ifdef H5
|
||||
|
if (!document.queryCommandSupported('copy')) { //为了兼容有些浏览器 queryCommandSupported 的判断
|
||||
|
// 不支持
|
||||
|
error('浏览器不支持') |
||||
|
} |
||||
|
let textarea = document.createElement("textarea") |
||||
|
textarea.value = content |
||||
|
textarea.readOnly = "readOnly" |
||||
|
document.body.appendChild(textarea) |
||||
|
textarea.select() // 选择对象
|
||||
|
textarea.setSelectionRange(0, content.length) //核心
|
||||
|
let result = document.execCommand("copy") // 执行浏览器复制命令
|
||||
|
if(result){ |
||||
|
success("复制成功~") |
||||
|
}else{ |
||||
|
error("复制失败，请检查h5中调用该方法的方式，是不是用户点击的方式调用的，如果不是请改为用户点击的方式触发该方法，因为h5中安全性，不能js直接调用！") |
||||
|
} |
||||
|
textarea.remove() |
||||
|
// #endif
|
||||
|
} |
||||
Loading…
Reference in new issue