commiu/question_uniapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: commiu:ec83c474f984b6b908df1760088f9e3af6269428
Branches Tags
commiu:main
...
compare: commiu:3ac806f5b15b437b0c5d3d862cbd23e45e4146f8
Branches Tags
commiu:main

2 Commits
ec83c474f9 ... 3ac806f5b1

Author SHA1 Message Date
xx
3ac806f5b1 1 2025-06-10 00:52:07 +08:00
xx
8c8af32b10 1 2025-06-10 00:51:49 +08:00
52 changed files with 1429 additions and 731 deletions
Show Stats Expand all files Collapse all files

1
App.vue
View File

@ -11,6 +11,7 @@
// #endif // #endif
export default { export default {
onLaunch: function(e) { onLaunch: function(e) {
uni.hideTabBar();
//取出缓存数据 //取出缓存数据
store.commit("setCacheData"); store.commit("setCacheData");
// #ifdef MP-WEIXIN // #ifdef MP-WEIXIN

22
components/module/navigation.vue
View File

@ -8,7 +8,7 @@
<view v-else class="footer_nav_item" @click="onPageJump(item.pagePath)"> <view v-else class="footer_nav_item" @click="onPageJump(item.pagePath)">
<image v-if="item.pagePath == path" class="footer_nav_item_image" :src="'/' + item.selectedIconPath" mode="aspectFit"></image> <image v-if="item.pagePath == path" class="footer_nav_item_image" :src="'/' + item.selectedIconPath" mode="aspectFit"></image>
<image v-else class="footer_nav_item_image" :src="'/' + item.iconPath" mode="aspectFit"></image> <image v-else class="footer_nav_item_image" :src="'/' + item.iconPath" mode="aspectFit"></image>
<text class="footer_nav_item_text" :class="[item.pagePath == path ? 'footer_item_text_active' : '']">{{ item.text }}</text> <text class="footer_nav_item_text" :class="[item.pagePath == path ? 'footer_item_text_active' : '']">{{ $t(item.text) }}</text>
</view> </view>
</view> </view>
</view> </view>
@ -30,25 +30,36 @@ export default {
"pagePath": "pages/index/index", "pagePath": "pages/index/index",
"iconPath": "static/images/home.png", "iconPath": "static/images/home.png",
"selectedIconPath": "static/images/home1.png", "selectedIconPath": "static/images/home1.png",
"text": "Home Page" "text": "nav.home",
"iconSize": 48
}, },
{ {
"pagePath": "pages/questionnaire/index", "pagePath": "pages/questionnaire/index",
"iconPath": "static/images/Question.png", "iconPath": "static/images/Question.png",
"selectedIconPath": "static/images/Question1.png", "selectedIconPath": "static/images/Question1.png",
"text": "Questionnaire" "text": "nav.questionnaire",
"iconSize": 48
}, },
{ {
"pagePath": "pages/promotion/index", "pagePath": "pages/promotion/index",
"iconPath": "static/images/Promotion.png", "iconPath": "static/images/Promotion.png",
"selectedIconPath": "static/images/Promotion1.png", "selectedIconPath": "static/images/Promotion1.png",
"text": "Promotion" "text": "nav.promotion",
"iconSize": 48
},
{
"pagePath": "pages/im/index",
"iconPath": "static/images/im.png",
"selectedIconPath": "static/images/im1.png",
"text": "nav.mt",
"iconSize": 48
}, },
{ {
"pagePath": "pages/mine/index", "pagePath": "pages/mine/index",
"iconPath": "static/images/Mine.png", "iconPath": "static/images/Mine.png",
"selectedIconPath": "static/images/Mine1.png", "selectedIconPath": "static/images/Mine1.png",
"text": "Mine" "text": "nav.mine",
"iconSize": 48
} }
], ],
popupShow: false, popupShow: false,
@ -60,6 +71,7 @@ export default {
let currentPages = getCurrentPages(); let currentPages = getCurrentPages();
let page = currentPages[currentPages.length - 1]; let page = currentPages[currentPages.length - 1];
this.path = page.route; this.path = page.route;
console.log(this.path);
}, },
//方法 //方法
methods: { methods: {

17
locales/en.json
View File

@ -63,7 +63,8 @@
"text5": "Gain more accelerated benefit", "text5": "Gain more accelerated benefit",
"text6": "Available balance", "text6": "Available balance",
"text7": "Upgrade now", "text7": "Upgrade now",
"text8": "Insufficient user balance" "text8": "Insufficient user balance",
"tect9": "Cannot purchase VIP"
}, },
"Questionnaire":{ "Questionnaire":{
"title": "Questionnaire", "title": "Questionnaire",
@ -230,7 +231,7 @@
"text4": "Receiving Address", "text4": "Receiving Address",
"text5": "Warm tips", "text5": "Warm tips",
"text6": "Minimum recharge 1 USDT;", "text6": "Minimum recharge 1 USDT;",
"text7": "Recharge confirmation: 10 times of network confirmation;", "text7": "The actual amount received must be consistent with the order amount, please pay attention to the transaction fee;",
"text8": "Please do not recharge assets other than USDT to the above address, otherwise it may lead to the loss of assets.", "text8": "Please do not recharge assets other than USDT to the above address, otherwise it may lead to the loss of assets.",
"text9": "Please ensure the security of your mobile device to prevent information from being tampered with or leaked.", "text9": "Please ensure the security of your mobile device to prevent information from being tampered with or leaked.",
"text10": "Please enter the recharge amount", "text10": "Please enter the recharge amount",
@ -328,7 +329,7 @@
"index":{ "index":{
"text1": "Search the questionnaire", "text1": "Search the questionnaire",
"text2": "Total assets", "text2": "Total assets",
"text3": "Today's earnings", "text3": "Remaining power",
"text4": "Cash out", "text4": "Cash out",
"text5": " User gets {par} USDT", "text5": " User gets {par} USDT",
"text6": "Surprise reward", "text6": "Surprise reward",
@ -348,10 +349,14 @@
"text20": "Operational guidelines for compliance", "text20": "Operational guidelines for compliance",
"text21": "Identity portrait consistency", "text21": "Identity portrait consistency",
"text22": "Behavior pattern simulation", "text22": "Behavior pattern simulation",
"text23": "Equipment environment quarantine" "text23": "Equipment environment quarantine",
"text24": "Core advantage"
}, },
"nav":{ "nav":{
"home": "Home" "home": "Home",
"questionnaire": "Questionnaire",
"promotion": "Promotion",
"mt": "MT",
"mine": "Mine"
} }
} }

17
locales/zh.json
View File

@ -63,7 +63,8 @@
"text5": "获得更多加速效益", "text5": "获得更多加速效益",
"text6": "可用余额", "text6": "可用余额",
"text7": "立即升级", "text7": "立即升级",
"text8": "用户余额不足" "text8": "用户余额不足",
"tect9": "不能购买VIP"
}, },
"Questionnaire":{ "Questionnaire":{
"title": "问卷", "title": "问卷",
@ -230,7 +231,7 @@
"text4": "接收地址", "text4": "接收地址",
"text5": "温馨提示", "text5": "温馨提示",
"text6": "最小充值1 USDT；", "text6": "最小充值1 USDT；",
"text7": "充值确认：10次网络确认；", "text7": "实际到账金额与订单金额必须一致，请注意交易手续费；",
"text8": "请不要将USDT以外的资产充值到上述地址，否则可能导致资产丢失。", "text8": "请不要将USDT以外的资产充值到上述地址，否则可能导致资产丢失。",
"text9": "请确保您的移动设备的安全，防止信息被篡改或泄露。", "text9": "请确保您的移动设备的安全，防止信息被篡改或泄露。",
"text10": "请输入充值金额", "text10": "请输入充值金额",
@ -328,7 +329,7 @@
"index":{ "index":{
"text1": "搜索问卷", "text1": "搜索问卷",
"text2": "总资产", "text2": "总资产",
"text3": "今天的收入", "text3": "剩余算力",
"text4": "提现", "text4": "提现",
"text5": " 用户获得 {par} USDT", "text5": " 用户获得 {par} USDT",
"text6": "惊喜奖励", "text6": "惊喜奖励",
@ -348,10 +349,14 @@
"text20": "合规性操作指南", "text20": "合规性操作指南",
"text21": "身份画像一致性", "text21": "身份画像一致性",
"text22": "行为模式模拟", "text22": "行为模式模拟",
"text23": "设备环境隔离" "text23": "设备环境隔离",
"text24": "核心优势"
}, },
"nav":{ "nav":{
"home": "首页" "home": "首页",
"questionnaire": "问卷",
"promotion": "推广",
"mt": "社区",
"mine": "我的"
} }
} }

3
manifest.json
View File

@ -64,6 +64,9 @@
"offline" : false "offline" : false
} }
} }
},
"splashscreen" : {
"androidStyle" : "default"
} }
}, },
"compilerVersion" : 3, "compilerVersion" : 3,

7
pages.json
View File

@ -539,6 +539,12 @@
{ {
"navigationBarTitleText": "select" "navigationBarTitleText": "select"
} }
},{
"path" : "pages/about/helpdetail",
"style" :
{
"navigationBarTitleText": "detail"
}
} }
], ],
"globalStyle": { "globalStyle": {
@ -552,6 +558,7 @@
"color": "#444444", "color": "#444444",
"selectedColor": "#1D61FF", "selectedColor": "#1D61FF",
"borderStyle": "black", "borderStyle": "black",
"custom": true,
"backgroundColor": "#ffffff", "backgroundColor": "#ffffff",
"list": [{ "list": [{
"pagePath": "pages/index/index", "pagePath": "pages/index/index",

28
pages/Setting/index.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('setIndex.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
:title="$t('setIndex.title')" backgroundColor="#fff"></uni-nav-bar>
<view class="cell_list" @click="onPageJump('/pages/Setting/setPin')"> <view class="cell_list" @click="onPageJump('/pages/Setting/setPin')">
<view class="cell_left txt">{{this.$t('setIndex.text1')}}</view> <view class="cell_left txt">{{this.$t('setIndex.text1')}}</view>
@ -15,14 +16,14 @@
<view class="cell_right arrow"></view> <view class="cell_right arrow"></view>
</view> </view>
<view style="bottom: 0px; position: absolute; width:100vw; height: 60px; "> <view style="bottom: 0rpx; position: absolute; width:100vw; height: 60rpx; ">
<button type="primary" @click="open" class="b">{{this.$t('setIndex.text6')}}</button> <button type="primary" @click="open" class="b">{{this.$t('setIndex.text6')}}</button>
</view> </view>
<uni-popup ref="popup" type="dialog" :is-mask-click="true" background-color="#fff" borderRadius="40rpx"> <uni-popup ref="popup" type="dialog" :is-mask-click="true" background-color="#fff" borderRadius="40rpx">
<view class="dialog"> <view class="dialog">
<view class="title">{{$t('setIndex.text5')}}</view> <view class="title">{{$t('setIndex.text5')}}</view>
<view style="border-bottom: 1px solid #ddd; padding-bottom: 20px;">{{$t('setIndex.text4')}}</view> <view style="border-bottom: 2rpx solid #ddd; padding-bottom: 40rpx;">{{$t('setIndex.text4')}}</view>
<view class="dialog-footer" style="margin: 20rpx;"> <view class="dialog-footer" style="margin: 20rpx;">
<view style="width: 50%; float: left; text-align: center;" @click="handleClose">{{$t('buttonCancel')}}</view> <view style="width: 50%; float: left; text-align: center;" @click="handleClose">{{$t('buttonCancel')}}</view>
<view style="width: 50%; float: left; text-align: center; color: #1D61E7;" @click="logout()">{{$t('buttonConfirm')}}</view> <view style="width: 50%; float: left; text-align: center; color: #1D61E7;" @click="logout()">{{$t('buttonConfirm')}}</view>
@ -70,6 +71,17 @@
open(){ open(){
this.$refs.popup.open('dialog'); this.$refs.popup.open('dialog');
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
onPageJump(url) { onPageJump(url) {
uni.navigateTo({ uni.navigateTo({
url: url url: url
@ -115,7 +127,7 @@
} }
.txt{ .txt{
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 32rpx;
color: #3d3d3d color: #3d3d3d
} }
.cell_right image { .cell_right image {
@ -125,9 +137,9 @@
} }
.b{ .b{
width: 100%; width: 100%;
border-radius: 10px; border-radius: 20rpx;
border: 1px solid #fff; border: 2rpx solid #fff;
bottom: 20px; bottom: 40rpx;
background-color: #fff; background-color: #fff;
color:#FF2525; color:#FF2525;
font-weight: bold; font-weight: bold;
@ -139,6 +151,6 @@
font-size: 36rpx; font-weight: bold; text-align: center; margin-bottom: 30rpx; font-size: 36rpx; font-weight: bold; text-align: center; margin-bottom: 30rpx;
} }
.dialog .v1{ .dialog .v1{
font-weight: 600;font-size: 16px;color: #1D61E7; float:left; font-weight: 600;font-size: 32rpx;color: #1D61E7; float:left;
} }
</style> </style>

22
pages/Setting/languages.vue
View File

@ -1,16 +1,17 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar title="Languages" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
title="Languages" backgroundColor="#fff"></uni-nav-bar>
<view class="cell_list" @click="changeLang('en')"> <view class="cell_list" @click="changeLang('en')">
<view class="cell_left txt">English</view> <view class="cell_left txt">English</view>
<view class="cell_right"> <view class="cell_right">
<uni-icons size="20" v-if="lang=='en'" style=" margin-left: 10px; color: blue;" type="checkbox-filled"></uni-icons> <uni-icons size="20" v-if="lang=='en'" style=" margin-left: 20rpx; color: blue;" type="checkbox-filled"></uni-icons>
</view> </view>
</view> </view>
<view class="cell_list" @click="changeLang('zh')"> <view class="cell_list" @click="changeLang('zh')">
<view class="cell_left txt">简体中文</view> <view class="cell_left txt">简体中文</view>
<view class="cell_right"> <view class="cell_right">
<uni-icons size="20" v-if="lang=='zh'" style=" margin-left: 10px; color: blue;" type="checkbox-filled"></uni-icons> <uni-icons size="20" v-if="lang=='zh'" style=" margin-left: 20rpx; color: blue;" type="checkbox-filled"></uni-icons>
</view> </view>
</view> </view>
</view> </view>
@ -54,6 +55,17 @@
}); });
}); });
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
changeLang(l){ changeLang(l){
this.$i18n.locale = l; this.$i18n.locale = l;
setTimeout(() => { setTimeout(() => {
@ -79,9 +91,9 @@
@import '@/style/mixin.scss'; @import '@/style/mixin.scss';
body{background-color: #fff;} body{background-color: #fff;}
.rechargeTitle{ .rechargeTitle{
font-weight: 400;font-size: 16px;color: #999999;line-height: 23px; text-align: center; margin-top: 30px; font-weight: 400;font-size: 32rpx;color: #999999;line-height: 46rpx; text-align: center; margin-top: 60rpx;
} }
.rechargeNet{ .rechargeNet{
font-weight: 600;font-size: 20px;color: #333;line-height: 23px; text-align: center; margin-top: 20px; font-weight: 600;font-size: 40rpx;color: #333;line-height: 46rpx; text-align: center; margin-top: 40rpx;
} }
</style> </style>

32
pages/Setting/setPasswork.vue
View File

@ -1,18 +1,19 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('setPasswork.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
<view style="width: 92%; margin: 10px auto; padding: 15px 10px;"> :title="$t('setPasswork.title')" backgroundColor="#fff"></uni-nav-bar>
<uni-forms label-position="top" label-width="80px" :model="model" :rules="rules" ref="model"> <view style="width: 94%; margin: 20rpx auto; padding: 30rpx 10rpx;">
<uni-forms label-position="top" label-width="180rpx" :model="model" :rules="rules" ref="model">
<uni-forms-item :label="$t('setPasswork.text1')" name="email" label-width="400rpx"> <uni-forms-item :label="$t('setPasswork.text1')" name="email" label-width="400rpx">
<uni-easyinput type="text" v-model="model.email" placeholder=""></uni-easyinput> <uni-easyinput type="text" v-model="model.email" placeholder=""></uni-easyinput>
</uni-forms-item> </uni-forms-item>
<uni-forms-item :label="$t('setPasswork.text3')" name="code" label-width="400rpx"> <uni-forms-item :label="$t('setPasswork.text3')" name="code" label-width="400rpx">
<uni-easyinput type="number" v-model="model.code" :placeholder="$t('setPasswork.text2')"> <uni-easyinput type="number" v-model="model.code" :placeholder="$t('setPasswork.text12')">
<template #right> <template #right>
<button type="primary" <button type="primary"
:disabled="isSend" :disabled="isSend"
@click="sendCode()" @click="sendCode()"
style="font-size: 28rpx; padding: auto 20rpx; width: 200rpx;">{{sendText}}</button> style="font-size: 28rpx; padding: auto 20rpx; width: 220rpx;">{{sendText}}</button>
</template> </template>
</uni-easyinput> </uni-easyinput>
</uni-forms-item> </uni-forms-item>
@ -24,7 +25,7 @@
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
</view> </view>
<view style="bottom: 0px; position: absolute; width:100vw; height: 60px;"> <view style="bottom: 0rpx; position: absolute; width:100vw; height: 120rpx;">
<view class="cell_list"> <view class="cell_list">
<button type="primary" round style="width: 100%;" @click="submit">{{$t('buttonSubmit')}}</button> <button type="primary" round style="width: 100%;" @click="submit">{{$t('buttonSubmit')}}</button>
</view> </view>
@ -73,6 +74,17 @@
url: url url: url
}); });
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
sendCode(){ sendCode(){
this.isSend = true; this.isSend = true;
if (!this.$base.mailRegular.test(this.model.email)) { if (!this.$base.mailRegular.test(this.model.email)) {
@ -148,15 +160,15 @@
body{background-color: #fff;} body{background-color: #fff;}
.page{min-height: 95vh;position: relative;} .page{min-height: 95vh;position: relative;}
.rechargeTitle{ .rechargeTitle{
font-weight: 400;font-size: 16px;color: #999999;line-height: 23px; text-align: center; margin-top: 30px; font-weight: 400;font-size: 32rpx;color: #999999;line-height: 46rpx; text-align: center; margin-top: 60rpx;
} }
.rechargeNet{ .rechargeNet{
font-weight: 600;font-size: 20px;color: #333;line-height: 23px; text-align: center; margin-top: 20px; font-weight: 600;font-size: 40rpx;color: #333;line-height: 46rpx; text-align: center; margin-top: 40rpx;
} }
.txt{ .txt{
font-size: 14px; color:#999; font-weight: 500; font-size: 28rpx; color:#999; font-weight: 500;
} }
.cell_right{ .cell_right{
font-size: 14px; color:#333; font-weight: 500; font-size: 28rpx; color:#333; font-weight: 500;
} }
</style> </style>

93
pages/Setting/setPin.vue
View File

@ -1,20 +1,31 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('setPin.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
<view style="width: 92%; margin: 10px auto; padding: 15px 10px;"> :title="$t('setPin.title')" backgroundColor="#fff"></uni-nav-bar>
<uni-forms label-position="top" label-width="80px" :model="model" :rules="rules" ref="model"> <view style="width: 94%; margin: 20rpx auto; padding: 30rpx 10rpx;">
<uni-forms-item :label="$t('setPin.text1')" name="password"> <uni-forms label-position="top" label-width="280rpx" :model="model" :rules="rules" ref="model">
<uni-easyinput type="password" :passwordIcon="true" v-model="model.password" :placeholder="$t('setPin.text2')" /> <uni-forms-item :label="$t('setPin.text3')" label-width="280rpx" name="newpassword">
</uni-forms-item>
<uni-forms-item :label="$t('setPin.text3')" name="newpassword">
<uni-easyinput type="password" :passwordIcon="true" v-model="model.newpassword" :placeholder="$t('setPin.text4')" /> <uni-easyinput type="password" :passwordIcon="true" v-model="model.newpassword" :placeholder="$t('setPin.text4')" />
</uni-forms-item> </uni-forms-item>
<uni-forms-item :label="$t('setPin.text5')" name="renewpassword"> <uni-forms-item :label="$t('setPin.text5')" label-width="280rpx" name="renewpassword">
<uni-easyinput type="password" :passwordIcon="true" v-model="model.renewpassword" :placeholder="$t('setPin.text6')" /> <uni-easyinput type="password" :passwordIcon="true" v-model="model.renewpassword" :placeholder="$t('setPin.text6')" />
</uni-forms-item> </uni-forms-item>
<uni-forms-item :label="$t('setPasswork.text1')" name="email" label-width="400rpx">
<uni-easyinput type="text" v-model="model.email" :placeholder="$t('setPasswork.text2')"></uni-easyinput>
</uni-forms-item>
<uni-forms-item :label="$t('setPasswork.text3')" name="code" label-width="400rpx">
<uni-easyinput type="number" v-model="model.code" :placeholder="$t('setPasswork.text12')">
<template #right>
<button type="primary"
:disabled="isSend"
@click="sendCode()"
style="font-size: 28rpx; padding: auto 20rpx; width: 220rpx;">{{sendText}}</button>
</template>
</uni-easyinput>
</uni-forms-item>
</uni-forms> </uni-forms>
</view> </view>
<view style="bottom: 0px; position: absolute; width:100vw; height: 60px;"> <view style="bottom: 0rpx; position: absolute; width:100vw; height: 120rpx;">
<view class="cell_list"> <view class="cell_list">
<button type="primary" round style="width: 100%;" @click="submit">{{$t('buttonSubmit')}}</button> <button type="primary" round style="width: 100%;" @click="submit">{{$t('buttonSubmit')}}</button>
</view> </view>
@ -30,22 +41,22 @@
export default { export default {
data() { data() {
return { return {
sendText: this.$t('setPasswork.text8'),
model: { model: {
password: '',
newpassword: '', newpassword: '',
renewpassword: '' renewpassword: '',
email: '',
code:''
}, },
rules: { rules: {
password:{
rules:[{required: true,errorMessage: this.$t('setPin.text7')},
{minLength: 6, maxLength: 6, errorMessage: this.$t('setPin.text8'), }],
},
newpassword: {rules:[{required: true,errorMessage: this.$t('setPin.text9')}, newpassword: {rules:[{required: true,errorMessage: this.$t('setPin.text9')},
{minLength: 6, maxLength: 6, errorMessage: this.$t('setPin.text10'), }], {minLength: 6, maxLength: 6, errorMessage: this.$t('setPin.text10'), }],
}, },
renewpassword:{rules:[{required: true,errorMessage: this.$t('setPin.text11')}, renewpassword:{rules:[{required: true,errorMessage: this.$t('setPin.text11')},
{minLength: 6, maxLength: 6, errorMessage: this.$t('setPin.text10'), }], {minLength: 6, maxLength: 6, errorMessage: this.$t('setPin.text10'), }],
}, },
email: {rules:[{required: true,errorMessage: this.$t('setPasswork.text9')}]},
code: {rules:[{required: true,errorMessage: this.$t('setPasswork.text12')}]},
} }
}; };
}, },
@ -71,6 +82,48 @@
}); });
}); });
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
sendCode(){
this.isSend = true;
if (!this.$base.mailRegular.test(this.model.email)) {
uni.showToast({title: this.$t('setPasswork.text13'), icon:'error'});
return;
}
let s = 120;
let data = {
type: "email",
event: "reset_trade_pwd",
email: this.model.email,
lang: this.$i18n.locale
}
this.$http.post('/api/common/captcha', data).then(res => {
if(res.code == 0){
uni.showToast({title: this.$t('setPasswork.text14')});
this.sendText = this.$t('setPasswork.text15', {par: s});
let intervalId = setInterval(() => {
s = s-1;
if (s == 0) {
clearInterval(intervalId);
this.isSend = false;
this.sendText = this.$t('setPasswork.text8');
}
else{
this.sendText = this.$t('setPasswork.text15', {par: s});
}
}, 1000);
}
});
},
submit(){ submit(){
this.$refs.model.validate().then(res=>{ this.$refs.model.validate().then(res=>{
if (this.model.newpassword !== this.model.renewpassword) { if (this.model.newpassword !== this.model.renewpassword) {
@ -80,7 +133,7 @@
}) })
return; return;
} }
this.$http.post('/api/user/change_trade_password', this.model).then(res => { this.$http.post('/api/common/reset_trade_pwd', this.model).then(res => {
if(res.code == 0){ if(res.code == 0){
uni.showToast({ uni.showToast({
title: res.data.mes title: res.data.mes
@ -112,15 +165,15 @@
body{background-color: #fff;} body{background-color: #fff;}
.page{min-height: 95vh;position: relative;} .page{min-height: 95vh;position: relative;}
.rechargeTitle{ .rechargeTitle{
font-weight: 400;font-size: 16px;color: #999999;line-height: 23px; text-align: center; margin-top: 30px; font-weight: 400;font-size: 32rpx;color: #999999;line-height: 46rpx; text-align: center; margin-top: 60rpx;
} }
.rechargeNet{ .rechargeNet{
font-weight: 600;font-size: 20px;color: #333;line-height: 23px; text-align: center; margin-top: 20px; font-weight: 600;font-size: 40rpx;color: #333;line-height: 46rpx; text-align: center; margin-top: 40rpx;
} }
.txt{ .txt{
font-size: 14px; color:#999; font-weight: 500; font-size: 28rpx; color:#999; font-weight: 500;
} }
.cell_right{ .cell_right{
font-size: 14px; color:#333; font-weight: 500; font-size: 28rpx; color:#333; font-weight: 500;
} }
</style> </style>

35
pages/about/details.vue
View File

@ -1,9 +1,10 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="info.title" bgColor="#fff" backState="2000"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
<view style="width: 92%; margin: 20px auto;"> :title="info.title" backgroundColor="#fff"></uni-nav-bar>
<view style="width: 96%; margin: 20rpx auto;">
<image src='/static/images/Companyprofile.png' mode="widthFix" style="width: 100%;" v-if="title=='aboutus'"></image> <image src='/static/images/Companyprofile.png' mode="widthFix" style="width: 100%;" v-if="title=='aboutus'"></image>
<view class="table_content" style="margin-top: 40rpx;"><jyf-parser :html="info.content"></jyf-parser></view> <view class="table_content" style="padding: 15pt; font-size: 32rpx;"><jyf-parser :html="info.content"></jyf-parser></view>
</view> </view>
</view> </view>
</template> </template>
@ -44,6 +45,17 @@
onShow() {}, onShow() {},
//方法 //方法
methods: { methods: {
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
handleClick(tab, event) { handleClick(tab, event) {
} }
@ -67,25 +79,26 @@
body{background-color: #fff;} body{background-color: #fff;}
.page{ min-height: 100vh;background-color: #fff;} .page{ min-height: 100vh;background-color: #fff;}
.wallet1{ .wallet1{
border-radius: 10px; padding: 20px 15px; width: 84%; margin: 10px auto; border-radius: 20rpx; padding: 40rpx 30rpx; width: 84%; margin: 20rpx auto;
background: url('/static/images/w1.png') #2B66F6; background-repeat: no-repeat; background-position: 92% 5px; background: url('/static/images/w1.png') #2B66F6; background-repeat: no-repeat; background-position: 92% 10rpx;
} }
.cell_list .t{ .cell_list .t{
color: #3d3d3d; font-size: 16px; font-weight: 400; line-height: 25px; color: #3d3d3d; font-size: 32rpx; font-weight: 400; line-height: 50rpx;
} }
.cell_list .d{ .cell_list .d{
color: #999; font-size: 12px; font-weight: 400; line-height: 20px; clear: both; color: #999; font-size: 24rpx; font-weight: 400; line-height: 40rpx; clear: both;
} }
.cell_list .u{ .cell_list .u{
color: #1D61E7; font-weight: 600;float: right; font-size: 16px; color: #1D61E7; font-weight: 600;float: right; font-size: 32rpx;
} }
.cell_list .u1{ .cell_list .u1{
color: #333; font-weight: 600;float: right;font-size: 16px; color: #333; font-weight: 600;float: right;font-size: 32rpx;
} }
.w{ .w{
background-color: #F8F8F8; border-radius: 10px; padding: 20px 10px; background-color: #F8F8F8; border-radius: 20rpx; padding: 40rpx 20rpx;
} }
.w .t{ .w .t{
text-align: center; margin-top: 10px; font-size: 14px; text-align: center; margin-top: 20rpx; font-size: 28rpx;
} }
</style> </style>

67
pages/about/help.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('help.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
:title="$t('help.title')" backgroundColor="#fff"></uni-nav-bar>
<!--<view style="padding: 20px 15px; font-size: 16px; color: #3d3d3d;"> <!--<view style="padding: 20px 15px; font-size: 16px; color: #3d3d3d;">
{{$t('help.text1')}} {{$t('help.text1')}}
</view> </view>
@ -28,47 +29,22 @@
</view> </view>
<view class="cell_right arrow"></view> <view class="cell_right arrow"></view>
</view> --> </view> -->
<view style="padding: 20px 15px; font-size: 16px; color: #3d3d3d;"> <view style="padding: 40rpx 30rpx; font-size: 32rpx; color: #3d3d3d;">
{{$t('help.text2')}} {{$t('help.text2')}}
</view> </view>
<view class="cell_list"> <view class="cell_list" v-for="(item, index) in aList" :key="index" @click="onPageJump('/pages/about/helpdetail?id='+item.id)">
<view class="cell_left txt"> <view class="cell_left txt">
<image src="/static/images/h4.png" mode="cover" {{item.title}}
style="width: 30px; height: 30px; border-radius: 10px; margin-right: 5px;"></image>
Binance Download
</view> </view>
<view class="cell_right" @click="copy(init.wallet_download['Binance'])">Copy URL</view> <view class="cell_right arrow"></view>
</view> </view>
<view class="cell_list">
<view class="cell_left txt">
<image src="/static/images/h5.png" mode="cover"
style="width: 30px; height: 30px; border-radius: 10px; margin-right: 5px;"></image>
Okex Download
</view>
<view class="cell_right" @click="copy(init.wallet_download['Okex'])">Copy URL</view>
</view>
<view class="cell_list">
<view class="cell_left txt">
<image src="/static/images/h6.png" mode="cover"
style="width: 30px; height: 30px; border-radius: 10px; margin-right: 5px;"></image>
TokenPocket Download
</view>
<view class="cell_right" @click="copy(init.wallet_download['TokenPocket'])">Copy URL</view>
</view>
<!-- <view class="cell_list">
<view class="cell_left txt">
<image src="/static/images/h3.png" mode="cover"
style="width: 30px; height: 30px; border-radius: 10px; margin-right: 5px;"></image>
Open Sesame Download
</view>
<view class="cell_right" @click="copy(init.wallet_download['Open Sesame'])">Copy URL</view>
</view> -->
<uni-popup ref="popup" type="dialog" :is-mask-click="true" background-color="#fff" borderRadius="40rpx"> <uni-popup ref="popup" type="dialog" :is-mask-click="true" background-color="#fff" borderRadius="40rpx">
<view class="dialog"> <view class="dialog">
<view class="title">{{dialogTitle}}</view> <view class="title">{{dialogTitle}}</view>
<view style="padding-bottom: 20px; width: 100%;" v-for="(value, key) in list" :key="key"> <view style="padding-bottom: 40rpx; width: 100%;" v-for="(value, key) in list" :key="key">
<view class="v1" style="margin-left: 10px;">{{key}}:</view> <view class="v1" style="margin-left: 20rpx;">{{key}}:</view>
<view class="v1" style="margin-left: 40rpx;">{{value}} </view> <view class="v1" style="margin-left: 40rpx;">{{value}} </view>
<image style="width: 36rpx; height: 30rpx; float: right; margin-left: 20rpx; margin-top: 10rpx;" <image style="width: 36rpx; height: 30rpx; float: right; margin-left: 20rpx; margin-top: 10rpx;"
src="/static/images/copy.png" @click="copy(value)" mode="cover"></image> src="/static/images/copy.png" @click="copy(value)" mode="cover"></image>
@ -91,14 +67,17 @@
dialogTitle: 'Select a network', dialogTitle: 'Select a network',
list: {}, list: {},
type: '', type: '',
aList: []
}; };
}, },
computed: {}, computed: {},
//第一次加载 //第一次加载
onLoad(e) { onLoad(e) {
this.getlist();
this.$http.get('/api/common/init?lang=' + this.$i18n.locale).then(res => { this.$http.get('/api/common/init?lang=' + this.$i18n.locale).then(res => {
this.init = res.data; this.init = res.data;
}); });
}, },
//页面显示 //页面显示
onShow() {}, onShow() {},
@ -122,6 +101,22 @@
} }
this.$refs.popup.open('dialog'); this.$refs.popup.open('dialog');
}, },
getlist(){
this.$http.get('/api/article/list?category_id=9&lang=' + this.$i18n.locale).then(res => {
this.aList = res.data.data;
});
},
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
onPageJump(url) { onPageJump(url) {
uni.navigateTo({ uni.navigateTo({
url: url url: url
@ -224,12 +219,12 @@
.cell_list { .cell_list {
padding: 30rpx 30rpx; padding: 30rpx 30rpx;
margin: 0rpx 30rpx; margin: 0rpx 30rpx;
border-bottom: 1px solid #ddd; border-bottom: 2rpx solid #ddd;
} }
.txt { .txt {
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 32rpx;
color: #3d3d3d color: #3d3d3d
} }
@ -255,7 +250,7 @@
.dialog .v1 { .dialog .v1 {
font-weight: 600; font-weight: 600;
font-size: 16px; font-size: 32rpx;
color: #1D61E7; color: #1D61E7;
float: left; float: left;
} }

103
pages/about/helpdetail.vue Normal file
View File

@ -0,0 +1,103 @@
<template>
<view class="page">
<uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
:title="info.title" backgroundColor="#fff"></uni-nav-bar>
<view style="width: 96%; margin: 20rpx auto;">
<image src='/static/images/Companyprofile.png' mode="widthFix" style="width: 100%;" v-if="title=='aboutus'"></image>
<view class="table_content" style="padding: 15pt; font-size: 32rpx;"><jyf-parser :html="info.content"></jyf-parser></view>
</view>
</view>
</template>
<script>
import jyfParser from '@/components/common/jyf-parser/jyf-parser';
import {
mapState,
mapMutations
} from 'vuex';
export default {
components: {
jyfParser
},
data() {
return {
info: {},
title: "aboutus"
};
},
computed: {
...mapState(['userInfo'])
},
//第一次加载
onLoad(e) {
if(e.id){
if(e.id=="aboutus"){
this.title = e.id;
}else{
this.title = '';
}
this.$http.get('/api/article/detail?id='+e.id+'&lang=' + this.$i18n.locale).then(res => {
this.info = res.data;
});
}
},
//页面显示
onShow() {},
//方法
methods: {
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
handleClick(tab, event) {
}
},
//页面隐藏
onHide() {},
//页面卸载
onUnload() {},
//页面下来刷新
onPullDownRefresh() {},
//页面上拉触底
onReachBottom() {},
//用户点击分享
onShareAppMessage(e) {
return this.wxShare();
}
};
</script>
<style lang="scss" scoped>
@import '@/style/mixin.scss';
body{background-color: #fff;}
.page{ min-height: 100vh;background-color: #fff;}
.wallet1{
border-radius: 20rpx; padding: 40rpx 30rpx; width: 84%; margin: 20rpx auto;
background: url('/static/images/w1.png') #2B66F6; background-repeat: no-repeat; background-position: 92% 10rpx;
}
.cell_list .t{
color: #3d3d3d; font-size: 32rpx; font-weight: 400; line-height: 50rpx;
}
.cell_list .d{
color: #999; font-size: 24rpx; font-weight: 400; line-height: 40rpx; clear: both;
}
.cell_list .u{
color: #1D61E7; font-weight: 600;float: right; font-size: 32rpx;
}
.cell_list .u1{
color: #333; font-weight: 600;float: right;font-size: 32rpx;
}
.w{
background-color: #F8F8F8; border-radius: 20rpx; padding: 40rpx 20rpx;
}
.w .t{
text-align: center; margin-top: 20rpx; font-size: 28rpx;
}
</style>

28
pages/about/index.vue
View File

@ -1,12 +1,13 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('about.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
<view style="padding: 30px 10px;"> :title="$t('about.title')" backgroundColor="#fff"></uni-nav-bar>
<view style="padding: 60rpx 20rpx;">
<view style="text-align: center;"> <view style="text-align: center;">
<image src="/static/images/logo1.png" mode="cover" style="width: 150px; height: 150px; border: 1px solid #fff; border-radius: 10px; margin: auto;"></image> <image src="/static/images/logo1.png" mode="cover" style="width: 300rpx; height: 300rpx; border: 2rpx solid #fff; border-radius: 20rpx; margin: auto;"></image>
</view> </view>
<view style="font-size: 18px; font-weight: 600; color: #333; text-align: center; line-height: 40px;">MT</view> <view style="font-size: 36rpx; font-weight: 600; color: #333; text-align: center; line-height: 80rpx;">MT</view>
<view style="font-weight: 500; font-size: 14px; color: #999; text-align: center;">Version: {{init.version}}</view> <view style="font-weight: 500; font-size: 28rpx; color: #999; text-align: center;">Version: {{init.version}}</view>
</view> </view>
<view class="cell_list" @click="onPageJump('/pages/about/Version')"> <view class="cell_list" @click="onPageJump('/pages/about/Version')">
<view class="cell_left txt">{{$t('about.text1')}}</view> <view class="cell_left txt">{{$t('about.text1')}}</view>
@ -17,7 +18,7 @@
<view class="cell_right arrow"></view> <view class="cell_right arrow"></view>
</view> </view>
<view class="cell_list" @click="onPageJump('/pages/about/details?id=aboutus')"> <view class="cell_list" @click="onPageJump('/pages/about/details?id=aboutus')">
<view class="cell_left txt">{{$t("about.text3")}}</view> <view class="cell_left txt">{{$t('about.text3')}}</view>
<view class="cell_right arrow"></view> <view class="cell_right arrow"></view>
</view> </view>
@ -69,6 +70,17 @@
} }
}); });
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
onPageJump(url) { onPageJump(url) {
uni.navigateTo({ uni.navigateTo({
url: url url: url
@ -106,11 +118,11 @@
.cell_list { .cell_list {
padding: 40rpx 30rpx; padding: 40rpx 30rpx;
margin: 0rpx 30rpx; margin: 0rpx 30rpx;
border-bottom: 1px solid #ddd; border-bottom: 2rpx solid #ddd;
} }
.txt{ .txt{
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 32rpx;
color: #3d3d3d color: #3d3d3d
} }
.cell_right image { .cell_right image {

52
pages/address/add.vue
View File

@ -1,15 +1,16 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('address.add.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
<view style="width: 92%; margin: 10px auto; padding: 15px 10px;"> :title="$t('address.add.title')" backgroundColor="#fff"></uni-nav-bar>
<view style="width: 94%; margin: 20rpx auto; padding: 30rpx 10rpx;">
<uni-forms :modelValue="model" label-position="top" :rules="rules" ref="model" label-width="50%"> <uni-forms :modelValue="model" label-position="top" :rules="rules" ref="model" label-width="50%">
<uni-forms-item :label="$t('address.add.text1')"> <uni-forms-item :label="$t('address.add.text1')">
<view class="cell_list" style="padding: 10px; margin: 0px; background-color: #F8F8F8;" @click="open"> <view class="cell_list" style="padding: 20rpx; margin: 0rpx; background-color: #F8F8F8;" @click="open">
<view style="color: #333; font-size: 14px; font-weight: 600; line-height: 25px;"> <view style="color: #333; font-size: 28rpx; font-weight: 600; line-height: 50rpx;">
<image src="/static/images/s1.png" v-if="model.network == 'TRC-20'" style="width: 25px; height: 25px; float: left;" mode="cover"></image> <image src="/static/images/s1.png" v-if="model.network == 'TRC-20'" style="width: 50rpx; height: 50rpx; float: left;" mode="cover"></image>
<image src="/static/images/s2.png" v-if="model.network == 'BEP-20'" style="width: 25px; height: 25px; float: left;" mode="cover"></image> <image src="/static/images/s2.png" v-if="model.network == 'BEP-20'" style="width: 50rpx; height: 50rpx; float: left;" mode="cover"></image>
<view style="float: left; margin-left: 10px;" v-if="model.network == 'TRC-20'" >Tron(TRC20)</view> <view style="float: left; margin-left: 20rpx;" v-if="model.network == 'TRC-20'" >Tron(TRC20)</view>
<view style="float: left; margin-left: 10px;" v-if="model.network == 'BEP-20'" >BSC-BNB(BEP20)</view> <view style="float: left; margin-left: 20rpx;" v-if="model.network == 'BEP-20'" >BSC-BNB(BEP20)</view>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
<view class="cell_right arrow"></view> <view class="cell_right arrow"></view>
@ -18,7 +19,7 @@
<uni-forms-item :label="$t('address.add.text2')" name="address"> <uni-forms-item :label="$t('address.add.text2')" name="address">
<uni-easyinput :disabled="model.id != ''" v-model="model.address" :placeholder="$t('address.add.text3')" style="background-color: #F5F7FA;"> <uni-easyinput :disabled="model.id != ''" v-model="model.address" :placeholder="$t('address.add.text3')" style="background-color: #F5F7FA;">
<template #right> <template #right>
<image src="/static/images/sm.png" @click="scanCode" style="width: 25px; height: 25px;" mode="cover"></image> <image src="/static/images/sm.png" @click="scanCode" style="width: 50rpx; height: 50rpx;" mode="cover"></image>
</template> </template>
</uni-easyinput> </uni-easyinput>
</uni-forms-item> </uni-forms-item>
@ -27,18 +28,18 @@
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
</view> </view>
<view style="bottom: 0px; position: absolute; width:100vw; height: 60px;"> <view style="bottom: 0rpx; position: absolute; width:100vw; height: 120rpx;">
<button type="primary" round style="width: 90%; margin: auto;" @click="submit">{{$t('buttonSave')}}</button> <button type="primary" round style="width: 90%; margin: auto;" @click="submit">{{$t('buttonSave')}}</button>
</view> </view>
<uni-popup ref="popup" type="dialog" :is-mask-click="true" background-color="#fff" borderRadius="40rpx"> <uni-popup ref="popup" type="dialog" :is-mask-click="true" background-color="#fff" borderRadius="40rpx">
<view style="width: 80vw; padding: 20rpx 30rpx; border-radius: 40rpx; line-height: 50rpx;"> <view style="width: 80vw; padding: 20rpx 30rpx; border-radius: 40rpx; line-height: 50rpx;">
<view style="font-size: 36rpx; font-weight: bold; text-align: center; margin-bottom: 30rpx;">{{$t('address.add.text5')}}</view> <view style="font-size: 36rpx; font-weight: bold; text-align: center; margin-bottom: 30rpx;">{{$t('address.add.text5')}}</view>
<view style="padding-bottom: 20px; width: 100%;"> <view style="padding-bottom: 40rpx; width: 100%;">
<view @click="switchnetwork('TRC-20')"> <view @click="switchnetwork('TRC-20')">
<uni-row> <uni-row>
<uni-col :span="22"> <uni-col :span="22">
<image style="width: 25px; height: 25px; float: left;" src="/static/images/s1.png" mode="cover"></image> <image style="width: 50rpx; height: 50rpx; float: left;" src="/static/images/s1.png" mode="cover"></image>
<view style="font-weight: 600;font-size: 16px;color: #333333; float:left; margin-left: 10px;">Tron(TRC20)</view> <view style="font-weight: 600;font-size: 32rpx;color: #333333; float:left; margin-left: 20rpx;">Tron(TRC20)</view>
</uni-col> </uni-col>
<uni-col :span="2"> <uni-col :span="2">
<uni-icons type="checkbox-filled" size="20" v-if="model.network=='TRC-20'" style="color: rgb(64, 158, 255);"></uni-icons> <uni-icons type="checkbox-filled" size="20" v-if="model.network=='TRC-20'" style="color: rgb(64, 158, 255);"></uni-icons>
@ -46,10 +47,10 @@
</uni-row> </uni-row>
</view> </view>
<view @click="switchnetwork('BEP-20')"> <view @click="switchnetwork('BEP-20')">
<uni-row :gutter="0" style="margin-top: 40px;"> <uni-row :gutter="0" style="margin-top: 80rpx;">
<uni-col :span="22"> <uni-col :span="22">
<image style="width: 25px; height: 25px; float: left;" src="/static/images/s2.png" fit="cover"></image> <image style="width: 50rpx; height: 50rpx; float: left;" src="/static/images/s2.png" fit="cover"></image>
<view style="font-weight: 600;font-size: 16px;color: #333333; float:left; margin-left: 10px;">BSC-BNB(BEP20)</view> <view style="font-weight: 600;font-size: 32rpx;color: #333333; float:left; margin-left: 20rpx;">BSC-BNB(BEP20)</view>
</uni-col> </uni-col>
<uni-col :span="2"> <uni-col :span="2">
<uni-icons type="checkbox-filled" size="20" v-if="model.network=='BEP-20'" style="color: rgb(64, 158, 255);"></uni-icons> <uni-icons type="checkbox-filled" size="20" v-if="model.network=='BEP-20'" style="color: rgb(64, 158, 255);"></uni-icons>
@ -106,6 +107,17 @@
} }
this.$refs.popup.open('dialog'); this.$refs.popup.open('dialog');
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
onPageJump(url) { onPageJump(url) {
uni.navigateTo({ uni.navigateTo({
url: url url: url
@ -203,15 +215,15 @@
body{background-color: #fff;} body{background-color: #fff;}
.page{min-height: 100vh;position: relative;} .page{min-height: 100vh;position: relative;}
.rechargeTitle{ .rechargeTitle{
font-weight: 400;font-size: 16px;color: #999999;line-height: 23px; text-align: center; margin-top: 30px; font-weight: 400;font-size: 32rpx;color: #999999;line-height: 46rpx; text-align: center; margin-top: 60rpx;
} }
.rechargeNet{ .rechargeNet{
font-weight: 600;font-size: 20px;color: #333;line-height: 23px; text-align: center; margin-top: 20px; font-weight: 600;font-size: 40rpx;color: #333;line-height: 46rpx; text-align: center; margin-top: 40rpx;
} }
.txt{ .txt{
font-size: 14px; color:#999; font-weight: 500; font-size: 28rpx; color:#999; font-weight: 500;
} }
.cell_right{ .cell_right{
font-size: 14px; color:#333; font-weight: 500; font-size: 28rpx; color:#333; font-weight: 500;
} }
</style> </style>

36
pages/address/index.vue
View File

@ -1,26 +1,27 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('address.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
:title="$t('address.title')" backgroundColor="#fff"></uni-nav-bar>
<view class="cell_list" v-if="list.length > 0" v-for="item in list" :key="item.id" @click="onPageJump('/pages/address/add?id='+item.id)"> <view class="cell_list" v-if="list.length > 0" v-for="item in list" :key="item.id" @click="onPageJump('/pages/address/add?id='+item.id)">
<view class="cell_left txt"> <view class="cell_left txt">
<view style="width: 40px; float: left;"> <view style="width: 80rpx; float: left;">
<image v-if="item.network == 'TRC-20'" src="/static/images/s1.png" mode="cover" style="width: 35px; height: 35px;"></image> <image v-if="item.network == 'TRC-20'" src="/static/images/s1.png" mode="cover" style="width: 70rpx; height: 70rpx;"></image>
<image v-if="item.network == 'BEP-20'" src="/static/images/s2.png" mode="cover" style="width: 35px; height: 35px;"></image> <image v-if="item.network == 'BEP-20'" src="/static/images/s2.png" mode="cover" style="width: 70rpx; height: 70rpx;"></image>
</view> </view>
<view> <view>
<view style="font-size: 16px; font-weight: 600; color: #333;">{{item.title}}</view> <view style="font-size: 32rpx; font-weight: 600; color: #333;">{{item.title}}</view>
<view style="font-size: 12px; color: #999; font-weight: 400;">{{item.address}}</view> <view style="font-size: 24rpx; color: #999; font-weight: 400;">{{item.address}}</view>
</view> </view>
</view> </view>
<view class="cell_right arrow"></view> <view class="cell_right arrow"></view>
</view> </view>
<view style="text-align: center; padding-bottom: 80px;" v-if="list.length == 0"> <view style="text-align: center; padding-bottom: 160rpx;" v-if="list.length == 0">
<image src="/static/images/w5.png" mode="cover" style="width: 180px; height: 180px; margin: 80px auto 5px auto;"></image> <image src="/static/images/w5.png" mode="cover" style="width: 360rpx; height: 360rpx; margin: 160rpx auto 10rpx auto;"></image>
<view style="color: #999; font-size: 14px; font-weight: 400;">{{$t('nodata')}}</view> <view style="color: #999; font-size: 28rpx; font-weight: 400;">{{$t('nodata')}}</view>
</view> </view>
<view style="bottom: 0px; position: absolute; width:100vw; height: 60px;"> <view style="bottom: 0rpx; position: absolute; width:100vw; height: 120rpx;">
<button type="primary" @click="onPageJump('/pages/address/add')" style="width: 90%; border-radius: 15px; border: 1px solid #fff; margin: auto; ">{{$t('address.text1')}}</button> <button type="primary" @click="onPageJump('/pages/address/add')" style="width: 90%; border-radius: 30rpx; border: 2rpx solid #fff; margin: auto; ">{{$t('address.text1')}}</button>
</view> </view>
</view> </view>
</template> </template>
@ -61,6 +62,17 @@
} }
}); });
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
onPageJump(url) { onPageJump(url) {
uni.navigateTo({ uni.navigateTo({
url: url url: url
@ -118,7 +130,7 @@
} }
.txt{ .txt{
font-weight: 500; font-weight: 500;
font-size: 16px; font-size: 32rpx;
color: #3d3d3d color: #3d3d3d
} }
.cell_right image { .cell_right image {

5
pages/im/index.vue
View File

@ -85,10 +85,12 @@
</uni-list> </uni-list>
</view> </view>
</uni-popup> </uni-popup>
<zNavigation></zNavigation>
</view> </view>
</template> </template>
<script> <script>
import zNavigation from '@/components/module/navigation.vue';
import { import {
mapState, mapState,
mapMutations mapMutations
@ -97,6 +99,9 @@
import base from '@/config/baseUrl'; // 导入base变量 import base from '@/config/baseUrl'; // 导入base变量
export default { export default {
components: {
zNavigation
},
data() { data() {
return { return {
// 初始化数据 // 初始化数据

77
pages/index/index.vue
View File

@ -24,7 +24,7 @@
</view> </view>
<view style="font-size: 30rpx; color: #999;"> <view style="font-size: 30rpx; color: #999;">
<span>{{$t('index.text3')}}</span> <span>{{$t('index.text3')}}</span>
<span style="margin-left: 20rpx;">$ 0.00</span> <span style="margin-left: 20rpx;">$ {{parseFloat(user.score).toFixed(2)}}</span>
</view> </view>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
@ -32,14 +32,14 @@
<uni-row> <uni-row>
<uni-col :span="12"> <uni-col :span="12">
<button @click="onTokenJump('/pages/wallet/putforward')" <button @click="onTokenJump('/pages/wallet/putforward')"
style="background-color: #fff; line-height: 90rpx; border: 1px solid #1D61E7; border-radius: 40rpx; width: 93%; margin-top: 30rpx;"> style="background-color: #fff; line-height: 90rpx; border: 2rpx solid #1D61E7; border-radius: 40rpx; width: 93%; margin-top: 30rpx;">
<uni-icons type="contact" color="transparent" size="20"></uni-icons> <uni-icons type="contact" color="transparent" size="20"></uni-icons>
<text style="margin-left: 10rpx; color: #1D61E7;">{{$t('index.text4')}}</text> <text style="margin-left: 10rpx; color: #1D61E7;">{{$t('index.text4')}}</text>
</button> </button>
</uni-col> </uni-col>
<uni-col :span="12"> <uni-col :span="12">
<button @click="onTokenJump('/pages/wallet/recharge')" <button @click="onTokenJump('/pages/wallet/recharge')"
style="background-color: #1D61E7; line-height: 90rpx; border: 1px solid #1D61E7; border-radius: 40rpx; width: 93%; float: right; margin-top: 30rpx;"> style="background-color: #1D61E7; line-height: 90rpx; border: 2rpx solid #1D61E7; border-radius: 40rpx; width: 93%; float: right; margin-top: 30rpx;">
<uni-icons type="home-filled" color="transparent" size="20"></uni-icons> <uni-icons type="home-filled" color="transparent" size="20"></uni-icons>
<text style="margin-left: 10rpx; color: #fff;">{{$t('recharge.title')}}</text> <text style="margin-left: 10rpx; color: #fff;">{{$t('recharge.title')}}</text>
</button> </button>
@ -64,16 +64,16 @@
<uni-col :span="16"> <uni-col :span="16">
<view style="font-size: 30rpx; color: #999; margin-top: 10rpx;">{{$t('index.text6')}}</view> <view style="font-size: 30rpx; color: #999; margin-top: 10rpx;">{{$t('index.text6')}}</view>
<view style="font-size: 60rpx color: #333; font-weight: 600;">{{$t('index.text7')}}</view> <view style="font-size: 60rpx color: #333; font-weight: 600;">{{$t('index.text7')}}</view>
<view style="font-size: 30rpx; color: #333; margin-top: 10rpx;"> <view style="font-size: 30rpx; color: #333; margin-top: 10rpx;" @click="onPageJump1('/pages/promotion/index')">
<span style="float: left;">{{$t('index.text8')}}</span> <span style="float: left;">{{$t('index.text8')}}</span>
<span style="float: left;"><uni-icons type="arrow-right" color="#333" size="20"></uni-icons></span> <span style="float: left;"><uni-icons type="arrow-right" color="#333" size="20"></uni-icons></span>
<span style="float: right;">1/3</span> <!-- <span style="float: right;">1/3</span> -->
</view> </view>
</uni-col> </uni-col>
</uni-row> </uni-row>
</view> </view>
<view style="width: 94%; margin: auto;"> <view style="width: 94%; margin: auto;">
<uni-section title="Questionnaire" titleFontSize="24" style="font-weight: 600;"> <uni-section :title="$t('Questionnaire.title')" titleFontSize="24" style="font-weight: 600;">
<view class="v2" :style="index==0 ? '' : 'margin-top: 20rpx'" v-if="list.length > 0" v-for="(item, index) in list" :key="index"> <view class="v2" :style="index==0 ? '' : 'margin-top: 20rpx'" v-if="list.length > 0" v-for="(item, index) in list" :key="index">
<uni-row :gutter="10" class="row"> <uni-row :gutter="10" class="row">
<uni-col :span="6" style="text-align: center;"> <uni-col :span="6" style="text-align: center;">
@ -81,18 +81,18 @@
</uni-col> </uni-col>
<uni-col :span="18"> <uni-col :span="18">
<view class="title">{{item.title}}</view> <view class="title">{{item.title}}</view>
<view style="font-size: 12px; font-weight: 400; color: #999; line-height: 20px;"> <view style="font-size: 24rpx; font-weight: 400; color: #999; line-height: 40rpx;">
<view style="width: 40%; float: left; padding-top: 8rpx;"> <view style="width: 40%; float: left; padding-top: 8rpx;">
<slider :value="item.used" :disabled="true" style="height: 16rpx;" min="0" :max="item.stock+item.used" step="100" /> <slider :value="item.used" :disabled="true" style="height: 16rpx;" min="0" :max="item.stock+item.used" step="100" />
</view> </view>
<view style="width: 55%; float: left; line-height: 35px; margin-left: 5%;"> <view style="width: 55%; float: left; line-height: 70rpx; margin-left: 5%;">
{{$t('index.text9')}}: <span style="color: #1D61E7;">{{item.used}}</span>/{{item.stock+item.used}} {{$t('index.text9')}}: <span style="color: #1D61E7;">{{item.used}}</span>/{{item.stock+item.used}}
</view> </view>
<view style="text-align: left; clear: both;">Period: {{item.billing_cycle}} {{item.cycle_type}}</view> <view style="text-align: left; clear: both;">Period: {{item.billing_cycle}} {{item.cycle_type}}</view>
</view> </view>
<view style="font-size: 12px; font-weight: 400; color: #999; line-height: 20px; te"> <view style="font-size: 24rpx; font-weight: 400; color: #999; line-height: 40rpx;">
<view style="float: left; color: #333; font-size: 16px; font-weight: 500; line-height: 40px;"> <view style="float: left; color: #333; font-size: 32rpx; font-weight: 500; line-height: 80rpx;">
{{$t('index.text10')}}: <span style="font-size: 20px;">${{parseFloat(item.price).toFixed(2)}} </span> {{$t('index.text10')}}: <span style="font-size: 40rpx;">${{parseFloat(item.price).toFixed(2)}} </span>
</view> </view>
<view style="float: right;"> <view style="float: right;">
<button type="primary" class="b" @click="onTokenJump('/pages/questionnaire/details?id='+item.id)">To answer</button> <button type="primary" class="b" @click="onTokenJump('/pages/questionnaire/details?id='+item.id)">To answer</button>
@ -101,13 +101,13 @@
</uni-col> </uni-col>
</uni-row> </uni-row>
</view> </view>
<view @click="onPageJump1('/pages/questionnaire/index')" style="border: 1px solid #999; border-radius: 45rpx; font-size: 34rpx; margin: 40rpx auto; color: #333; width: 40%; text-align: center; height: 90rpx; line-height: 90rpx;"> <view @click="onPageJump1('/pages/questionnaire/index')" style="border: 2rpx solid #999; border-radius: 45rpx; font-size: 34rpx; margin: 40rpx auto; color: #333; width: 40%; text-align: center; height: 90rpx; line-height: 90rpx;">
{{$t('index.text11')}} <uni-icons type="arrow-right" color="#333" size="20"></uni-icons> {{$t('index.text11')}} <uni-icons type="arrow-right" color="#333" size="20"></uni-icons>
</view> </view>
</uni-section> </uni-section>
</view> </view>
<view style="width: 94%; margin: auto; padding-bottom:40rpx;"> <view style="width: 94%; margin: auto; padding-bottom:40rpx;">
<uni-section title="Core advantage" titleFontSize="24" style="font-weight: 600;"> <uni-section :title="$t('index.text24')" titleFontSize="24" style="font-weight: 600;">
<view class="v2" style="margin-top: 20rpx; padding: 30rpx 20rpx;"> <view class="v2" style="margin-top: 20rpx; padding: 30rpx 20rpx;">
<view><image src="/static/images/index6.png" style="width: 130rpx; height: 130rpx; margin: auto;"></image></view> <view><image src="/static/images/index6.png" style="width: 130rpx; height: 130rpx; margin: auto;"></image></view>
<view style="font-size: 34rpx; font-weight: 600; text-align: center; margin-top: 20rpx;"> <view style="font-size: 34rpx; font-weight: 600; text-align: center; margin-top: 20rpx;">
@ -143,6 +143,7 @@
</view> </view>
</uni-section> </uni-section>
</view> </view>
<zNavigation></zNavigation>
</view> </view>
</template> </template>
@ -164,35 +165,7 @@
list:[], list:[],
user: {money: 0.00}, user: {money: 0.00},
kw: '', kw: '',
notices: [{ notices: []
"id": "149",
"user_id": 127710,
"deduction_amount": "2.0000000000",
"recive_amount": "1.0000000000",
"fee": "1.0000000000",
"created_at": "2025-06-01 02:07:13",
"updated_at": "2025-06-01 02:07:13",
"network": "BEP-20",
"address": "0x12344578754433",
"status": 0,
"memo": null,
"transfer_at": null,
"txid": null
},{
"id": "150",
"user_id": 127710,
"deduction_amount": "2.0000000000",
"recive_amount": "1.0000000000",
"fee": "1.0000000000",
"created_at": "2025-06-01 02:07:13",
"updated_at": "2025-06-01 02:07:13",
"network": "BEP-20",
"address": "0x12344578754433",
"status": 0,
"memo": null,
"transfer_at": null,
"txid": null
}]
}; };
}, },
computed: { computed: {
@ -212,7 +185,7 @@
} }
this.$http.get('/api/withdrawl/recent').then(res => { this.$http.get('/api/withdrawl/recent').then(res => {
if(res.code == 0){ if(res.code == 0){
console.log(res.data); this.notices = res.data;
} }
}).catch(err => { }).catch(err => {
}); });
@ -257,12 +230,12 @@
}); });
}, },
getcash(o){ getcash(o){
var email = 'lssii2010@outlook.com'; var email = o.user.email;
let username = email.split('@')[0]; // 获取用户名部分 let username = email.split('@')[0]; // 获取用户名部分
let domain = email.split('@')[1]; // 获取域名部分 let domain = email.split('@')[1]; // 获取域名部分
let midIndex = Math.floor(username.length / 2) - 2; // 计算中间两个字符的起始索引 let midIndex = Math.floor(username.length / 2) - 2; // 计算中间两个字符的起始索引
let censoredEmail = username.slice(0, midIndex) + "****" + username.slice(midIndex + 4) + '@' + domain; let censoredEmail = username.slice(0, midIndex) + "****" + username.slice(midIndex + 4) + '@' + domain;
return censoredEmail + this.$t('index.text5', {par: parseFloat(o.recive_amount).toFixed(2)}) return censoredEmail + this.$t('index.text5', {par: parseFloat(o.deduction_amount).toFixed(2)})
} }
}, },
//页面隐藏 //页面隐藏
@ -285,23 +258,23 @@
::v-deep .uni-searchbar__box{height: 100rpx;} ::v-deep .uni-searchbar__box{height: 100rpx;}
::v-deep .uni-noticebar-icon{margin-top: 8rpx;} ::v-deep .uni-noticebar-icon{margin-top: 8rpx;}
::v-deep .uni-noticebar{padding: 10rpx; border-radius: 20rpx; margin-top: 40rpx;} ::v-deep .uni-noticebar{padding: 10rpx; border-radius: 20rpx; margin-top: 40rpx;}
::v-deep .uni-section-header{padding: 0px !important;} ::v-deep .uni-section-header{padding: 0rpx !important;}
::v-deep .uni-slider-handle{display: none;} ::v-deep .uni-slider-handle{display: none;}
::v-deep .uni-slider-thumb{display: none;} ::v-deep .uni-slider-thumb{display: none;}
::v-deep .uni-slider-handle-wrapper{height: 12px;} ::v-deep .uni-slider-handle-wrapper{height: 24rpx;}
::v-deep uni-slider{padding: 0px;margin: 0px} ::v-deep uni-slider{padding: 0rpx;margin: 0rpx}
::v-deep .uni-section__content-title{font-weight: bold;} ::v-deep .uni-section__content-title{font-weight: bold;}
::v-deep .uniui-contact {background: url('/static/images/index4.png') no-repeat center; background-size: contain; /* 或者使用 cover, 100% 100% 等 */} ::v-deep .uniui-contact {background: url('/static/images/index4.png') no-repeat center; background-size: contain; /* 或者使用 cover, 100% 100% 等 */}
::v-deep .uniui-home-filled{background: url('/static/images/index3.png') no-repeat center; background-size: contain; /* 或者使用 cover, 100% 100% 等 */} ::v-deep .uniui-home-filled{background: url('/static/images/index3.png') no-repeat center; background-size: contain; /* 或者使用 cover, 100% 100% 等 */}
body{background-color: #fff;} body{background-color: #fff;}
.b{height: 70rpx; width: 200rpx; line-height: 70rpx; font-size: 28rpx;} .b{height: 70rpx; width: 200rpx; line-height: 70rpx; font-size: 28rpx;}
.v2{border: 1px solid #ddd; background-color: #fff; padding: 10px; border-radius: 30rpx; margin-top: 30rpx;} .v2{border: 2rpx solid #ddd; background-color: #fff; padding: 20rpx; border-radius: 30rpx; margin-top: 30rpx;}
.v2 .row{margin-top: 10rpx; border-radius: 20px;} .v2 .row{margin-top: 10rpx; border-radius: 20px;}
.v2 .row .i{width: 80px; height: 80px; margin: auto;} .v2 .row .i{width: 160rpx; height: 160rpx; margin: auto;}
.v2 .row .title{font-weight: 500; font-size: 16px; color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .v2 .row .title{font-weight: 500; font-size: 32rpx; color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.page{background-color: #fff; min-height: 100vh;} .page{background-color: #fff; min-height: 100vh;}
.v1{ float: right; padding-right: 20upx;} .v1{ float: right; padding-right: 20upx;}
.num{ width: 94%; margin: 20rpx auto 20rpx auto; font-size: 18px; background: url('/static/images/index1.png'); .num{ width: 94%; margin: 20rpx auto 20rpx auto; font-size: 36rpx; background: url('/static/images/index1.png');
height: 160rpx; background-repeat: no-repeat;background-position:right bottom; background-size: 22%;} height: 160rpx; background-repeat: no-repeat;background-position:right bottom; background-size: 22%;}
.noticeBar { .noticeBar {
margin: 20rpx auto 0; margin: 20rpx auto 0;

53
pages/mine/forgotpassword.vue
View File

@ -1,31 +1,31 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('forgot.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true" :title="$t('forgot.title')" backgroundColor="#fff"></uni-nav-bar>
<view style="width: 92%; margin: 10px auto; padding: 15px 10px;" v-if="show==1"> <view style="width: 92%; margin: 20rpx auto; padding: 30rpx 20rpx;" v-if="show==1">
<view style="font-size: 32px; color: #333; font-weight: 700; margin-top: 20px;">{{$t('forgot.title')}}</view> <view style="font-size: 64rpx; color: #333; font-weight: 700; margin-top: 40rpx;">{{$t('forgot.title')}}</view>
<view style="color: #6C7278; font-weight: 500; font-size: 14px; margin-bottom: 20px; margin-top: 10px;">{{$t('forgot.text1')}}</view> <view style="color: #6C7278; font-weight: 500; font-size: 28rpx; margin-bottom: 40rpx; margin-top: 20rpx;">{{$t('forgot.text1')}}</view>
<uni-forms label-position="top" label-width="80px" :model="model"> <uni-forms label-position="top" label-width="180rpx" :model="model">
<uni-forms-item label="Email" name="email"> <uni-forms-item label="Email" name="email">
<uni-easyinput type="text" v-model="model.email" :placeholder="$t('forgot.text2')"></uni-easyinput> <uni-easyinput type="text" v-model="model.email" :placeholder="$t('forgot.text2')"></uni-easyinput>
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
<button type="primary" round style="width: 100%;" :disabled="isSend" @click="sendcode()">{{sendText}}</button> <button type="primary" round style="width: 100%;" :disabled="isSend" @click="sendcode()">{{sendText}}</button>
</view> </view>
<view style="width: 92%; margin: 10px auto; padding: 15px 10px;" v-if="show==2"> <view style="width: 92%; margin: 20rpx auto; padding: 30rpx 20rpx;" v-if="show==2">
<view style="font-size: 32px; color: #333; font-weight: 700; margin-top: 20px;">{{$t('forgot.text5')}}</view> <view style="font-size: 64rpx; color: #333; font-weight: 700; margin-top: 40rpx;">{{$t('forgot.text5')}}</view>
<view style="color: #6C7278; font-weight: 500; font-size: 14px; margin-bottom: 20px; margin-top: 10px;">{{$t('forgot.text6')}}</view> <view style="color: #6C7278; font-weight: 500; font-size: 28rpx; margin-bottom: 40rpx; margin-top: 20rpx;">{{$t('forgot.text6')}}</view>
<uni-easyinput type="number" :maxlength="1" :clearable="false" :focus="show==2" v-model="code1" style="width: 80rpx; float: left;" ref="myInput0"></uni-easyinput> <uni-easyinput type="number" :maxlength="1" :clearable="false" :focus="show==2" v-model="code1" style="width: 80rpx; float: left;" ref="myInput0"></uni-easyinput>
<uni-easyinput type="number" :clearable="false" :focus="code1.length>0" v-model="code2" style="width: 80rpx; float: left; margin-left: 90rpx;" ref="myInput1"></uni-easyinput> <uni-easyinput type="number" :clearable="false" :focus="code1.length>0" v-model="code2" style="width: 80rpx; float: left; margin-left: 90rpx;" ref="myInput1"></uni-easyinput>
<uni-easyinput type="number" :clearable="false" :focus="code2.length>0" v-model="code3" style="width: 80rpx; float: left; margin-left: 90rpx;" ref="myInput2"></uni-easyinput> <uni-easyinput type="number" :clearable="false" :focus="code2.length>0" v-model="code3" style="width: 80rpx; float: left; margin-left: 90rpx;" ref="myInput2"></uni-easyinput>
<uni-easyinput type="number" :clearable="false" :focus="code3.length>0" v-model="code4" style="width: 80rpx; float: left; margin-left: 90rpx;" ref="myInput3"></uni-easyinput> <uni-easyinput type="number" :clearable="false" :focus="code3.length>0" v-model="code4" style="width: 80rpx; float: left; margin-left: 90rpx;" ref="myInput3"></uni-easyinput>
<view style="font-size: 14px; font-weight: 400; color: #6C7278; text-align: right; line-height: 60px;">{{$t('forgot.text7')}} <view style="font-size: 28rpx; font-weight: 400; color: #6C7278; text-align: right; line-height: 120rpx;">{{$t('forgot.text7')}}
<span style="color: #1D61E7; margin:0px 10px;" @click="sendcode">{{$t('forgot.text8')}}</span></view> <span style="color: #1D61E7; margin:0rpx 20rpx;" @click="sendcode">{{$t('forgot.text8')}}</span></view>
<button type="primary" round style="width: 100%;" :disabled="codedisabled" @click="submit()">{{$t('buttonSubmit')}}</button> <button type="primary" round style="width: 100%;" :disabled="codedisabled" @click="submit()">{{$t('buttonSubmit')}}</button>
</view> </view>
<view style="width: 92%; margin: 10px auto; padding: 15px 10px;" v-if="show==3"> <view style="width: 92%; margin: 20rpx auto; padding: 30rpx 20rpx;" v-if="show==3">
<view style="font-size: 32px; color: #333; font-weight: 700; margin-top: 20px;">{{$t('forgot.text9')}}</view> <view style="font-size: 64rpx; color: #333; font-weight: 700; margin-top: 40rpx;">{{$t('forgot.text9')}}</view>
<view style="color: #6C7278; font-weight: 500; font-size: 14px; margin-bottom: 20px; margin-top: 10px;">{{$t('forgot.text10')}}</view> <view style="color: #6C7278; font-weight: 500; font-size: 28rpx; margin-bottom: 40rpx; margin-top: 20rpx;">{{$t('forgot.text10')}}</view>
<uni-forms label-position="top" label-width="80px" :model="model" :rules="rules" ref="model"> <uni-forms label-position="top" label-width="160rpx" :model="model" :rules="rules" ref="model">
<uni-forms-item :label="$t('forgot.text11')" name="password"> <uni-forms-item :label="$t('forgot.text11')" name="password">
<uni-easyinput type="password" :passwordIcon="true" v-model="model.password" :placeholder="$t('forgot.text12')" /> <uni-easyinput type="password" :passwordIcon="true" v-model="model.password" :placeholder="$t('forgot.text12')" />
</uni-forms-item> </uni-forms-item>
@ -35,10 +35,10 @@
</uni-forms> </uni-forms>
<button type="primary" round style="width: 100%;" @click="changePossword()">{{$t('buttonSubmit')}}</button> <button type="primary" round style="width: 100%;" @click="changePossword()">{{$t('buttonSubmit')}}</button>
</view> </view>
<view style="bottom: 0px; position: absolute; width:100vw; height: 50px;"> <view style="bottom: 0rpx; position: absolute; width:100vw; height: 100rpx;">
<view style="font-size: 12px; color: #6C7278; font-weight: 500; text-align: center;"> <view style="font-size: 24rpx; color: #6C7278; font-weight: 500; text-align: center;">
{{$t('forgot.text15')}} {{$t('forgot.text15')}}
<span style="color: #4D81E7; margin-left: 10px;" @click="onPageJump('/pages/mine/login')">{{$t('forgot.text16')}}</span> <span style="color: #4D81E7; margin-left: 20rpx;" @click="onPageJump('/pages/mine/login')">{{$t('forgot.text16')}}</span>
</view> </view>
</view> </view>
</view> </view>
@ -96,6 +96,17 @@
url: url, url: url,
}); });
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
sendcode(){ sendcode(){
if (this.model.email == '') { if (this.model.email == '') {
uni.showToast({title: this.$t('forgot.text19')}); uni.showToast({title: this.$t('forgot.text19')});
@ -180,15 +191,15 @@
body{background-color: #fff;} body{background-color: #fff;}
.page{min-height: 100vh;position: relative;} .page{min-height: 100vh;position: relative;}
.rechargeTitle{ .rechargeTitle{
font-weight: 400;font-size: 16px;color: #999999;line-height: 23px; text-align: center; margin-top: 30px; font-weight: 400;font-size: 32rpx;color: #999999;line-height: 46rpx; text-align: center; margin-top: 60rpx;
} }
.rechargeNet{ .rechargeNet{
font-weight: 600;font-size: 20px;color: #333;line-height: 23px; text-align: center; margin-top: 20px; font-weight: 600;font-size: 40rpx;color: #333;line-height: 46rpx; text-align: center; margin-top: 40rpx;
} }
.txt{ .txt{
font-size: 14px; color:#999; font-weight: 500; font-size: 28rpx; color:#999; font-weight: 500;
} }
.cell_right{ .cell_right{
font-size: 14px; color:#333; font-weight: 500; font-size: 28rpx; color:#333; font-weight: 500;
} }
</style> </style>

61
pages/mine/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<view class="minebg"> <view class="minebg">
<uni-nav-bar title="" backgroundColor="rgba(0, 0, 0, 1);" :shadow="false" :border="false" height="50rpx"></uni-nav-bar> <uni-nav-bar title="" backgroundColor="rgba(0, 0, 0, 1);" :shadow="false" :border="false" :fixed="true" height="50rpx"></uni-nav-bar>
<view class="v1"> <view class="v1">
<uni-badge :text="noticeCount" absolute="rightTop" size="small" class="item" type="error"> <uni-badge :text="noticeCount" absolute="rightTop" size="small" class="item" type="error">
<uni-icons size="30" type="chat" @click="onTokenJump('/pages/mine/notice')"></uni-icons> <uni-icons size="30" type="chat" @click="onTokenJump('/pages/mine/notice')"></uni-icons>
@ -16,26 +16,26 @@
</view> </view>
<view class="login1" v-else> <view class="login1" v-else>
<view><span @click="onTokenJump('/pages/mine/info')" class="s">{{user.username}}</span></view> <view><span @click="onTokenJump('/pages/mine/info')" class="s">{{user.username}}</span></view>
<span style="font-size: 14px; font-weight: 400; float: left;">ID：{{user.id}}</span> <span style="font-size: 28rpx; font-weight: 400; float: left;">ID：{{user.id}}</span>
<image class="i" src="/static/images/copy.png" @click="copy(user.id)" mode="cover"></image> <image class="i" src="/static/images/copy.png" @click="copy(user.id)" mode="cover"></image>
</view> </view>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
<view class="v3"> <view class="v3">
<view class="dj"> <view class="dj">
<view style="width: 18%; float: left;"> <view style="width: 100rpx; float: left;">
<image style="width: 33px; height: 25px; margin: 20px 15px;" src="/static/images/image.png" mode="cover"></image> <image style="width: 66rpx; height: 50rpx; margin: 40rpx auto;" src="/static/images/image.png" mode="cover"></image>
</view> </view>
<view class="sj" v-if="user.role_id == 1"> <view class="sj" v-if="user.role_id == 1">
<view class="sj1">{{$t('mine.text2')}} </view> <view class="sj1">{{$t('mine.text2')}} </view>
<view class="sj2">{{$t('mine.text3')}} 🚀 </view> <view class="sj2">{{$t('mine.text3')}} 🚀 </view>
</view> </view>
<view class="sj" v-else> <view class="sj" v-else>
<view class="sj1" style="margin-top: 10px;">{{$t('mine.text4')}}</view> <view class="sj1" style="margin-top: 20rpx;">{{$t('mine.text4')}}</view>
</view> </view>
<view class="sj3"> <view class="sj3">
<button type="primary" class="b" @click="onTokenJump('/pages/mine/upgrade')" style="margin-left: 13%;" v-if="user.role_id == 1">{{$t('buttonUpgrade')}}</button> <button type="primary" class="b" @click="onTokenJump('/pages/mine/upgrade')" style="margin-left: 13%;" v-if="user.role_id == 1">{{$t('buttonUpgrade')}}</button>
<button type="primary" class="b" style="margin: auto;" v-else>{{$t('buttonDetails')}}</button> <button type="primary" class="b" @click="onTokenJump('/pages/mine/upgrade')" style="margin: auto;" v-else>{{$t('buttonDetails')}}</button>
</view> </view>
</view> </view>
</view> </view>
@ -50,37 +50,37 @@
<uni-col :span="12"> <uni-col :span="12">
<view class="wallet" @click="onTokenJump('/pages/power/index')"> <view class="wallet" @click="onTokenJump('/pages/power/index')">
<view class="title">{{$t('mine.text6')}}</view> <view class="title">{{$t('mine.text6')}}</view>
<view class="num1">{{user.score.toFixed(4)}}</view> <view class="num1">{{user.score.toFixed(2)}}</view>
</view> </view>
</uni-col> </uni-col>
</uni-row> </uni-row>
<uni-row :gutter="20"> <uni-row :gutter="20">
<uni-col :span="24" style="margin-top: 10px;"> <uni-col :span="24" style="margin-top: 20rpx;">
<view class="wallet" style="padding: 20px 10px 20px 10px;" @click="onTokenJump('/pages/address/index')"> <view class="wallet" style="padding: 40rpx 20rpx;" @click="onTokenJump('/pages/address/index')">
<image class="i" src="/static/images/5.png" mode="cover"></image> <image class="i" src="/static/images/5.png" mode="cover"></image>
<span class="s">{{$t('mine.text7')}}</span> <span class="s">{{$t('mine.text7')}}</span>
<uni-icons size="20" type="right" style="float: right;"></uni-icons> <uni-icons size="20" type="right" style="float: right;"></uni-icons>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
</uni-col> </uni-col>
<uni-col :span="24" style="margin-top: 10px;"> <uni-col :span="24" style="margin-top: 20rpx;">
<view class="wallet" style="padding: 20px 10px 20px 10px;"> <view class="wallet" style="padding: 40rpx 20rpx;" @click="onTokenJump1('/pages/im/index')">
<image class="i" src="/static/images/m4.png" fit="cover"></image> <image class="i" src="/static/images/m4.png" fit="cover"></image>
<span class="s" @click="onTokenJump1('/pages/im/index')">{{$t('mine.text8')}}</span> <span class="s">{{$t('mine.text8')}}</span>
<uni-icons size="20" type="right" style="float: right;"></uni-icons> <uni-icons size="20" type="right" style="float: right;"></uni-icons>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
</uni-col> </uni-col>
<uni-col :span="24" style="margin-top: 10px;"> <uni-col :span="24" style="margin-top: 20rpx;">
<view class="wallet" style="padding: 20px 10px 20px 10px;" @click="onPageJump('/pages/about/help')"> <view class="wallet" style="padding: 40rpx 20rpx;" @click="onPageJump('/pages/about/help')">
<image class="i" src="/static/images/m6.png" fit="cover"></image> <image class="i" src="/static/images/m6.png" fit="cover"></image>
<span class="s">{{$t('mine.text9')}}</span> <span class="s">{{$t('mine.text9')}}</span>
<uni-icons size="20" type="right" style="float: right;"></uni-icons> <uni-icons size="20" type="right" style="float: right;"></uni-icons>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
</uni-col> </uni-col>
<uni-col :span="24" style="margin-top: 10px;"> <uni-col :span="24" style="margin-top: 20rpx;">
<view class="wallet" style="padding: 20px 10px 20px 10px;" @click="onPageJump('/pages/about/index')"> <view class="wallet" style="padding: 40rpx 20rpx;" @click="onPageJump('/pages/about/index')">
<image class="i" src="/static/images/m3.png" fit="cover"></image> <image class="i" src="/static/images/m3.png" fit="cover"></image>
<span class="s">{{$t('mine.text10')}}</span> <span class="s">{{$t('mine.text10')}}</span>
<uni-icons size="20" type="right" style="float: right;"></uni-icons> <uni-icons size="20" type="right" style="float: right;"></uni-icons>
@ -89,6 +89,7 @@
</uni-col> </uni-col>
</uni-row> </uni-row>
</view> </view>
<zNavigation></zNavigation>
</view> </view>
</template> </template>
@ -245,10 +246,10 @@
width: 300upx; float: left; font-size: 16pt; font-weight: 700; height:160upx; line-height: 160upx; width: 300upx; float: left; font-size: 16pt; font-weight: 700; height:160upx; line-height: 160upx;
} }
.minebg .v2 .login1{ .minebg .v2 .login1{
width: 65%; float: left; font-size: 16pt; font-weight: 700; height:160upx; line-height: 60upx; padding-top: 20px; width: 65%; float: left; font-size: 16pt; font-weight: 700; height:160upx; line-height: 60upx; padding-top: 40rpx;
} }
.minebg .v2 .login1 .s{ .minebg .v2 .login1 .s{
overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 220px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 440rpx; display: block;
} }
.minebg .v2 .login1 .i{ .minebg .v2 .login1 .i{
width: 24rpx; height: 24rpx; float:left; margin-top: 16rpx; margin-left: 10rpx; width: 24rpx; height: 24rpx; float:left; margin-top: 16rpx; margin-left: 10rpx;
@ -268,43 +269,43 @@
.minebg .b{ .minebg .b{
width: 160rpx; height: 60rpx; width: 160rpx; height: 60rpx;
background: linear-gradient( 270deg, #F8E0D3 0%, #FFAF85 100%); background: linear-gradient( 270deg, #F8E0D3 0%, #FFAF85 100%);
border-radius: 6px 6px 6px 6px; border-radius: 12rpx;
font-family: Poppins, Poppins; font-family: Poppins, Poppins;
font-weight: bold; font-weight: bold;
font-size: 13px; font-size: 26rpx;
color: #610855; color: #610855;
line-height: 30px; line-height: 60rpx;
text-align: center; text-align: center;
font-style: normal; font-style: normal;
text-transform: none; text-transform: none;
padding: 0px; padding: 0rpx;
} }
.minebg .v3 .dj .sj1{ .minebg .v3 .dj .sj1{
width: 206px; height: 21px; font-family: Poppins, Poppins; font-weight: 700; font-size: 14px; line-height: 20px; text-align: left; color: #F8E1D6; width: 100%; height: 42rpx; font-family: Poppins, Poppins; font-weight: 700; font-size: 26rpx; line-height: 40rpx; text-align: left; color: #F8E1D6;
} }
.minebg .v3 .dj .sj2{ .minebg .v3 .dj .sj2{
width: 206px; height: 21px; font-family: Poppins, Poppins; font-weight: 400; font-size: 12px; line-height: 20px; text-align: left; color: #A7A8B4; width: 100%; height: 42rpx; font-family: Poppins, Poppins; font-weight: 400; font-size: 24rpx; line-height: 40rpx; text-align: left; color: #A7A8B4;
} }
.minebg .v4{ .minebg .v4{
width: 94vw;margin: 20upx auto; border-radius: 30upx; width: 94vw;margin: 20upx auto; border-radius: 30upx;
} }
.minebg .v4 .wallet{ .minebg .v4 .wallet{
background-color: #fff; border-radius: 10px; padding: 10px 15px; background-color: #fff; border-radius: 20rpx; padding: 20rpx 30rpx;
} }
.minebg .v4 .wallet .title{ .minebg .v4 .wallet .title{
font-weight: 500; font-size: 14px; color: #999999; line-height: 18px; font-weight: 500; font-size: 28rpx; color: #999999; line-height: 36rpx;
} }
.minebg .v4 .wallet .num{ .minebg .v4 .wallet .num{
width: 100%; line-height: 40px; margin-top: 5px; font-size: 18px; background: url('/static/images/109.png'); background-size: 35%; height: 40px; background-repeat: no-repeat;background-position:right bottom width: 100%; line-height: 80rpx; margin-top: 10rpx; font-size: 36rpx; background: url('/static/images/109.png'); background-size: 35%; height: 80rpx; background-repeat: no-repeat;background-position:right bottom
} }
.minebg .v4 .wallet .num1{ .minebg .v4 .wallet .num1{
width: 100%; line-height: 40px; margin-top: 5px; font-size: 18px; background: url('/static/images/4.png'); background-size: 35%; height: 40px; background-repeat: no-repeat;background-position:right bottom width: 100%; line-height: 80rpx; margin-top: 10rpx; font-size: 36rpx; background: url('/static/images/4.png'); background-size: 35%; height: 80rpx; background-repeat: no-repeat;background-position:right bottom
} }
.minebg .v4 .wallet .s{ .minebg .v4 .wallet .s{
font-weight: 500;font-size: 16px;color: #3D3D3D;line-height: 20px; float: left; margin-left: 10px; font-weight: 500;font-size: 32rpx;color: #3D3D3D;line-height: 40rpx; float: left; margin-left: 20rpx;
} }
.minebg .v4 .wallet .i{ .minebg .v4 .wallet .i{
width: 20px; height: 18px; float: left; width: 40rpx; height: 36rpx; float: left;
} }
.item{ .item{
margin: 0upx 20upx; margin: 0upx 20upx;

30
pages/mine/info.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('personal.title')" bgColor="#F5f5f5"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
:title="$t('personal.title')" backgroundColor="#fff"></uni-nav-bar>
<view class="cell_list" @click="dialogVisible = true"> <view class="cell_list" @click="dialogVisible = true">
<view class="cell_left txt">{{$t('personal.text1')}}</view> <view class="cell_left txt">{{$t('personal.text1')}}</view>
<view class="cell_right arrow"> <view class="cell_right arrow">
@ -97,6 +98,17 @@
} }
}); });
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
takePhoto() { takePhoto() {
uni.chooseImage({ uni.chooseImage({
count: 1, // 默认9, 设置图片的最大选择数，设置为1表示拍一张照片 count: 1, // 默认9, 设置图片的最大选择数，设置为1表示拍一张照片
@ -145,10 +157,10 @@
text-align: center; text-align: center;
width: 90vw; width: 90vw;
margin-left: 5vw; margin-left: 5vw;
border-radius: 10px; border-radius: 20rpx;
line-height: 60px; line-height: 120rpx;
margin-bottom: 10px; margin-bottom: 20rpx;
font-size: 17px; font-size: 34rpx;
font-weight: 500; font-weight: 500;
color:#333; color:#333;
} }
@ -157,10 +169,10 @@
text-align: center; text-align: center;
width: 90vw; width: 90vw;
margin-left: 5vw; margin-left: 5vw;
border-radius: 10px; border-radius: 20rpx;
line-height: 60px; line-height: 120rpx;
margin-bottom: 20px; margin-bottom: 40rpx;
font-size: 17px; font-size: 34rpx;
font-weight: 500; font-weight: 500;
color:#333; color:#333;
} }

42
pages/mine/login.vue
View File

@ -1,15 +1,16 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('login.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
<view style="width: 92%; margin: 10px auto; padding: 15px 10px;"> :title="$t('login.title')" backgroundColor="#fff"></uni-nav-bar>
<view style="width: 92%; margin: 20rpx auto; padding: 30rpx 20rpx;">
<view> <view>
<image src="/static/images/109.png" style="width: 25px; height: 25px; float: left;" fit="cover"></image> <image src="/static/images/logo2.png" style="width: 50rpx; height: 50rpx; float: left;" fit="cover"></image>
<span style="font-size: 20px; font-weight: 700; float: left; color: #3d3d3d; margin-left: 10px;">{{$t('login.text1')}}</span> <span style="font-size: 40rpx; font-weight: 700; float: left; color: #3d3d3d; margin-left: 20rpx;">{{$t('login.text1')}}</span>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
<view style="font-size: 32px; color: #333; font-weight: 700; margin-top: 20px;">{{$t('login.text2')}}</view> <view style="font-size: 64rpx; color: #333; font-weight: 700; margin-top: 40rpx;">{{$t('login.text2')}}</view>
<view style="color: #6C7278; font-weight: 500; font-size: 14px; margin-bottom: 20px;">{{$t('login.text3')}}</view> <view style="color: #6C7278; font-weight: 500; font-size: 28rpx; margin-bottom: 40rpx;">{{$t('login.text3')}}</view>
<uni-forms label-position="top" label-width="80px" :model="loginModel" :rules="rules" ref="loginModel"> <uni-forms label-position="top" label-width="180rpx" :model="loginModel" :rules="rules" ref="loginModel">
<uni-forms-item label="Email" name="username"> <uni-forms-item label="Email" name="username">
<uni-easyinput type="text" v-model="loginModel.username" :placeholder="$t('login.text4')"></uni-easyinput> <uni-easyinput type="text" v-model="loginModel.username" :placeholder="$t('login.text4')"></uni-easyinput>
</uni-forms-item> </uni-forms-item>
@ -17,13 +18,13 @@
<uni-easyinput type="password" :passwordIcon="true" v-model="loginModel.password" :placeholder="$t('login.text5')" /> <uni-easyinput type="password" :passwordIcon="true" v-model="loginModel.password" :placeholder="$t('login.text5')" />
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
<view style="font-size: 12px; color:#4D81E7; font-weight: 500; text-align: right; margin-bottom: 30px;" @click="onPageJump('/pages/mine/forgotpassword')">{{$t('login.text6')}}</view> <view style="font-size: 24rpx; color:#4D81E7; font-weight: 500; text-align: right; margin-bottom: 40rpx;" @click="onPageJump('/pages/mine/forgotpassword')">{{$t('login.text6')}}</view>
<button type="primary" round style="width: 100%;" @click="login()">{{$t('login.title')}}</button> <button type="primary" round style="width: 100%;" @click="login()">{{$t('login.title')}}</button>
</view> </view>
<view style="bottom: 0px; position: absolute; width:100vw; height: 50px;"> <view style="bottom: 0rpx; position: absolute; width:100vw; height: 100rpx;">
<view style="font-size: 12px; color: #6C7278; font-weight: 500; text-align: center;"> <view style="font-size: 24rpx; color: #6C7278; font-weight: 500; text-align: center;">
{{$t('login.text7')}} {{$t('login.text7')}}
<span style="color: #4D81E7; margin-left: 10px;" @click="onPageJump('/pages/mine/signup')">{{$t('login.text8')}}</span> <span style="color: #4D81E7; margin-left: 20rpx;" @click="onPageJump('/pages/mine/signup')">{{$t('login.text8')}}</span>
</view> </view>
</view> </view>
</view> </view>
@ -64,6 +65,17 @@
url: url url: url
}); });
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
login(){ login(){
this.$refs.loginModel.validate().then(res=>{ this.$refs.loginModel.validate().then(res=>{
if (!this.$base.mailRegular.test(this.loginModel.username)) { if (!this.$base.mailRegular.test(this.loginModel.username)) {
@ -102,15 +114,15 @@
body{background-color: #fff;} body{background-color: #fff;}
.page{min-height: 100vh;position: relative;} .page{min-height: 100vh;position: relative;}
.rechargeTitle{ .rechargeTitle{
font-weight: 400;font-size: 16px;color: #999999;line-height: 23px; text-align: center; margin-top: 30px; font-weight: 400;font-size: 32rpx;color: #999999;line-height: 46rpx; text-align: center; margin-top: 60rpx;
} }
.rechargeNet{ .rechargeNet{
font-weight: 600;font-size: 20px;color: #333;line-height: 23px; text-align: center; margin-top: 20px; font-weight: 600;font-size: 40rpx;color: #333;line-height: 46rpx; text-align: center; margin-top: 40rpx;
} }
.txt{ .txt{
font-size: 14px; color:#999; font-weight: 500; font-size: 28rpx; color:#999; font-weight: 500;
} }
.cell_right{ .cell_right{
font-size: 14px; color:#333; font-weight: 500; font-size: 28rpx; color:#333; font-weight: 500;
} }
</style> </style>

50
pages/mine/notice.vue
View File

@ -1,14 +1,17 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('notice.title')" bgColor="#fff"> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
<span slot="right" style="margin-right: 10px; font-size: 14px;" @click="allRead">{{$t('notice.text1')}}</span> :title="$t('notice.title')" backgroundColor="#fff">
</nav-bar> <template v-slot:right>
<view style="width: 92%; margin: 10px auto;" v-if="list.length > 0"> <span style="font-size: 28rpx;" @click="allRead">{{$t('notice.text1')}}</span>
<view class="cell_list" v-for="item in list" :key="item.id" style="margin-top: 10px; border-radius: 10px;" @click="onPageJump(item.id)"> </template>
</uni-nav-bar>
<view style="width: 92%; margin: 20rpx auto;" v-if="list.length > 0">
<view class="cell_list" v-for="item in list" :key="item.id" style="margin-top: 20rpx; border-radius: 20rpx;" @click="onPageJump(item.id)">
<view class="t"> <view class="t">
<view> <view>
<span v-if="item.is_read == 0" style="background-color: #FF4E4E; display: block;margin-right: 10px; width: 8px; height: 8px; border-radius: 5px; float: left; margin-top: 7px;"></span> <span v-if="item.is_read == 0" style="background-color: #FF4E4E; display: block;margin-right: 20rpx; width: 16rpx; height: 16rpx; border-radius: 10rpx; float: left; margin-top: 14rpx;"></span>
<span style="font-size: 16px; color: #3d3d3d; font-weight: 600; float: left;">{{item.title}}</span> <span style="font-size: 32rpx; color: #3d3d3d; font-weight: 600; float: left;">{{item.title}}</span>
</view> </view>
<view class="d">{{item.intro}}</view> <view class="d">{{item.intro}}</view>
<view class="d">{{item.created_at}}</view> <view class="d">{{item.created_at}}</view>
@ -17,9 +20,9 @@
</view> </view>
</view> </view>
<view style="text-align: center; padding-bottom: 80px;" v-if="list.length == 0"> <view style="text-align: center; padding-bottom: 160rpx;" v-if="list.length == 0">
<image style="width: 180px; height: 180px; margin: 160rpx auto 0rpx auto;" src="/static/images/w5.png" mode="cover"></image> <image style="width: 360rpx; height: 360rpx; margin: 160rpx auto 0rpx auto;" src="/static/images/w5.png" mode="cover"></image>
<view style="color: #999; font-size: 14px; font-weight: 400;">{{$t('nodata')}}</view> <view style="color: #999; font-size: 28rpx; font-weight: 400;">{{$t('nodata')}}</view>
</view> </view>
</view> </view>
</template> </template>
@ -63,6 +66,17 @@
} }
}); });
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
allRead(){ allRead(){
let ids = this.list.filter(item => item.is_read == 0).map(item => item.id); let ids = this.list.filter(item => item.is_read == 0).map(item => item.id);
if(ids.length > 0){ if(ids.length > 0){
@ -126,25 +140,25 @@
body{background-color: #F8F8F8;} body{background-color: #F8F8F8;}
.page{ min-height: 100vh;background-color: #F8F8F8;} .page{ min-height: 100vh;background-color: #F8F8F8;}
.wallet1{ .wallet1{
border-radius: 10px; padding: 20px 15px; width: 84%; margin: 10px auto; border-radius: 20rpx; padding: 40rpx 30rpx; width: 84%; margin: 20rpx auto;
background: url('/static/images/w1.png') #2B66F6; background-repeat: no-repeat; background-position: 92% 5px; background: url('/static/images/w1.png') #2B66F6; background-repeat: no-repeat; background-position: 92% 10rpx;
} }
.cell_list .t{ .cell_list .t{
color: #3d3d3d; font-size: 16px; font-weight: 400; line-height: 25px; color: #3d3d3d; font-size: 32rpx; font-weight: 400; line-height: 50rpx;
} }
.cell_list .d{ .cell_list .d{
color: #999; font-size: 12px; font-weight: 400; line-height: 20px; clear: both; color: #999; font-size: 24rpx; font-weight: 400; line-height: 40rpx; clear: both;
} }
.cell_list .u{ .cell_list .u{
color: #1D61E7; font-weight: 600;float: right; font-size: 16px; color: #1D61E7; font-weight: 600;float: right; font-size: 32rpx;
} }
.cell_list .u1{ .cell_list .u1{
color: #333; font-weight: 600;float: right;font-size: 16px; color: #333; font-weight: 600;float: right;font-size: 32rpx;
} }
.w{ .w{
background-color: #F8F8F8; border-radius: 10px; padding: 20px 10px; background-color: #F8F8F8; border-radius: 20rpx; padding: 40rpx 20rpx;
} }
.w .t{ .w .t{
text-align: center; margin-top: 10px; font-size: 14px; text-align: center; margin-top: 20rpx; font-size: 28rpx;
} }
</style> </style>

36
pages/mine/noticedetails.vue
View File

@ -1,11 +1,12 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('noticedetail.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
<view style="width: 92%; margin: 20px auto;"> :title="$t('noticedetail.title')" backgroundColor="#fff"></uni-nav-bar>
<view style="font-weight: 700;font-size: 20px;color: #3D3D3D;line-height: 28px;text-transform: none;"> <view style="width: 92%; margin: 40rpx auto;">
<view style="font-weight: 700;font-size: 40rpx;color: #3D3D3D;line-height: 56rpx;text-transform: none;">
{{model.title}} {{model.title}}
</view> </view>
<view style="font-size: 12px; font-weight: 400; color: #999; margin-bottom: 20px;"> <view style="font-size: 24rpx; font-weight: 400; color: #999; margin-bottom: 40rpx;">
{{model.created_at}} {{model.created_at}}
</view> </view>
<view class="table_content"><jyf-parser :html="model.content"></jyf-parser></view> <view class="table_content"><jyf-parser :html="model.content"></jyf-parser></view>
@ -41,6 +42,17 @@
onShow() {}, onShow() {},
//方法 //方法
methods: { methods: {
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
getDetails(id){ getDetails(id){
this.$http.get('/api/article/detail?id='+id).then(res => { this.$http.get('/api/article/detail?id='+id).then(res => {
if(res.code == 0){ if(res.code == 0){
@ -68,25 +80,25 @@
body{background-color: #fff;} body{background-color: #fff;}
.page{ min-height: 100vh;background-color: #fff;} .page{ min-height: 100vh;background-color: #fff;}
.wallet1{ .wallet1{
border-radius: 10px; padding: 20px 15px; width: 84%; margin: 10px auto; border-radius: 20rpx; padding: 40rpx 30rpx; width: 84%; margin: 20rpx auto;
background: url('/static/images/w1.png') #2B66F6; background-repeat: no-repeat; background-position: 92% 5px; background: url('/static/images/w1.png') #2B66F6; background-repeat: no-repeat; background-position: 92% 10rpx;
} }
.cell_list .t{ .cell_list .t{
color: #3d3d3d; font-size: 16px; font-weight: 400; line-height: 25px; color: #3d3d3d; font-size: 32rpx; font-weight: 400; line-height: 50rpx;
} }
.cell_list .d{ .cell_list .d{
color: #999; font-size: 12px; font-weight: 400; line-height: 20px; clear: both; color: #999; font-size: 24rpx; font-weight: 400; line-height: 50rpx; clear: both;
} }
.cell_list .u{ .cell_list .u{
color: #1D61E7; font-weight: 600;float: right; font-size: 16px; color: #1D61E7; font-weight: 600;float: right; font-size: 32rpx;
} }
.cell_list .u1{ .cell_list .u1{
color: #333; font-weight: 600;float: right;font-size: 16px; color: #333; font-weight: 600;float: right;font-size: 32rpx;
} }
.w{ .w{
background-color: #F8F8F8; border-radius: 10px; padding: 20px 10px; background-color: #F8F8F8; border-radius: 20rpx; padding: 40rpx 20rpx;
} }
.w .t{ .w .t{
text-align: center; margin-top: 10px; font-size: 14px; text-align: center; margin-top: 20rpx; font-size: 28rpx;
} }
</style> </style>

104
pages/mine/signup.vue
View File

@ -1,10 +1,11 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('signup.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
<view style="width: 92%; margin: auto; padding: 15px 10px;" v-if="pageShow==1"> :title="$t('signup.title')" backgroundColor="#fff"></uni-nav-bar>
<view style="font-size: 32px; color: #333; font-weight: 700;">{{$t('signup.title')}}</view> <view style="width: 92%; margin: auto; padding: 30rpx 20rpx;">
<view style="color: #6C7278; font-weight: 500; font-size: 14px; margin-bottom: 20px; margin-top: 10px;">{{$t('signup.text1')}}</view> <view style="font-size: 64rpx; color: #333; font-weight: 700;">{{$t('signup.title')}}</view>
<uni-forms label-position="top" label-width="80px" :modelValue="signupModel" :rules="rules" ref="signupModel"> <view style="color: #6C7278; font-weight: 500; font-size: 28rpx; margin-bottom: 40rpx; margin-top: 20rpx;">{{$t('signup.text1')}}</view>
<uni-forms label-position="top" label-width="180rpx" :modelValue="signupModel" :rules="rules" ref="signupModel">
<uni-forms-item label="Email" name="email" label-width="400rpx"> <uni-forms-item label="Email" name="email" label-width="400rpx">
<uni-easyinput type="text" v-model="signupModel.email" :placeholder="$t('signup.text2')"></uni-easyinput> <uni-easyinput type="text" v-model="signupModel.email" :placeholder="$t('signup.text2')"></uni-easyinput>
</uni-forms-item> </uni-forms-item>
@ -14,41 +15,27 @@
<button type="primary" <button type="primary"
:disabled="isSend" :disabled="isSend"
@click="sendCode()" @click="sendCode()"
style="font-size: 28rpx; padding: auto 20rpx; width: 200rpx;">{{sendText}}</button> style="font-size: 28rpx; padding: auto 20rpx; width: 220rpx;">{{sendText}}</button>
</template> </template>
</uni-easyinput> </uni-easyinput>
</uni-forms-item> </uni-forms-item>
<uni-forms-item :label="$t('forgot.text11')" name="password" label-width="400rpx"> <uni-forms-item :label="$t('forgot.text11')" name="password" label-width="400rpx">
<uni-easyinput type="password" :passwordIcon="true" v-model="signupModel.password" :placeholder="$t('login.text5')" /> <uni-easyinput type="password" :passwordIcon="true" v-model="signupModel.password" :placeholder="$t('login.text5')" />
</uni-forms-item> </uni-forms-item>
<uni-forms-item :label="$t('forgot.text13')" name="cpassword" label-width="400rpx"> <uni-forms-item :label="$t('signup.text6')" name="trade_password" label-width="400rpx">
<uni-easyinput type="password" :passwordIcon="true" v-model="signupModel.cpassword" :placeholder="$t('forgot.text14')" /> <uni-easyinput type="password" :passwordIcon="true" v-model="signupModel.trade_password" :placeholder="$t('signup.text7')" />
</uni-forms-item>
<uni-forms-item :label="$t('signup.text11')" name="invite_code" label-width="400rpx">
<uni-easyinput type="text" v-model="signupModel.invite_code" :placeholder="$t('signup.text9')"></uni-easyinput>
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
<view class="f">{{$t('login.text6')}}</view> <view class="f">{{$t('login.text6')}}</view>
<button type="primary" round style="width: 100%;" @click="next">{{$t('signup.text5')}}</button>
</view>
<view style="width: 92%; margin: auto; padding: 15px 10px;" v-if="pageShow==2">
<view style="font-size: 32px; color: #333; font-weight: 700;">{{$t('signup.title')}}</view>
<view style="color: #6C7278; font-weight: 500; font-size: 14px; margin-bottom: 20px; margin-top: 10px;">{{$t('signup.text1')}}</view>
<uni-forms label-position="top" label-width="80px" :modelValue="signupModel1" :rules="rules1" ref="signupModel1">
<uni-forms-item :label="$t('signup.text6')" name="trade_password" label-width="400rpx">
<uni-easyinput type="password" :passwordIcon="true" v-model="signupModel1.trade_password" :placeholder="$t('signup.text7')" />
</uni-forms-item>
<uni-forms-item :label="$t('signup.text10')" name="ctrade_password" label-width="400rpx">
<uni-easyinput type="password" :passwordIcon="true" v-model="signupModel1.ctrade_password" :placeholder="$t('signup.text8')" />
</uni-forms-item>
<uni-forms-item :label="$t('signup.text11')" name="invite_code" label-width="400rpx">
<uni-easyinput type="text" v-model="signupModel1.invite_code" :placeholder="$t('signup.text9')"></uni-easyinput>
</uni-forms-item>
</uni-forms>
<view style="font-size: 12px; color:#4D81E7; font-weight: 500; text-align: right; margin-bottom: 30px;">{{$t('login.text6')}}</view>
<button type="primary" round style="width: 100%;" @click="signup">{{$t('signup.title')}}</button> <button type="primary" round style="width: 100%;" @click="signup">{{$t('signup.title')}}</button>
</view> </view>
<view style="bottom: 0px; position: absolute; width:100vw; height: 60rpx;"> <view style="bottom: 0rpx; width:100vw; height: 60rpx;">
<view style="font-size: 12px; color: #6C7278; font-weight: 500; text-align: center;"> <view style="font-size: 24rpx; color: #6C7278; font-weight: 500; text-align: center;">
{{$t('signup.text13')}} {{$t('signup.text13')}}
<span style="color: #4D81E7; margin-left: 10px;" @click="onPageJump('/pages/mine/login')">{{$t('forgot.text16')}}</span> <span style="color: #4D81E7; margin-left: 20rpx;" @click="onPageJump('/pages/mine/login')">{{$t('forgot.text16')}}</span>
</view> </view>
</view> </view>
</view> </view>
@ -64,32 +51,23 @@
return { return {
sendText: this.$t('setPasswork.text8'), sendText: this.$t('setPasswork.text8'),
isSend: false, isSend: false,
pageShow: 1,
signupModel:{ signupModel:{
email:"", email:"",
code:"", code:"",
password:"", password:"",
cpassword:"",
},
signupModel1:{
invite_code:"", invite_code:"",
trade_password:"", trade_password:"",
ctrade_password:"",
}, },
rules: { rules: {
email: {rules:[{required: true,errorMessage: this.$t('forgot.text2')}]}, email: {rules:[{required: true,errorMessage: this.$t('forgot.text2')}]},
code:{rules:[{required: true,errorMessage: this.$t('setPasswork.text12')}]}, code:{rules:[{required: true,errorMessage: this.$t('setPasswork.text12')}]},
password: {rules:[{required: true,errorMessage: this.$t('login.text10')}]}, password: {rules:[{required: true,errorMessage: this.$t('login.text10')}]},
cpassword: {rules:[{required: true,errorMessage: this.$t('setPasswork.text11')}]},
},
rules1: {
trade_password:{ trade_password:{
rules:[{required: true,errorMessage: this.$t('putforward.text5')}, rules:[{required: true,errorMessage: this.$t('putforward.text5')},
{minLength: 6, maxLength: 6, errorMessage: this.$t('putforward.text6') }], {minLength: 6, maxLength: 6, errorMessage: this.$t('putforward.text6') }],
}, },
ctrade_password: {rules:[{required: true,errorMessage: this.$t('putforward.text5')}]},
invite_code: {rules:[{required: true,errorMessage: this.$t('putforward.text9')}]} invite_code: {rules:[{required: true,errorMessage: this.$t('putforward.text9')}]}
} },
}; };
}, },
computed: { computed: {
@ -108,31 +86,27 @@
url: url url: url
}); });
}, },
next(){ goto(url, type) {
this.$refs.signupModel.validate().then(res=>{ if (type == 2) {
if (!this.$base.mailRegular.test(this.signupModel.email)) { return uni.switchTab({ url: url })
uni.showToast({title:this.$t('signup.text12'),icon:'error'});
return;
} }
if(!this.$base.passwordRegular.test(this.signupModel.password)){ if (type == 1) {
uni.showToast({title:this.$t('signup.text14'),icon:'error'}); return uni.navigateBack({ delta: url });
return;
} }
if (this.signupModel.cpassword !== this.signupModel.password) { uni.navigateTo({
uni.showToast({title:this.$t('signup.text15'),icon:'error'}); url: url
return; })
}
this.pageShow = 2;
}).catch(err =>{})
}, },
sendCode(){ sendCode(){
this.isSend = true; this.isSend = true;
if (this.signupModel.email == '') { if (this.signupModel.email == '') {
uni.showToast({title: this.$t('forgot.text19'), icon:'error'}); uni.showToast({title: this.$t('forgot.text19'), icon:'error'});
this.isSend = false;
return; return;
} }
if (!this.$base.mailRegular.test(this.signupModel.email)) { if (!this.$base.mailRegular.test(this.signupModel.email)) {
uni.showToast({title: this.$t('forgot.text20'), icon:'error'}); uni.showToast({title: this.$t('forgot.text20'), icon:'error'});
this.isSend = false;
return; return;
} }
let s = 120; let s = 120;
@ -161,17 +135,21 @@
}); });
}, },
signup(){ signup(){
this.$refs.signupModel1.validate().then(res=>{ this.$refs.signupModel.validate().then(res=>{
if (this.signupModel.trade_password !== this.signupModel.ctrade_password) { if (!this.$base.mailRegular.test(this.signupModel.email)) {
uni.showToast({title:this.$t('setPin.text12'),icon:'error'}); uni.showToast({title:this.$t('signup.text12'),icon:'error'});
return; return;
}; }
if(!this.$base.passwordRegular.test(this.signupModel.password)){
uni.showToast({title:this.$t('signup.text14'),icon:'error'});
return;
}
let data = { let data = {
email: this.signupModel.email, email: this.signupModel.email,
code: this.signupModel.code, code: this.signupModel.code,
password: this.signupModel.password, password: this.signupModel.password,
invite_code: this.signupModel1.invite_code, invite_code: this.signupModel.invite_code,
trade_password: this.signupModel1.trade_password, trade_password: this.signupModel.trade_password,
} }
this.$http.post('/api/common/register', data).then(res => { this.$http.post('/api/common/register', data).then(res => {
if(res.code == 0){ if(res.code == 0){
@ -196,18 +174,18 @@
body{background-color: #fff;} body{background-color: #fff;}
.page{min-height: 100vh;position: relative;} .page{min-height: 100vh;position: relative;}
.rechargeTitle{ .rechargeTitle{
font-weight: 400;font-size: 16px;color: #999999;line-height: 23px; text-align: center; margin-top: 30px; font-weight: 400;font-size: 32rpx;color: #999999;line-height: 46rpx; text-align: center; margin-top: 60rpx;
} }
.rechargeNet{ .rechargeNet{
font-weight: 600;font-size: 20px;color: #333;line-height: 23px; text-align: center; margin-top: 20px; font-weight: 600;font-size: 40rpx;color: #333;line-height: 46rpx; text-align: center; margin-top: 40rpx;
} }
.txt{ .txt{
font-size: 14px; color:#999; font-weight: 500; font-size: 28rpx; color:#999; font-weight: 500;
} }
.cell_right{ .cell_right{
font-size: 14px; color:#333; font-weight: 500; font-size: 28rpx; color:#333; font-weight: 500;
} }
.f{ .f{
font-size: 12px; color:#4D81E7; font-weight: 500; text-align: right; margin-bottom: 30px; font-size: 24rpx; color:#4D81E7; font-weight: 500; text-align: right; margin-bottom: 60rpx;
} }
</style> </style>

72
pages/mine/upgrade.vue
View File

@ -1,34 +1,35 @@
<template> <template>
<view class="minebg"> <view class="minebg">
<nav-bar :title="$t('upgrade.title')" bgColor="rgba(0,0,0,0,1)"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
:title="$t('upgrade.title')" backgroundColor="rgba(0,0,0,0,1)"></uni-nav-bar>
<view style="font-size: 56rpx; color: #333; font-weight: 700; width: 80%;margin: 30rpx auto; text-align: center;"> <view style="font-size: 56rpx; color: #333; font-weight: 700; width: 80%;margin: 30rpx auto; text-align: center;">
{{$t('upgrade.text1')}} {{$t('upgrade.text1')}}
</view> </view>
<view class="v4"> <view class="v4">
<uni-row :gutter="10"> <uni-row :gutter="10">
<uni-col :span="24"> <uni-col :span="24">
<view class="wallet" style="padding: 10px ;"> <view class="wallet" style="padding: 20rpx ;">
<image class="i" src="/static/images/u4.png" mode="cover"></image> <image class="i" src="/static/images/u4.png" mode="cover"></image>
<span class="s">{{$t('upgrade.text2')}}</span> <span class="s">{{$t('upgrade.text2')}}</span>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
</uni-col> </uni-col>
<uni-col :span="24"> <uni-col :span="24">
<view class="wallet" style="padding: 10px;"> <view class="wallet" style="padding: 20rpx;">
<image class="i" src="/static/images/u4.png" mode="cover"></image> <image class="i" src="/static/images/u4.png" mode="cover"></image>
<view class="s" style="line-height: 50rpx; width: 90%;">{{$t('upgrade.text3')}}</view> <view class="s" style="line-height: 50rpx; width: 90%;">{{$t('upgrade.text3')}}</view>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
</uni-col> </uni-col>
<uni-col :span="24"> <uni-col :span="24">
<view class="wallet" style="padding: 10px;"> <view class="wallet" style="padding: 20rpx;">
<image class="i" src="/static/images/u4.png" mode="cover"></image> <image class="i" src="/static/images/u4.png" mode="cover"></image>
<span class="s">{{$t('upgrade.text4')}}</span> <span class="s">{{$t('upgrade.text4')}}</span>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
</uni-col> </uni-col>
<uni-col :span="24"> <uni-col :span="24">
<view class="wallet" style="padding: 10px;"> <view class="wallet" style="padding: 20rpx;">
<image class="i" src="/static/images/u4.png" mode="cover"></image> <image class="i" src="/static/images/u4.png" mode="cover"></image>
<span class="s">{{$t('upgrade.text5')}}</span> <span class="s">{{$t('upgrade.text5')}}</span>
<view style="clear: both;"></view> <view style="clear: both;"></view>
@ -42,7 +43,8 @@
<image v-if="item.id==3" style="width: 80rpx; height: 80rpx;" src="/static/images/u1.png" mode="cover"></image> <image v-if="item.id==3" style="width: 80rpx; height: 80rpx;" src="/static/images/u1.png" mode="cover"></image>
</uni-col> </uni-col>
<uni-col :span="12"> <uni-col :span="12">
<view style="font-weight: 500;font-size: 30rpx;color: #3D3D3D;line-height: 80rpx;">{{item.name}}</view> <view v-if="item.id==2" style="font-weight: 600;font-size: 30rpx;color: #3D3D3D;line-height: 80rpx;">upgrade VIP</view>
<view v-if="item.id==3" style="font-weight: 600;font-size: 30rpx;color: #3D3D3D;line-height: 40rpx;">upgrade <br>channel partner</view>
</uni-col> </uni-col>
<uni-col :span="7"> <uni-col :span="7">
<view style="font-weight: 600;font-size: 36rpx;color: #3D3D3D;line-height: 80rpx;">{{item.price}} USDT</view> <view style="font-weight: 600;font-size: 36rpx;color: #3D3D3D;line-height: 80rpx;">{{item.price}} USDT</view>
@ -71,6 +73,7 @@
mapState, mapState,
mapMutations mapMutations
} from 'vuex'; } from 'vuex';
import { getUserInfo } from '@/config/utils';
export default { export default {
data() { data() {
return { return {
@ -85,11 +88,8 @@
}, },
//第一次加载 //第一次加载
onLoad(e) { onLoad(e) {
this.$http.get('/api/user/profile?lang='+this.$i18n.locale).then(res => { getUserInfo(this.$i18n.locale).then(res => {
if(res.code == 0){ this.user = res;
this.user = res.data;
this.setUserInfo(res.data);
}
}); });
this.$http.get('/api/role/list?lang='+this.$i18n.locale).then(res => { this.$http.get('/api/role/list?lang='+this.$i18n.locale).then(res => {
if(res.code == 0){ if(res.code == 0){
@ -103,7 +103,20 @@
methods: { methods: {
...mapMutations(['setUserInfo']), ...mapMutations(['setUserInfo']),
open(){ open(){
if(parseFloat(this.user.money) < 500){ let roleMoney = 0;
this.list.forEach(item => {
if(item.id == this.role_id){
roleMoney = item.price;
}
})
if(this.user.role_id > this.role_id){
uni.showToast({
title:this.$t('upgrade.text9'),
icon:'error'
});
return
}
if(parseFloat(this.user.money) < roleMoney){
uni.showToast({ uni.showToast({
title:this.$t('upgrade.text8'), title:this.$t('upgrade.text8'),
icon:'error' icon:'error'
@ -112,6 +125,17 @@
} }
this.$refs.popup.open('dialog'); this.$refs.popup.open('dialog');
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
submit(){ submit(){
let data = { let data = {
role_id: this.role_id, role_id: this.role_id,
@ -123,16 +147,15 @@
uni.showToast({ uni.showToast({
title:'Success' title:'Success'
}); });
this.$http.get('/api/user/profile?lang='+this.$i18n.locale).then(res => { this.$refs.popup.close();
if(res.code == 0){ this.pingcode = '';
this.setUserInfo(res.data); this.user.role_id = this.role_id;
} this.setUserInfo(this.user);
});
setTimeout(() => { setTimeout(() => {
uni.switchTab({ uni.switchTab({
url: '/pages/mine/index' url: '/pages/mine/index'
}); });
}, 2000); }, 1000);
} }
}); });
}, },
@ -162,23 +185,24 @@
width: 94vw;margin: 20upx auto; border-radius: 30upx; width: 94vw;margin: 20upx auto; border-radius: 30upx;
} }
.minebg .v4 .wallet{ .minebg .v4 .wallet{
border-radius: 10px; padding: 10px 15px; border-radius: 20rpx; padding: 20rpx 30rpx;
} }
.minebg .v4 .wallet .title{ .minebg .v4 .wallet .title{
font-weight: 500; font-size: 14px; color: #999999; line-height: 18px; font-weight: 500; font-size: 28rpx; color: #999999; line-height: 36rpx;
} }
.minebg .v4 .wallet .s{ .minebg .v4 .wallet .s{
font-weight: 500;font-size: 16px;color: #666666;line-height: 20px; float: left; margin-left: 10px; font-weight: 500;font-size: 32rpx;color: #666666;line-height: 40rpx; float: left; margin-left: 20rpx;
display: block; width: 90%;
} }
.minebg .v4 .wallet .i{ .minebg .v4 .wallet .i{
width: 20px; height: 20px; float: left; width: 40rpx; height: 40rpx; float: left;
} }
.minebg .v4 .u{ .minebg .v4 .u{
padding: 40rpx 20rpx; border: 2rpx solid #eee; margin: 40rpx auto 0px auto; width: 94%; padding: 40rpx 20rpx; border: 2rpx solid #eee; margin: 40rpx auto 0rpx auto; width: 94%;
} }
.minebg .v4 .u1{ .minebg .v4 .u1{
background: url('/static/images/u5.png') #F5F8FC; background: url('/static/images/u5.png') #F5F8FC;
background-size: 10%; background-size: 60rpx;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-x: right; background-position-x: right;
background-position-y: bottom; background-position-y: bottom;

84
pages/power/index.vue
View File

@ -1,39 +1,40 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('power.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
:title="$t('power.title')" backgroundColor="#fff"></uni-nav-bar>
<view class="wallet1"> <view class="wallet1">
<view style="width: 400; font-size: 12px; color: #fff;">{{$t('power.text1')}}</view> <view style="width: 400; font-size: 24rpx; color: #fff;">{{$t('power.text1')}}</view>
<view style="width: 500; font-size: 24px; color: #fff; line-height: 55px;">{{power.score.toFixed(4) }}</view> <view style="width: 500; font-size: 48rpx; color: #fff; line-height: 110rpx;">{{power.score.toFixed(2) }}</view>
<view style="float: left; width: 30%;"> <view style="float: left; width: 30%;">
<view style="width: 400; font-size: 12px; color: #fff;">{{$t('power.text2')}}</view> <view style="width: 400; font-size: 24rpx; color: #fff;">{{$t('power.text2')}}</view>
<view style="width: 400; font-size: 16px; color: #fff; line-height: 35px;">{{power.total.toFixed(4)}}</view> <view style="width: 400; font-size: 32rpx; color: #fff; line-height: 70rpx;">{{power.total.toFixed(2)}}</view>
</view> </view>
<view style="width: 30%; float: left; margin-left: 5%;"> <view style="width: 30%; float: left; margin-left: 5%;">
<view style="width: 400; font-size: 12px; color: #fff; text-align: center;">{{$t('power.text3')}}</view> <view style="width: 400; font-size: 24rpx; color: #fff; text-align: center;">{{$t('power.text3')}}</view>
<view style="width: 400; font-size: 16px; color: #fff; line-height: 35px; text-align: center;">{{power.notfinished.toFixed(4)}}</view> <view style="width: 400; font-size: 32rpx; color: #fff; line-height: 70rpx; text-align: center;">{{power.notfinished.toFixed(2)}}</view>
</view> </view>
<view style="width: 30%; float: left; margin-left: 5%;"> <view style="width: 30%; float: left; margin-left: 5%;">
<view style="width: 400; font-size: 12px; color: #fff; text-align: right;">{{$t('power.text4')}}</view> <view style="width: 400; font-size: 24rpx; color: #fff; text-align: right;">{{$t('power.text4')}}</view>
<view style="width: 400; font-size: 16px; color: #fff; line-height: 35px; text-align: right;">{{power.expired.toFixed(4)}}</view> <view style="width: 400; font-size: 32rpx; color: #fff; line-height: 70rpx; text-align: right;">{{power.expired.toFixed(2)}}</view>
</view> </view>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
<view style="width: 92%; margin: 10px auto;"> <view style="width: 92%; margin: 20rpx auto;">
<view class="cell_list" style="padding: 15px 0px; border-bottom: none;"> <view class="cell_list" style="padding: 30rpx 0rpx; border-bottom: none;">
<view style="color: #333; font-size: 18px; font-weight: 600;">{{$t('power.text5')}}</view> <view style="color: #333; font-size: 36rpx; font-weight: 600;">{{$t('power.text5')}}</view>
<view class="cell_right" @click="dialogVisible=true">{{$t('power.text6')}} <view class="cell_right" @click="dialogVisible=true">{{$t('power.text6')}}
<uni-icons size="20" type="help-filled" style="float: right; margin-left: 5px;"></uni-icons> <uni-icons size="20" type="help-filled" style="float: right; margin-left: 10rpx;"></uni-icons>
</view> </view>
</view> </view>
<view class="cell_list" style="border-bottom: 1px solid #ddd;" v-for="item in list" :key="item.id"> <view class="cell_list" style="border-bottom: 2rpx solid #ddd;" v-for="item in list" :key="item.id">
<view class="t">{{item.type}}<view class="d">{{item.created_at.slice(0, 19)}}</view></view> <view class="t">{{item.type}}<view class="d">{{item.created_at.slice(0, 19)}}</view></view>
<view class=" u1" style="color: #1D61E7; text-align: right;">{{item.amount}} <view class=" u1" style="color: #1D61E7; text-align: right;">{{item.amount}}
<view class="d" style="text-align: right; ">{{$t('power.text7')}}：{{item.after}}</view></view> <view class="d" style="text-align: right; ">{{$t('power.text7')}}：{{item.after}}</view></view>
</view> </view>
<view style="text-align: center; padding-bottom: 80px;" v-if="list.length <= 0"> <view style="text-align: center; padding-bottom: 160rpx;" v-if="list.length <= 0">
<image style="width: 360rpx; height: 360rpx; margin: 160rpx auto 0rpx auto;" src="/static/images/w5.png" mode="cover"></image> <image style="width: 360rpx; height: 360rpx; margin: 160rpx auto 0rpx auto;" src="/static/images/w5.png" mode="cover"></image>
<view style="color: #999; font-size: 14px; font-weight: 400;">{{$t('nodata')}}</view> <view style="color: #999; font-size: 28rpx; font-weight: 400;">{{$t('nodata')}}</view>
</view> </view>
</view> </view>
@ -42,10 +43,10 @@
<view class="popup_title"> <view class="popup_title">
<view style="text-align: center; width: 100%; font-weight: bold;">{{$t('power.text6')}}</view> <view style="text-align: center; width: 100%; font-weight: bold;">{{$t('power.text6')}}</view>
</view> </view>
<view class="popup_content" style="margin-top: -3px;"> <view class="popup_content" style="margin-top: -6rpx;">
<view style="border-bottom: 1px solid #ddd; padding-bottom: 20px; line-height: 25px; text-align: left;">{{$t('power.text8')}}</view> <view style="border-bottom: 2rpx solid #ddd; padding-bottom: 40rpx; line-height: 50rpx; text-align: left;">{{$t('power.text8')}}</view>
<view style="margin-top: 10px;"> <view style="margin-top: 20px;">
<view style="width: 100%; text-align: center; color: #1D61E7; font-size: 16px;" @click="onPageJump('/pages/questionnaire/index')">{{$t('power.text9')}}</view> <view style="width: 100%; text-align: center; color: #1D61E7; font-size: 32rpx;" @click="onPageJump('/pages/questionnaire/index')">{{$t('power.text9')}}</view>
</view> </view>
</view> </view>
</view> </view>
@ -55,6 +56,7 @@
</template> </template>
<script> <script>
import { getUserInfo } from '@/config/utils';
import zPrompt from '@/components/common/prompt'; import zPrompt from '@/components/common/prompt';
import Popup from '@/components/common/popup'; import Popup from '@/components/common/popup';
import { import {
@ -75,7 +77,8 @@
notfinished: 0.0000, notfinished: 0.0000,
expired: 0.0000 expired: 0.0000
}, },
list: [] list: [],
user: {}
}; };
}, },
computed: { computed: {
@ -88,10 +91,14 @@
uni.hideLoading(); uni.hideLoading();
}else{ }else{
this.getlist(); this.getlist();
this.power.score = parseFloat(this.userInfo.score); getUserInfo(this.$i18n.locale).then(res => {
this.power.notfinished = parseFloat(this.userInfo.currency2 == null ? 0 : this.userInfo.currency2); this.user = res;
this.power.expired = parseFloat(this.userInfo.currency2 == null ? 0 : this.userInfo.currency2); this.power.score = parseFloat(this.user.score);
this.power.total = this.power.notfinished + this.power.expired; this.power.notfinished = parseFloat(this.user.currency1 == null ? 0 : this.user.currency1);
this.power.expired = parseFloat(this.user.currency2 == null ? 0 : this.user.currency2);
this.power.total = parseFloat(this.user.power_total == null ? 0 :this.user.power_total);
});
} }
}, },
@ -111,6 +118,17 @@
} }
}); });
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
onPageJump(url) { onPageJump(url) {
uni.switchTab({ uni.switchTab({
url: url url: url
@ -181,25 +199,25 @@
border-bottom-right-radius: 40upx; border-bottom-right-radius: 40upx;
} }
.wallet1{ .wallet1{
border-radius: 10px; padding: 20px 15px; width: 92%; margin: 10px auto; border-radius: 20rpx; padding: 40rpx 30rpx; width: 92%; margin: 20rpx auto;
background: url('/static/images/c1.png') #2B66F6;background-size: 30%; background-repeat: no-repeat; background-position: 92% 5px; background: url('/static/images/c1.png') #2B66F6;background-size: 30%; background-repeat: no-repeat; background-position: 92% 10rpx;
} }
.cell_list .t{ .cell_list .t{
color: #3d3d3d; font-size: 16px; font-weight: 400; line-height: 25px; color: #3d3d3d; font-size: 32rpx; font-weight: 400; line-height: 50rpx;
} }
.cell_list .d{ .cell_list .d{
color: #3d3d3d; font-size: 14px; font-weight: 400; line-height: 25px; color: #3d3d3d; font-size: 28rpx; font-weight: 400; line-height: 50rpx;
} }
.cell_list .u{ .cell_list .u{
color: #1D61E7; font-weight: 600;float: right; font-size: 16px; color: #1D61E7; font-weight: 600;float: right; font-size: 32rpx;
} }
.cell_list .u1{ .cell_list .u1{
color: #333; font-weight: 600;float: right;font-size: 16px; color: #333; font-weight: 600;float: right;font-size: 32rpx;
} }
.w{ .w{
background-color: #F8F8F8; border-radius: 10px; padding: 20px 10px; background-color: #F8F8F8; border-radius: 10px; padding: 40rpx 20rpx;
} }
.w .t{ .w .t{
text-align: center; margin-top: 10px; font-size: 14px; text-align: center; margin-top: 20rpx; font-size: 28rpx;
} }
</style> </style>

49
pages/promotion/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<view class="minebg"> <view class="minebg">
<uni-nav-bar title="" backgroundColor="rgba(0, 0, 0, 1);" :shadow="false" :border="false" height="50rpx"></uni-nav-bar> <uni-nav-bar title="" backgroundColor="rgba(0, 0, 0, 1);" :shadow="false" :border="false" :fixed="true" height="50rpx"></uni-nav-bar>
<view class="v2"> <view class="v2">
<view style="width: 160rpx; float: left;" @click="onTokenJump('/pages/mine/info')"> <view style="width: 160rpx; float: left;" @click="onTokenJump('/pages/mine/info')">
<image style="width: 140rpx; height: 140rpx" :src="url" fit="cover"></image> <image style="width: 140rpx; height: 140rpx" :src="url" fit="cover"></image>
@ -14,46 +14,46 @@
style="background-color: #1677FF; color: #fff; font-size: 30rpx; height: 70rpx; line-height: 70rpx; style="background-color: #1677FF; color: #fff; font-size: 30rpx; height: 70rpx; line-height: 70rpx;
width: 200rpx; float: right; margin-top: 20rpx;"> width: 200rpx; float: right; margin-top: 20rpx;">
<uni-icons size="20" type="gift" style="color: #fff;"></uni-icons>{{$t('promotion.text1')}}</button> <uni-icons size="20" type="gift" style="color: #fff;"></uni-icons>{{$t('promotion.text1')}}</button>
<span style="font-size: 14px; font-weight: 400; float: left;">ID：{{user.id}}</span> <span style="font-size: 28rpx; font-weight: 400; float: left;">ID：{{user.id}}</span>
<image class="i" src="/static/images/copy.png" @click="copy(user.id)" mode="cover"></image> <image class="i" src="/static/images/copy.png" @click="copy(user.id)" mode="cover"></image>
</view> </view>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
<view class="v3"> <view class="v3">
<view style="padding: 0rpx 20rpx;"> <view style="padding: 0rpx 20rpx;">
<view style="font-size: 16px; font-weight: 600; color: #3d3d3d;">{{$t('promotion.text2')}}</view> <view style="font-size: 32rpx; font-weight: 600; color: #3d3d3d;">{{$t('promotion.text2')}}</view>
<view style="font-weight: 500; padding: 10px 0px; font-size: 14px; color: #999; margin-top: 10px; text-align: center; background-color: #F8F8F8;"> <view style="font-weight: 500; padding: 20rpx 0rpx; font-size: 14px; color: #999; margin-top: 20rpx; text-align: center; background-color: #F8F8F8;">
<view class="cell_list" style="background-color: #F8F8F8; padding: 10rpx 15px;"> <view class="cell_list" style="background-color: #F8F8F8; padding: 10rpx 30rpx;">
<view class="cell_left txt">{{$t('promotion.text3')}}</view> <view class="cell_left txt">{{$t('promotion.text3')}}</view>
<view class="cell_right" style="font-size: 18px; font-weight: 500;">{{team.total_count}}</view> <view class="cell_right" style="font-size: 36rpx; font-weight: 500;">{{team.total_count}}</view>
</view> </view>
<view class="cell_list" style="background-color: #F8F8F8; padding: 10rpx 15px;;"> <view class="cell_list" style="background-color: #F8F8F8; padding: 10rpx 30rpx;">
<view class="cell_left txt">{{$t('promotion.text4')}}</view> <view class="cell_left txt">{{$t('promotion.text4')}}</view>
<view class="cell_right" style="font-size: 18px; font-weight: 500;">{{team.direct_total}}</view> <view class="cell_right" style="font-size: 36rpx; font-weight: 500;">{{team.direct_total}}</view>
</view> </view>
<view class="cell_list" style="background-color: #F8F8F8; padding: 10rpx 15px;;"> <view class="cell_list" style="background-color: #F8F8F8; padding: 10rpx 30rpx;">
<view class="cell_left txt">{{$t('promotion.text5')}}</view> <view class="cell_left txt">{{$t('promotion.text5')}}</view>
<view class="cell_right" style="font-size: 18px; font-weight: 500;">{{parseFloat(team.resultsRegion).toFixed(4)}}</view> <view class="cell_right" style="font-size: 36rpx; font-weight: 500;">{{parseFloat(team.resultsRegion).toFixed(4)}}</view>
</view> </view>
<view class="cell_list" style="background-color: #F8F8F8; padding: 10rpx 15px;;"> <view class="cell_list" style="background-color: #F8F8F8; padding: 10rpx 30rpx;">
<view class="cell_left txt">{{$t('promotion.text6')}}</view> <view class="cell_left txt">{{$t('promotion.text6')}}</view>
<view class="cell_right" style="font-size: 18px; font-weight: 500;">{{parseFloat(team.resultsCell).toFixed(4)}}</view> <view class="cell_right" style="font-size: 36rpx; font-weight: 500;">{{parseFloat(team.resultsCell).toFixed(4)}}</view>
</view> </view>
</view> </view>
</view> </view>
</view> </view>
<view style="width: 94%; margin: 0px auto;"> <view style="width: 94%; margin: 0rpx auto;">
<view class="cell_list" style="padding: 15px 10px;"> <view class="cell_list" style="padding: 30rpx 20rpx;">
<view style="color: #3d3d3d; font-size: 16px; font-weight: 600;">{{$t('promotion.text7')}}</view> <view style="color: #3d3d3d; font-size: 32rpx; font-weight: 600;">{{$t('promotion.text7')}}</view>
<view class="cell_right arrow" style="color: #999;" @click="onPageJump('/pages/promotion/list')">{{$t('promotion.text8')}}</view> <view class="cell_right arrow" style="color: #999;" @click="onPageJump('/pages/promotion/list')">{{$t('promotion.text8')}}</view>
</view> </view>
<uni-row :gutter="10" v-for="(item, index) in list" :key="index" :style="index==0 ? '' : 'margin-top: 30px;'"> <uni-row :gutter="10" v-for="(item, index) in list" :key="index" :style="index==0 ? '' : 'margin-top: 60rpx;'">
<uni-col :span="6" style="text-align: center;"> <uni-col :span="6" style="text-align: center;">
<image style="width: 60px; height: 60px; margin: auto;" :src="url" fit="cover"></image> <image style="width: 120rpx; height: 120rpx; margin: auto;" :src="url" fit="cover"></image>
</uni-col> </uni-col>
<uni-col :span="18"> <uni-col :span="18">
<view style="font-weight: 600; font-size: 16px; color: #3d3d3d;">{{item.username}}</view> <view style="font-weight: 600; font-size: 32rpx; color: #3d3d3d;">{{item.username}}</view>
<view style="font-size: 12px; font-weight: 400; color: #999; line-height: 40rpx;"> <view style="font-size: 24rpx; font-weight: 400; color: #999; line-height: 40rpx;">
ID：{{item.id}}<br> ID：{{item.id}}<br>
{{$t('promotion.text9')}}: {{item.created_at}}<br> {{$t('promotion.text9')}}: {{item.created_at}}<br>
{{$t('promotion.text10')}}: <span style="color: #333; font-weight: 500; margin-left: 6rpx;"> {{parseFloat(item.performance_large).toFixed(4)}}</span><br> {{$t('promotion.text10')}}: <span style="color: #333; font-weight: 500; margin-left: 6rpx;"> {{parseFloat(item.performance_large).toFixed(4)}}</span><br>
@ -62,11 +62,12 @@
</uni-col> </uni-col>
</uni-row> </uni-row>
<view style="text-align: center; padding-bottom: 80px;" v-if="list.length <= 0"> <view style="text-align: center; padding-bottom: 160rpx;" v-if="list.length <= 0">
<image style="width: 360rpx; height: 180px; margin: 50rpx auto 0rpx auto;" src="/static/images/w5.png" fit="cover"></image> <image style="width: 360rpx; height: 360rpx; margin: 50rpx auto 0rpx auto;" src="/static/images/w5.png" fit="cover"></image>
<view style="color: #999; font-size: 14px; font-weight: 400;">{{$t('nodata')}}</view> <view style="color: #999; font-size: 28rpx; font-weight: 400;">{{$t('nodata')}}</view>
</view> </view>
</view> </view>
<zNavigation></zNavigation>
</view> </view>
</template> </template>
@ -202,10 +203,10 @@
font-family: Poppins, Poppins; font-family: Poppins, Poppins;
} }
.cell_list .cell_right.arrow::after{ .cell_list .cell_right.arrow::after{
height: 8px !important; height: 16rpx !important;
} }
.minebg .v2 .login1{ .minebg .v2 .login1{
width: 75%; float: left; font-size: 16pt; font-weight: 700; height:160rpx; line-height: 60upx; padding-top: 10px; width: 75%; float: left; font-size: 16pt; font-weight: 700; height:160rpx; line-height: 60upx; padding-top: 20rpx;
} }
.minebg .v2 .login1 .s{ .minebg .v2 .login1 .s{
white-space: nowrap; /* 禁止换行 */ white-space: nowrap; /* 禁止换行 */

27
pages/promotion/invite.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<view> <view>
<nav-bar title="Invite" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true" title="Invite" backgroundColor="#fff"></uni-nav-bar>
<canvas canvas-id="poster" class="poster_canvas"></canvas> <canvas canvas-id="poster" class="poster_canvas"></canvas>
<view class="minebg"> <view class="minebg">
<view class="v1"> <view class="v1">
@ -24,7 +24,7 @@
@result="qrResult" @result="qrResult"
style="margin: 10rpx auto; text-align: center;"/> style="margin: 10rpx auto; text-align: center;"/>
</view> </view>
<view style="padding: 0px 10%;"> <view style="padding: 0rpx 10%;">
<button type="primary" class="b1" @click="onSaveImg"> <button type="primary" class="b1" @click="onSaveImg">
<uni-icons type="download" size="20" color="#fff"></uni-icons> <uni-icons type="download" size="20" color="#fff"></uni-icons>
<text style="margin-left: 10rpx;">{{$t('invite.text1')}}</text> <text style="margin-left: 10rpx;">{{$t('invite.text1')}}</text>
@ -111,6 +111,17 @@
uni.showToast({title: this.$t('copySuccess'), icon: 'none'}); uni.showToast({title: this.$t('copySuccess'), icon: 'none'});
}); });
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
qrResult(e) { qrResult(e) {
this.result = e; this.result = e;
}, },
@ -277,24 +288,24 @@
background-size: 100%; background-size: 100%;
background-repeat: repeat-x; background-repeat: repeat-x;
font-family: Poppins, Poppins; font-family: Poppins, Poppins;
padding: 94% 0px 0px 0px; padding: 94% 0rpx 0rpx 0rpx;
} }
.minebg .v1{ .minebg .v1{
margin: auto; width: 60%; border-radius: 20px; margin: auto; width: 60%; border-radius: 40rpx;
background-color: #000; font-size: 36rpx; background-color: #000; font-size: 36rpx;
height: 50px; color: #fff; height: 100rpx; color: #fff;
text-align: center; line-height: 50px; text-align: center; line-height: 100rpx;
} }
.minebg .v1 .i{ .minebg .v1 .i{
width: 40rpx; height: 40rpx; margin-right: 30rpx; float: right; margin-top: 30rpx; width: 40rpx; height: 40rpx; margin-right: 30rpx; float: right; margin-top: 30rpx;
} }
.minebg .b1{ .minebg .b1{
background-color: #000; color: #fff; float: left; border-radius: 20px; background-color: #000; color: #fff; float: left; border-radius: 40rpx;
width: 47%; width: 47%;
} }
.minebg .b2{ .minebg .b2{
background-color: #fff; color: #000; float: left; background-color: #fff; color: #000; float: left;
border-radius: 20px; margin-left: 6%; width: 47%; border-radius: 40rpx; margin-left: 6%; width: 47%;
} }
.h5_press_save { .h5_press_save {
background-color: #000; background-color: #000;

46
pages/promotion/list.vue
View File

@ -1,25 +1,25 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('promotionList.title')" bgColor="#F5f5f5"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true" :title="$t('promotionList.title')" backgroundColor="#fff"></uni-nav-bar>
<uni-row :gutter="0"> <uni-row :gutter="0">
<uni-col :span="24"> <uni-col :span="24">
<view class="wallet1"> <view class="wallet1">
<view style="width: 400; font-size: 12px; color: #fff;">{{$t('promotionList.text1')}}</view> <view style="width: 400; font-size: 24rpx; color: #fff;">{{$t('promotionList.text1')}}</view>
<view style="width: 500; font-size: 24px; color: #fff; line-height: 55px;">{{parseFloat(this.team.direct_total).toFixed(4)}}</view> <view style="width: 500; font-size: 48rpx; color: #fff; line-height: 110rpx;">{{parseFloat(this.team.direct_total).toFixed(4)}}</view>
</view> </view>
</uni-col> </uni-col>
</uni-row> </uni-row>
<view style="width: 94%; margin: 0px auto;"> <view style="width: 94%; margin: 0rpx auto;">
<uni-row :gutter="10" style="margin-top: 15px;" v-for="(item, index) in list" :key="index" :style="index==0 ? '' : 'margin-top: 30px;'"> <uni-row :gutter="10" style="margin-top: 30rpx;" v-for="(item, index) in list" :key="index" :style="index==0 ? '' : 'margin-top: 60rpx;'">
<uni-col :span="6" style="text-align: center;"> <uni-col :span="6" style="text-align: center;">
<uni-badge class="uni-badge-left-margin" text="V10" absolute="leftBottom" :offset="[25, 8]" <uni-badge class="uni-badge-left-margin" text="V10" absolute="leftBottom" :offset="[25, 8]"
:customStyle="{background: getBg(10)}" size="small"> :customStyle="{background: getBg(10)}" size="small">
<image style="width: 60px; height: 60px; margin: auto;" :src="url" fit="cover"></image> <image style="width: 120rpx; height: 120rpx; margin: auto;" :src="url" fit="cover"></image>
</uni-badge> </uni-badge>
</uni-col> </uni-col>
<uni-col :span="18"> <uni-col :span="18">
<view style="font-weight: 500; font-size: 16px; color: #3d3d3d;">{{item.username}}</view> <view style="font-weight: 500; font-size: 32rpx; color: #3d3d3d;">{{item.username}}</view>
<view style="font-size: 12px; font-weight: 400; color: #999; line-height: 40rpx;"> <view style="font-size: 24rpx; font-weight: 400; color: #999; line-height: 40rpx;">
ID：{{item.id}}<br> ID：{{item.id}}<br>
{{$t('promotion.text9')}}: {{item.created_at}}<br> {{$t('promotion.text9')}}: {{item.created_at}}<br>
{{$t('promotion.text10')}}: <span style="color: #333; font-weight: 500; margin-left: 6rpx;">{{parseFloat(item.performance_large).toFixed(4)}}</span><br> {{$t('promotion.text10')}}: <span style="color: #333; font-weight: 500; margin-left: 6rpx;">{{parseFloat(item.performance_large).toFixed(4)}}</span><br>
@ -107,6 +107,17 @@
}); });
}); });
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
handleClose(done) { handleClose(done) {
this.dialogVisible = false; this.dialogVisible = false;
}, },
@ -142,28 +153,29 @@
::v-deep .uni-badge{padding: 4rpx 20rpx;} ::v-deep .uni-badge{padding: 4rpx 20rpx;}
.page{min-height: 100vh;} .page{min-height: 100vh;}
.dialog{ .dialog{
text-align: center; border-radius: 20px; text-align: center; border-radius: 40rpx;
} }
.wallet1{ .wallet1{
border-radius: 10px; padding: 20px 15px 10px 15px; width: 84%; margin: 10px auto; border-radius: 20rpx; padding: 40rpx 30rpx 20rpx 30rpx; width: 84%; margin: 20rpx auto;
background: url('/static/images/c1.png') #2B66F6; background-repeat: no-repeat; background-position: 92% 5px; background: url('/static/images/c1.png') #2B66F6; background-repeat: no-repeat; background-position: 92% 10rpx;
background-size: 40%;
} }
.cell_list .t{ .cell_list .t{
color: #3d3d3d; font-size: 16px; font-weight: 400; line-height: 25px; color: #3d3d3d; font-size: 32rpx; font-weight: 400; line-height: 50rpx;
} }
.cell_list .d{ .cell_list .d{
color: #3d3d3d; font-size: 14px; font-weight: 400; line-height: 25px; color: #3d3d3d; font-size: 28rpx; font-weight: 400; line-height: 50rpx;
} }
.cell_list .u{ .cell_list .u{
color: #1D61E7; font-weight: 600;float: right; font-size: 16px; color: #1D61E7; font-weight: 600;float: right; font-size: 32rpx;
} }
.cell_list .u1{ .cell_list .u1{
color: #333; font-weight: 600;float: right;font-size: 16px; color: #333; font-weight: 600;float: right;font-size: 32rpx;
} }
.w{ .w{
background-color: #F8F8F8; border-radius: 10px; padding: 20px 10px; background-color: #F8F8F8; border-radius: 20rpx; padding: 40rpx 20rpx;
} }
.w .t{ .w .t{
text-align: center; margin-top: 10px; font-size: 14px; text-align: center; margin-top: 20rpx; font-size: 28rpx;
} }
</style> </style>

306
pages/questionnaire/answer.vue
View File

@ -1,11 +1,11 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('answer.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true" :title="$t('answer.title')" backgroundColor="#fff"></uni-nav-bar>
<!-- 内容切换 --> <!-- 内容切换 -->
<view class="content"> <view class="content">
<view class="v2" style="margin-top: 20rpx"> <!-- <view class="v2" style="margin-top: 20rpx" v-if="step==10">
<view class="title">{{detail.questionnaire.title}}</view> <view class="title">{{detail.questionnaire.title}}</view>
<view style="font-weight: 400;font-size: 14px;color: #999999;">{{$t('answer.text1')}}: {{detail.created_at}}</view> <view style="font-weight: 400;font-size: 28rpx;color: #999999;">{{$t('answer.text1')}}: {{detail.created_at}}</view>
<view v-for="(item, index) in detail.questionnaire.body" :key="index" style="margin-top: 30rpx;" :id="'item'+index"> <view v-for="(item, index) in detail.questionnaire.body" :key="index" style="margin-top: 30rpx;" :id="'item'+index">
<view style="font-size: 28rpx; color: #333; font-weight: 600;"> <view style="font-size: 28rpx; color: #333; font-weight: 600;">
<view style="float: left; width: 8%;" :class="ans==index? 'ans' : ''">{{index+1}})</view> <view style="float: left; width: 8%;" :class="ans==index? 'ans' : ''">{{index+1}})</view>
@ -28,6 +28,140 @@
</view> </view>
</view> </view>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> -->
<view class="v2" v-if="step==1">
<view style="width: 50%; margin: 20rpx auto; background-color: #f8f8f8; text-align: center;
padding: 30rpx 50rpx; font-size: 32rpx; color: #333;">
Step one：<span style="color: #1D61E7">{{step}}</span>/5
</view>
<view><image src="/static/images/step1.png" style="width: 60%; margin: auto;" mode="widthFix"></image></view>
<view style="font-size: 36rpx; font-weight: 600; text-align: center; color: #3d3d3d;">
ACTIVATING EXTREME INTELLIGENCE CLOUD BRAIN
</view>
<view style="font-size: 28rpx; font-weight: 400; text-align: center; color: #999; margin-top: 10rpx;">
START-UP PROCESS TAKES 5 TO 15 SECONDS
</view>
<view>
<view style="color:#1D61FF; font-size: 28rpx; text-align: center; font-weight: 500;
margin-top: 60rpx;">Loading...{{b}}%</view>
<view style="width: 80%; margin: auto;">
<slider :value="b" :disabled="true" style="height: 24rpx;" min="0" max="100" step="0.01" />
</view>
</view>
</view>
<view class="v2" v-if="step==2">
<view style="width: 50%; margin: 20rpx auto; background-color: #f8f8f8; text-align: center;
padding: 30rpx 50rpx; font-size: 32rpx; color: #333;">
Step two：<span style="color: #1D61E7">{{step}}</span>/5
</view>
<view><image src="/static/images/step2.png" style="width: 60%; margin: auto;" mode="widthFix"></image></view>
<view style="font-size: 36rpx; font-weight: 600; text-align: center; color: #3d3d3d;">
CONFIGURING THE NETWORK ENVIRONMENT
</view>
<view style="font-size: 28rpx; font-weight: 400; text-align: center; color: #999; margin-top: 10rpx;">
THE PROCESS OF CONFIGURING THE OVEERSEAS HTTP PROXY TAKES 10 TO 20 SECONDS
</view>
<view>
<view style="color:#1D61FF; font-size: 28rpx; text-align: center; font-weight: 500;
margin-top: 60rpx;">Loading...{{b}}%</view>
<view style="width: 80%; margin: auto;">
<slider :value="b" :disabled="true" style="height: 24rpx;" min="0" max="100" step="0.01" />
</view>
</view>
</view>
<view class="v2" v-if="step==3">
<view style="width: 50%; margin: 20rpx auto; background-color: #f8f8f8; text-align: center;
padding: 30rpx 50rpx; font-size: 32rpx; color: #333;">
Step three：<span style="color: #1D61E7">{{step}}</span>/5
</view>
<view><image src="/static/images/step3.png" style="width: 60%; margin: auto;" mode="widthFix"></image></view>
<view style="font-size: 36rpx; font-weight: 600; text-align: center; color: #3d3d3d;">
OPENING FINGERPRINT BROWSER
</view>
<view style="font-size: 28rpx; font-weight: 400; text-align: center; color: #999; margin-top: 10rpx;">
CONFIGURING A NEW BROWSER TAKES 10 TO 20 SECONDS
</view>
<view>
<view style="color:#1D61FF; font-size: 28rpx; text-align: center; font-weight: 500;
margin-top: 60rpx;">Loading...{{b}}%</view>
<view style="width: 80%; margin: auto;">
<slider :value="b" :disabled="true" style="height: 24rpx;" min="0" max="100" step="0.01" />
</view>
</view>
</view>
<view class="v2" v-if="step==4">
<view style="width: 50%; margin: 20rpx auto; background-color: #f8f8f8; text-align: center;
padding: 30rpx 50rpx; font-size: 32rpx; color: #333;">
Step four：<span style="color: #1D61E7">{{step}}</span>/5
</view>
<view><image src="/static/images/step4.png" style="width: 60%; margin: auto;" mode="widthFix"></image></view>
<view style="font-size: 36rpx; font-weight: 600; text-align: center; color: #3d3d3d;">
BROWSER IMPORT TARGET QUESTIONNAIRE
</view>
<view style="font-size: 28rpx; font-weight: 400; text-align: center; color: #999; margin-top: 10rpx;">
THE IMPORT PROCESS TAKES 10 TO 20 SECONDS
</view>
<view>
<view style="color:#1D61FF; font-size: 28rpx; text-align: center; font-weight: 500;
margin-top: 60rpx;">Loading...{{b}}%</view>
<view style="width: 80%; margin: auto;">
<slider :value="b" :disabled="true" style="height: 24rpx;" min="0" max="100" step="0.01" />
</view>
</view>
</view>
<view class="v2" v-if="step==5">
<view style="width: 50%; margin: 20rpx auto; background-color: #f8f8f8; text-align: center;
padding: 30rpx 50rpx; font-size: 32rpx; color: #333;">
Step five：<span style="color: #1D61E7">{{step}}</span>/5
</view>
<view><image src="/static/images/step5.png" style="width: 60%; margin: auto;" mode="widthFix"></image></view>
<view style="font-size: 36rpx; font-weight: 600; text-align: center; color: #3d3d3d;">
MATCHING VIRTUAL CHARACTER
</view>
<view style="font-size: 28rpx; font-weight: 400; text-align: center; color: #999; margin-top: 10rpx;">
THE MATCHING PROCESS TAKES 10 TO 20 SECONDS
</view>
<view>
<view style="color:#1D61FF; font-size: 28rpx; text-align: center; font-weight: 500;
margin-top: 60rpx;">Loading...{{b}}%</view>
<view style="width: 80%; margin: auto;">
<slider :value="b" :disabled="true" style="height: 24rpx;" min="0" max="100" step="0.01" />
</view>
</view>
</view>
<view class="v2" v-if="step==6">
<view style="background: url('/static/images/step6-2.png');
background-repeat: no-repeat;
background-position: center bottom;
background-size: 50%;
padding-bottom: 150rpx;
margin-bottom: 40rpx;">
<image src="/static/images/step6-1.png" class="bounce-image" style="width: 40%; margin: auto;" mode="widthFix"></image></view>
<view style="font-size: 32rpx; font-weight: 600; text-align: left; color: #3d3d3d;">
Q{{ans}}：{{detail.q}}
</view>
<view style="font-size: 32rpx; font-weight: 400; color: #3d3d3d;">
<uni-row style="margin-top: 40rpx;" v-for="(item, index) in detail.a" :key="index">
<radio-group style="width: 100%;">
<uni-col :span="2">{{String.fromCharCode(65+index)}} :</uni-col>
<uni-col :span="21">
{{item}}
</uni-col>
<uni-col :span="1">
<radio style="width: 100%;" :checked="answer == index" ></radio>
</uni-col>
</radio-group>
</uni-row>
</view>
</view>
<view class="v2" v-if="step==7">
<view><image src="/static/images/step7.png" style="width: 40%; margin: 60rpx auto;" mode="widthFix"></image></view>
<view style="font-size: 36rpx; font-weight: 600; text-align: center; color: #3d3d3d;">
COMPLETED THE CURRENT QUESTIONNAIRE
</view>
<view>
<button style="width: 40%; margin: 40rpx auto; background-color: #1D61E7; color: #fff; border-radius: 30rpx;">BACK</button>
</view>
</view> </view>
</view> </view>
<view class="h5_press_save"> <view class="h5_press_save">
@ -48,16 +182,20 @@
}, },
data() { data() {
return { return {
step: -1,
stepvalue: 0,
detail:{ detail:{
questionnaire:{ q:'',
title:'' a:[],
} r:-1
}, },
answer: -1,
msg:'', msg:'',
ans: -1, ans: -1,
oldans: -1, oldans: -1,
id: 0, id: 0,
top: 0, top: 0,
b: 0,
}; };
}, },
computed: { computed: {
@ -76,41 +214,117 @@
//页面显示 //页面显示
onShow() {}, onShow() {},
methods: { methods: {
goto(url, type) {
console.log(url);
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack();
}
uni.navigateTo({
url: url
})
},
getDetails(id){ getDetails(id){
this.$http.post('/api/server/detail?server_id='+id+'&lang='+this.$i18n.locale).then(res => { this.$http.post('/api/server/detail?server_id='+id+'&lang='+this.$i18n.locale).then(res => {
if(res.code == 0){ if(res.code == 0){
this.detail = res.data; this.answer = -1;
uni.hideLoading(); uni.hideLoading();
if(parseInt(this.detail.step_text.status) === 8888){ if(parseInt(res.data.step_text.status) === 8888){
//答题中 //答题中
this.msg = this.detail.step_text.msg; this.step = 6;
this.ans = this.detail.step_text.index-1; this.msg = res.data.step_text.msg;
for(let i = 0; i<this.detail.step_text.index; i++){ this.ans = res.data.step_text.index-1;
this.detail.questionnaire.body[i].Res = this.detail.answer[i]; this.detail.q = res.data.questionnaire.body[this.ans].question;
this.detail.a = res.data.questionnaire.body[this.ans].answer;
this.detail.r = res.data.answer[this.ans];
}else if(parseInt(res.data.step_text.status) === 9999){
this.msg = res.data.step_text.msg;
if(res.data.step_text.msg === "bootstrap"){
this.step = 1;
this.stepvalue = 0;
this.b = 0;
const interId = setInterval(() => {
this.stepvalue = this.stepvalue + 5;
this.b = (this.stepvalue * 10 / res.data.step_text.remaining_seconds).toFixed(2);
if(this.b > 100){
this.b = 100;
} }
if(this.ans != this.oldans){ if(parseInt(res.data.step_text.remaining_seconds) * 10 < this.stepvalue){
this.$nextTick(() => { clearInterval(interId);
this.getElementTop(this.ans); }
this.oldans = this.detail.step_text.index-1; }, 500);
}); }else if(res.data.step_text.msg === "http_proxy"){
this.stepvalue = 0;
this.step = 2;
this.b = 0;
const interId2 = setInterval(() => {
this.stepvalue = this.stepvalue + 5;
this.b = (this.stepvalue * 10 / res.data.step_text.remaining_seconds).toFixed(2);
if(this.b > 100){
this.b = 100;
}
if(parseInt(res.data.step_text.remaining_seconds) * 10 < this.stepvalue){
clearInterval(interId2);
}
}, 500);
}else if(res.data.step_text.msg === "browser_env"){
this.stepvalue = 0;
this.step = 3;
this.b = 0;
const interId3 = setInterval(() => {
this.stepvalue = this.stepvalue + 5;
this.b = (this.stepvalue * 10 / res.data.step_text.remaining_seconds).toFixed(2);
if(this.b > 100){
this.b = 100;
}
if(parseInt(res.data.step_text.remaining_seconds) * 10 < this.stepvalue){
clearInterval(interId3);
}
}, 500);
}else if(res.data.step_text.msg === "enter_questionnaire"){
this.stepvalue = 0;
this.step = 4;
this.b = 0;
const interId4 = setInterval(() => {
this.stepvalue = this.stepvalue + 5;
this.b = (this.stepvalue * 10 / res.data.step_text.remaining_seconds).toFixed(2);
if(this.b > 100){
this.b = 100;
}
if(parseInt(res.data.step_text.remaining_seconds) * 10 < this.stepvalue){
clearInterval(interId4);
}
}, 500);
}else if(res.data.step_text.msg === "match_virtual_person"){
this.stepvalue = 0;
this.step = 5;
this.b = 0;
const interId5 = setInterval(() => {
this.stepvalue = this.stepvalue + 5;
this.b = (this.stepvalue * 10 / res.data.step_text.remaining_seconds).toFixed(2);
if(this.b > 100){
this.b = 100;
}
if(parseInt(res.data.step_text.remaining_seconds) * 10 < this.stepvalue){
clearInterval(interId5);
}
}, 500);
} }
}else if(parseInt(this.detail.step_text.status) === 9999){
this.msg = this.detail.step_text.msg;
}else{ }else{
this.msg = this.detail.step_text.msg; if(res.data.step_text.status === 2){
this.ans = this.detail.questionnaire.body.length-1; this.step =7;
for(let i = 0; i<=this.ans; i++){
this.detail.questionnaire.body[i].Res = this.detail.answer[i];
} }
this.$nextTick(() => {
this.getElementTop(this.ans);
});
} }
if(parseInt(this.detail.step_text.status) !== 2){ if(parseInt(res.data.step_text.status) !== 2){
const seconds = parseInt(this.detail.step_text.remaining_seconds) + 1; const seconds = parseInt(res.data.step_text.remaining_seconds)-1;
const timerId = setTimeout(() => { const timerId = setTimeout(() => {
this.answer = this.detail.r;
const timerId1 = setTimeout(() => {
this.getDetails(id); this.getDetails(id);
clearTimeout(timerId); clearTimeout(timerId1);
}, 2500);
}, seconds*1000); }, seconds*1000);
} }
} }
@ -171,18 +385,17 @@
::v-deep .uni-slider-handle-wrapper {height: 14rpx !important;} ::v-deep .uni-slider-handle-wrapper {height: 14rpx !important;}
//修改slider选中的背景色 //修改slider选中的背景色
::v-deep .uni-slider-track {background-image: linear-gradient(to right,#6cd0ca,#133fce) !important;} ::v-deep .uni-slider-track {background-image: linear-gradient(to right,#6cd0ca,#133fce) !important;}
::v-deep .uni-slider-handle{display: none;} ::v-deep uni-slider{margin: 16rpx 0rpx !important;}
::v-deep .uni-slider-thumb{display: none;}
::v-deep uni-slider{margin: 16rpx 0px !important;}
::v-deep uni-slider .uni-slider-tap-area{padding: 4rpx 0rpx !important;} ::v-deep uni-slider .uni-slider-tap-area{padding: 4rpx 0rpx !important;}
::v-deep .uni-slider-handle{background: url('/static/images/setp.png'); background-size: 56rpx 58rpx}
.v2{ padding: 10px; width: 94%; margin: 0rpx auto; } .v2{ padding: 20rpx; width: 94%; margin: 0rpx auto; }
.v2 .title{font-weight: 600; font-size: 16px; color: #333;} .v2 .title{font-weight: 600; font-size: 32rpx; color: #333;}
.w{background-color: #F8F8F8; border-radius: 10px; padding: 20px 10px;} .w{background-color: #F8F8F8; border-radius: 20rpx; padding: 40rpx 20rpx;}
.w .t{text-align: center; margin-top: 10px; font-size: 14px;} .w .t{text-align: center; margin-top: 20rpx; font-size: 28rpx;}
.head-nav {display: flex;align-items: center;color: #999;font-size: 36rpx;font-weight: 500;background-color: #fff;} .head-nav {display: flex;align-items: center;color: #999;font-size: 36rpx;font-weight: 500;background-color: #fff;}
.tab{color: #999;font-size: 32rpx;font-weight: 500;float: left;padding: 40rpx;} .tab{color: #999;font-size: 32rpx;font-weight: 500;float: left;padding: 40rpx;}
.activite {color: #333;border-bottom: 2px solid #1D61E7;} .activite {color: #333;border-bottom: 4rpx solid #1D61E7;}
.head-nav>view {padding-bottom: 10rpx;} .head-nav>view {padding-bottom: 10rpx;}
.content {height: 100%; padding-bottom: 20rpx;} .content {height: 100%; padding-bottom: 20rpx;}
.h5_press_save { .h5_press_save {
@ -193,7 +406,7 @@
height: 100vh; height: 100vh;
display: flex; display: flex;
align-items: center; align-items: center;
z-index: 100; z-index: 2;
.download { .download {
font-size: 30rpx; font-size: 30rpx;
color: #ffffff; color: #ffffff;
@ -213,4 +426,21 @@
.ans{ .ans{
color: #1D61E7; color: #1D61E7;
} }
@keyframes bounce {
0%, 40%, 80%, 100% {
transform: translateY(0);
}
20%{
transform: translateY(-30rpx);
}
60% {
transform: translateY(20rpx);
}
90% {
transform: translateY(-10rpx);
}
}
.bounce-image {
animation: bounce 2s infinite;
}
</style> </style>

34
pages/questionnaire/details.vue
View File

@ -1,8 +1,8 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('toanswer.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :title="$t('toanswer.title')" :border="false" :shadow="false" :fixed="true" backgroundColor="#fff"></uni-nav-bar>
<view style="margin: 20rpx 3%; padding: 0rpx 10rpx 160rpx; "> <view style="margin: 20rpx 3%; padding: 0rpx 10rpx 160rpx; ">
<view class="cell_list" style="padding: 0px; margin-bottom: 30rpx;"> <view class="cell_list" style="padding: 0rpx; margin-bottom: 30rpx;">
<view class="cell_left txt"> <view class="cell_left txt">
<image src="/static/images/q1.png" style="width: 140rpx; height: 140rpx; margin-right: 20rpx;"></image> <image src="/static/images/q1.png" style="width: 140rpx; height: 140rpx; margin-right: 20rpx;"></image>
</view> </view>
@ -27,17 +27,17 @@
<view class="cell_list"> <view class="cell_list">
<view class="cell_left txt" style="width: 50%;">{{$t('toanswer.text4')}}</view> <view class="cell_left txt" style="width: 50%;">{{$t('toanswer.text4')}}</view>
<view class="cell_right "> <view class="cell_right ">
{{answerModel.price}}<view style="float: right; margin-left: 20rpx; font-size: 12px; margin-right: 20rpx;">USDT</view> {{answerModel.price}}<view style="float: right; margin-left: 20rpx; font-size: 24rpx; margin-right: 20rpx;">USDT</view>
</view> </view>
</view> </view>
<view style="font-size: 14px; color: #999; font-weight: 500; line-height: 50upx; text-align: right;"> <view style="font-size: 28rpx; color: #999; font-weight: 500; line-height: 50upx; text-align: right;">
{{$t('toanswer.text6')}}: {{parseFloat(user.money).toFixed(2)}} USDT</view> {{$t('toanswer.text6')}}: {{parseFloat(user.money).toFixed(2)}} USDT</view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item> <uni-forms-item>
<view class="cell_list"> <view class="cell_list">
<view class="cell_left txt">{{$t('toanswer.text5')}}</view> <view class="cell_left txt">{{$t('toanswer.text5')}}</view>
<view class="cell_right "> <view class="cell_right ">
<span style="font-weight: 500;font-size: 16px;color: #1D61E7;">{{answerModel.interest_rate}} USDT</span></view> <span style="font-weight: 500;font-size: 32rpx;color: #1D61E7;">{{answerModel.interest_rate}} USDT</span></view>
</view> </view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item> <uni-forms-item>
@ -54,7 +54,7 @@
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
</view> </view>
<view style="bottom: 0px; position: absolute; width:100vw; height: 160rpx;"> <view style="bottom: 0rpx; position: absolute; width:100vw; height: 160rpx;">
<button type="primary" round style="width: 90%; margin: auto;" @click="submit">{{$t('buttonSubmit')}}</button> <button type="primary" round style="width: 90%; margin: auto;" @click="submit">{{$t('buttonSubmit')}}</button>
</view> </view>
@ -124,6 +124,17 @@ import detailsVue from './details.vue';
submit(){ submit(){
this.$refs.popup.open('dialog'); this.$refs.popup.open('dialog');
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
changeNum(e){ changeNum(e){
this.answerModel.num = e; this.answerModel.num = e;
this.answerModel.price = (parseFloat(this.answerModel.num) * parseFloat(this.detail.price)).toFixed(2); this.answerModel.price = (parseFloat(this.answerModel.num) * parseFloat(this.detail.price)).toFixed(2);
@ -143,6 +154,7 @@ import detailsVue from './details.vue';
this.answerModel.price = this.detail.price; this.answerModel.price = this.detail.price;
this.answerModel.interest_rate = this.detail.interest_rate; this.answerModel.interest_rate = this.detail.interest_rate;
this.$refs.popup.close(); this.$refs.popup.close();
uni.navigateBack();
} }
}).catch(err => { }).catch(err => {
this.$refs.popup.close(); this.$refs.popup.close();
@ -175,18 +187,18 @@ import detailsVue from './details.vue';
::v-deep .uni-numbox__plus{border-radius: 50%; width: 50rpx; height: 50rpx;} ::v-deep .uni-numbox__plus{border-radius: 50%; width: 50rpx; height: 50rpx;}
::v-deep .uni-numbox__value{ background-color: #fff !important; color: #000 !important} ::v-deep .uni-numbox__value{ background-color: #fff !important; color: #000 !important}
.rechargeTitle{ .rechargeTitle{
font-weight: 400;font-size: 16px;color: #999999;line-height: 23px; text-align: center; margin-top: 30px; font-weight: 400;font-size: 32rpx;color: #999999;line-height: 46px; text-align: center; margin-top: 60rpx;
} }
.rechargeNet{ .rechargeNet{
font-weight: 600;font-size: 20px;color: #333;line-height: 23px; text-align: center; margin-top: 20px; font-weight: 600;font-size: 40rpx;color: #333;line-height: 46rpx; text-align: center; margin-top: 40rpx;
} }
.txt{ .txt{
font-size: 14px; color:#999; font-weight: 500; font-size: 28rpx; color:#999; font-weight: 500;
} }
.cell_right{ .cell_right{
font-size: 14px; color:#333; font-weight: 500; font-size: 28rpx; color:#333; font-weight: 500;
} }
.s{ .s{
border-radius: 10px; border: 1px solid #1D61E7; padding: 2px 8px; color: #1D61E7; font-size: 28rpx; font-weight: 600; border-radius: 20rpx; border: 2rpx solid #1D61E7; padding: 4rpx 16rpx; color: #1D61E7; font-size: 56rpx; font-weight: 600;
} }
</style> </style>

61
pages/questionnaire/index.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('Questionnaire.title')" bgColor="#fff"></nav-bar> <uni-nav-bar :title="$t('Questionnaire.title')" :border="false" :shadow="false" :fixed="true"
backgroundColor="#fff"></uni-nav-bar>
<view> <view>
<view class="head-nav"> <view class="head-nav">
<view class="tab" :class="navIndex==0?'activite':''" @click="checkIndex(0)">{{$t('Questionnaire.text1')}}</view> <view class="tab" :class="navIndex==0?'activite':''" @click="checkIndex(0)">{{$t('Questionnaire.text1')}}</view>
@ -10,7 +11,7 @@
</view> </view>
<!-- 内容切换 --> <!-- 内容切换 -->
<view class="content" v-if="navIndex==0"> <view class="content" v-if="navIndex==0">
<view style="width: 94%; margin: 10px auto;"> <view style="width: 94%; margin: 20rpx auto;">
<view class="v1" :style="index==0 ? '' : 'margin-top: 20rpx'" v-if="list.length > 0" v-for="(item, index) in list" :key="index"> <view class="v1" :style="index==0 ? '' : 'margin-top: 20rpx'" v-if="list.length > 0" v-for="(item, index) in list" :key="index">
<uni-row :gutter="10" class="row"> <uni-row :gutter="10" class="row">
<uni-col :span="6" style="text-align: center;"> <uni-col :span="6" style="text-align: center;">
@ -18,18 +19,18 @@
</uni-col> </uni-col>
<uni-col :span="18"> <uni-col :span="18">
<view class="title">{{item.title}}</view> <view class="title">{{item.title}}</view>
<view style="font-size: 12px; font-weight: 400; color: #999; line-height: 20px;"> <view style="font-size: 24rpx; font-weight: 400; color: #999; line-height: 40rpx;">
<view style="width: 40%; float: left;"> <view style="width: 40%; float: left;">
<slider :value="item.used" :disabled="true" style="height: 16rpx;" min="0" :max="item.stock+item.used" step="100" /> <slider :value="item.used" :disabled="true" style="height: 16rpx;" min="0" :max="item.stock+item.used" step="100" />
</view> </view>
<view style="width: 55%; float: left; line-height: 35px; margin-left: 5%;"> <view style="width: 55%; float: left; line-height: 70rpx; margin-left: 5%;">
{{$t('Questionnaire.text4')}}: <span style="color: #1D61E7;">{{item.used}}</span>/{{item.stock+item.used}} {{$t('Questionnaire.text4')}}: <span style="color: #1D61E7;">{{item.used}}</span>/{{item.stock+item.used}}
</view> </view>
<view style="text-align: left; clear: both;">{{$t('Questionnaire.text5')}}: {{item.billing_cycle}} {{item.cycle_type}}</view> <view style="text-align: left; clear: both;">{{$t('Questionnaire.text5')}}: {{item.billing_cycle}} {{item.cycle_type}}</view>
</view> </view>
<view style="font-size: 12px; font-weight: 400; color: #999; line-height: 20px; te"> <view style="font-size: 24rpx; font-weight: 400; color: #999; line-height: 40rpx;">
<view style="float: left; color: #333; font-size: 16px; font-weight: 500; line-height: 40px;"> <view style="float: left; color: #333; font-size: 32rpx; font-weight: 500; line-height: 80rpx;">
{{$t('Questionnaire.text6')}}: <span style="font-size: 20px;">${{parseFloat(item.price).toFixed(2)}} </span> {{$t('Questionnaire.text6')}}: <span style="font-size: 40rpx;">${{parseFloat(item.interest_rate).toFixed(2)}} </span>
</view> </view>
<view style="float: right;"> <view style="float: right;">
<button type="primary" v-if="item.buy_state" class="b" @click="onTokenJump('/pages/questionnaire/details?id='+item.id)">{{$t('Questionnaire.text7')}}</button> <button type="primary" v-if="item.buy_state" class="b" @click="onTokenJump('/pages/questionnaire/details?id='+item.id)">{{$t('Questionnaire.text7')}}</button>
@ -39,37 +40,41 @@
</uni-col> </uni-col>
</uni-row> </uni-row>
</view> </view>
<view style="text-align: center; padding-bottom: 80px;" v-if="list.length <= 0"> <view style="text-align: center; padding-bottom: 160px;" v-if="list.length <= 0">
<image style="width: 360rpx; height: 360rpx; margin: 160rpx auto 0rpx auto;" src="/static/images/w5.png" mode="cover"></image> <image style="width: 360rpx; height: 360rpx; margin: 160rpx auto 0rpx auto;" src="/static/images/w5.png" mode="cover"></image>
<view style="color: #999; font-size: 14px; font-weight: 400;">{{$t('nodata')}}</view> <view style="color: #999; font-size: 28rpx; font-weight: 400;">{{$t('nodata')}}</view>
</view> </view>
</view> </view>
</view> </view>
<view class="content" v-if="navIndex==1"> <view class="content" v-if="navIndex==1">
<view class="v2" style="margin-top: 20rpx" v-if="list1.length > 0" v-for="(item, index) in list1" :key="index"> <view class="v2" style="margin-top: 20rpx" v-if="list1.length > 0" v-for="(item, index) in list1" :key="index">
<view class="title">{{item.questionnaire.title}}</view> <view class="title">{{item.questionnaire.title}}</view>
<view style="font-weight: 400;font-size: 14px;color: #999999;">{{$t('Questionnaire.text8')}}: {{item.created_at.slice(0, 19)}}</view> <view style="font-weight: 400;font-size: 28rpx;color: #999999;">{{$t('Questionnaire.text8')}}: {{item.created_at.slice(0, 19)}}</view>
<view style="text-align: right;"><button type="primary" class="b" style="float: right;" @click="onTokenJump('/pages/questionnaire/answer?id='+item.id)">{{$t('Questionnaire.text9')}}</button></view> <view style="text-align: right;">
<button type="primary" class="b" style="float: right;" v-if="item.status == 1" @click="onTokenJump('/pages/questionnaire/answer?id='+item.id)">{{$t('Questionnaire.text9')}}</button>
<button type="primary" class="b" v-else style="float: right; background-color: #eee; color: #333">{{item.status_text}}</button>
</view>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
<view style="text-align: center; padding-bottom: 80px;" v-if="list1.length <= 0"> <view style="text-align: center; padding-bottom: 160rpx;" v-if="list1.length <= 0">
<image style="width: 360rpx; height: 360rpx; margin: 160rpx auto 0rpx auto;" src="/static/images/w5.png" mode="cover"></image> <image style="width: 360rpx; height: 360rpx; margin: 160rpx auto 0rpx auto;" src="/static/images/w5.png" mode="cover"></image>
<view style="color: #999; font-size: 14px; font-weight: 400;">{{$t('nodata')}}</view> <view style="color: #999; font-size: 28rpx; font-weight: 400;">{{$t('nodata')}}</view>
</view> </view>
</view> </view>
<view class="content" v-if="navIndex==2"> <view class="content" v-if="navIndex==2">
<view class="v2" style="margin-top: 20rpx" v-if="list2.length > 0" v-for="(item, index) in list2" :key="index"> <view class="v2" style="margin-top: 20rpx" v-if="list2.length > 0" v-for="(item, index) in list2" :key="index">
<view class="title">{{item.questionnaire.title}}</view> <view class="title">{{item.questionnaire.title}}</view>
<view style="font-weight: 400;font-size: 14px;color: #999999;">{{$t('Questionnaire.text8')}}: {{item.created_at.slice(0, 19)}}</view> <view style="font-weight: 400;font-size: 28rpx;color: #999999;">{{$t('Questionnaire.text8')}}: {{item.created_at.slice(0, 19)}}</view>
<view style="text-align: right;"><button type="primary" class="b" style="float: right; background-color: #eee; color: #333">{{$t('Questionnaire.text10')}}</button></view> <view style="text-align: right;"><button type="primary" class="b" style="float: right; background-color: #eee; color: #333">{{$t('Questionnaire.text10')}}</button></view>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
<view style="text-align: center; padding-bottom: 80px;" v-if="list2.length <= 0"> <view style="text-align: center; padding-bottom: 160rpx;" v-if="list2.length <= 0">
<image style="width: 360rpx; height: 360rpx; margin: 160rpx auto 0rpx auto;" src="/static/images/w5.png" mode="cover"></image> <image style="width: 360rpx; height: 360rpx; margin: 160rpx auto 0rpx auto;" src="/static/images/w5.png" mode="cover"></image>
<view style="color: #999; font-size: 14px; font-weight: 400;">{{$t('nodata')}}</view> <view style="color: #999; font-size: 28rpx; font-weight: 400;">{{$t('nodata')}}</view>
</view> </view>
</view> </view>
</view> </view>
<zNavigation></zNavigation>
</view> </view>
</template> </template>
@ -189,21 +194,21 @@
::v-deep .uni-slider-track {background-image: linear-gradient(to right,#6cd0ca,#133fce) !important;} ::v-deep .uni-slider-track {background-image: linear-gradient(to right,#6cd0ca,#133fce) !important;}
::v-deep .uni-slider-handle{display: none;} ::v-deep .uni-slider-handle{display: none;}
::v-deep .uni-slider-thumb{display: none;} ::v-deep .uni-slider-thumb{display: none;}
::v-deep uni-slider{margin: 16rpx 0px !important;} ::v-deep uni-slider{margin: 16rpx 0rpx !important;}
::v-deep uni-slider .uni-slider-tap-area{padding: 4rpx 0rpx !important;} ::v-deep uni-slider .uni-slider-tap-area{padding: 4rpx 0rpx !important;}
::v-deep .uni-slider-handle-wrapper{height: 12px;} ::v-deep .uni-slider-handle-wrapper{height: 24rpx;}
::v-deep uni-slider{padding: 0px;margin: 0px} ::v-deep uni-slider{padding: 0rpx;margin: 0rpx}
.v1{border-bottom: 1px solid #ddd; background-color: #fff; padding: 10px;} .v1{border-bottom: 2rpx solid #ddd; background-color: #fff; padding: 20rpx;}
.v1 .row{margin-top: 15px; border-radius: 20px;} .v1 .row{margin-top: 30rpx; border-radius: 40rpx;}
.v1 .row .i{width: 80px; height: 80px; margin: auto;} .v1 .row .i{width: 160rpx; height: 160rpx; margin: auto;}
.v1 .row .title{font-weight: 500; font-size: 16px; color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .v1 .row .title{font-weight: 500; font-size: 32rpx; color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.v2{ border-bottom: 1px solid #ddd; background-color: #fff; padding: 10px; width: 94%; margin: 0rpx auto; border-radius: 40rpx;} .v2{ border-bottom: 2rpx solid #ddd; background-color: #fff; padding: 20rpx; width: 94%; margin: 0rpx auto; border-radius: 40rpx;}
.v2 .title{font-weight: 600; font-size: 16px; color: #333;} .v2 .title{font-weight: 600; font-size: 32rpx; color: #333;}
.w{background-color: #F8F8F8; border-radius: 10px; padding: 20px 10px;} .w{background-color: #F8F8F8; border-radius: 20rpx; padding: 40rpx 20rpx;}
.w .t{text-align: center; margin-top: 10px; font-size: 14px;} .w .t{text-align: center; margin-top: 20rpx; font-size: 28rpx;}
.head-nav {display: flex;align-items: center;color: #999;font-size: 36rpx;font-weight: 500;background-color: #fff;} .head-nav {display: flex;align-items: center;color: #999;font-size: 36rpx;font-weight: 500;background-color: #fff;}
.tab{color: #999;font-size: 32rpx;font-weight: 500;float: left;padding: 40rpx;} .tab{color: #999;font-size: 32rpx;font-weight: 500;float: left;padding: 40rpx;}
.activite {color: #333;border-bottom: 2px solid #1D61E7;} .activite {color: #333;border-bottom: 4rpx solid #1D61E7;}
.head-nav>view {padding-bottom: 10rpx;} .head-nav>view {padding-bottom: 10rpx;}
.content {height: 100%; padding-bottom: 20rpx;} .content {height: 100%; padding-bottom: 20rpx;}
</style> </style>

54
pages/questionnaire/select.vue
View File

@ -1,6 +1,7 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('Select.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
:title="$t('Select.title')" backgroundColor="#fff"></uni-nav-bar>
<view> <view>
<view style="background-color: #fff;"> <view style="background-color: #fff;">
<uni-search-bar class="uni-mt-10" radius="10" v-model="kw" @clear="clear" <uni-search-bar class="uni-mt-10" radius="10" v-model="kw" @clear="clear"
@ -8,7 +9,7 @@
</view> </view>
<!-- 内容切换 --> <!-- 内容切换 -->
<view class="content"> <view class="content">
<view style="width: 94%; margin: 10px auto;"> <view style="width: 94%; margin: 20rpx auto;">
<view class="v1" :style="index==0 ? '' : 'margin-top: 20rpx'" v-if="list.length > 0" v-for="(item, index) in list" :key="index"> <view class="v1" :style="index==0 ? '' : 'margin-top: 20rpx'" v-if="list.length > 0" v-for="(item, index) in list" :key="index">
<uni-row :gutter="10" class="row"> <uni-row :gutter="10" class="row">
<uni-col :span="6" style="text-align: center;"> <uni-col :span="6" style="text-align: center;">
@ -16,18 +17,18 @@
</uni-col> </uni-col>
<uni-col :span="18"> <uni-col :span="18">
<view class="title">{{item.title}}</view> <view class="title">{{item.title}}</view>
<view style="font-size: 12px; font-weight: 400; color: #999; line-height: 20px;"> <view style="font-size: 24rx; font-weight: 400; color: #999; line-height: 40rpx;">
<view style="width: 40%; float: left;"> <view style="width: 40%; float: left;">
<slider :value="item.used" :disabled="true" style="height: 16rpx;" min="0" :max="item.stock+item.used" step="100" /> <slider :value="item.used" :disabled="true" style="height: 16rpx;" min="0" :max="item.stock+item.used" step="100" />
</view> </view>
<view style="width: 55%; float: left; line-height: 35px; margin-left: 5%;"> <view style="width: 55%; float: left; line-height: 70rpx; margin-left: 5%;">
{{$t('Questionnaire.text4')}}: <span style="color: #1D61E7;">{{item.used}}</span>/{{item.stock+item.used}} {{$t('Questionnaire.text4')}}: <span style="color: #1D61E7;">{{item.used}}</span>/{{item.stock+item.used}}
</view> </view>
<view style="text-align: left; clear: both;">{{$t('Questionnaire.text5')}}: {{item.billing_cycle}} {{item.cycle_type}}</view> <view style="text-align: left; clear: both;">{{$t('Questionnaire.text5')}}: {{item.billing_cycle}} {{item.cycle_type}}</view>
</view> </view>
<view style="font-size: 12px; font-weight: 400; color: #999; line-height: 20px; te"> <view style="font-size: 24rpx; font-weight: 400; color: #999; line-height: 40rpx;">
<view style="float: left; color: #333; font-size: 16px; font-weight: 500; line-height: 40px;"> <view style="float: left; color: #333; font-size: 32rpx; font-weight: 500; line-height: 80rpx;">
{{$t('Questionnaire.text6')}}: <span style="font-size: 20px;">${{parseFloat(item.price).toFixed(2)}} </span> {{$t('Questionnaire.text6')}}: <span style="font-size: 40rpx;">${{parseFloat(item.price).toFixed(2)}} </span>
</view> </view>
<view style="float: right;"> <view style="float: right;">
<button type="primary" class="b" @click="onTokenJump('/pages/questionnaire/details?id='+item.id)">{{$t('Questionnaire.text7')}}</button> <button type="primary" class="b" @click="onTokenJump('/pages/questionnaire/details?id='+item.id)">{{$t('Questionnaire.text7')}}</button>
@ -36,9 +37,9 @@
</uni-col> </uni-col>
</uni-row> </uni-row>
</view> </view>
<view style="text-align: center; padding-bottom: 80px;" v-if="list.length <= 0"> <view style="text-align: center; padding-bottom: 160rpx;" v-if="list.length <= 0">
<image style="width: 360rpx; height: 360rpx; margin: 160rpx auto 0rpx auto;" src="/static/images/w5.png" mode="cover"></image> <image style="width: 360rpx; height: 360rpx; margin: 160rpx auto 0rpx auto;" src="/static/images/w5.png" mode="cover"></image>
<view style="color: #999; font-size: 14px; font-weight: 400;">{{$t('nodata')}}</view> <view style="color: #999; font-size: 28rpx; font-weight: 400;">{{$t('nodata')}}</view>
</view> </view>
</view> </view>
</view> </view>
@ -101,6 +102,17 @@
uni.hideLoading() uni.hideLoading()
}); });
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
onTokenJump(url) { onTokenJump(url) {
this.judgeLogin(() => { this.judgeLogin(() => {
uni.navigateTo({ uni.navigateTo({
@ -149,21 +161,21 @@
::v-deep .uni-slider-track {background-image: linear-gradient(to right,#6cd0ca,#133fce) !important;} ::v-deep .uni-slider-track {background-image: linear-gradient(to right,#6cd0ca,#133fce) !important;}
::v-deep .uni-slider-handle{display: none;} ::v-deep .uni-slider-handle{display: none;}
::v-deep .uni-slider-thumb{display: none;} ::v-deep .uni-slider-thumb{display: none;}
::v-deep uni-slider{margin: 16rpx 0px !important;} ::v-deep uni-slider{margin: 16rpx 0rpx !important;}
::v-deep uni-slider .uni-slider-tap-area{padding: 4rpx 0rpx !important;} ::v-deep uni-slider .uni-slider-tap-area{padding: 4rpx 0rpx !important;}
::v-deep .uni-slider-handle-wrapper{height: 12px;} ::v-deep .uni-slider-handle-wrapper{height: 24rpx;}
::v-deep uni-slider{padding: 0px;margin: 0px} ::v-deep uni-slider{padding: 0rpx;margin: 0rpx}
.v1{border-bottom: 1px solid #ddd; background-color: #fff; padding: 10px;} .v1{border-bottom: 2rpx solid #ddd; background-color: #fff; padding: 20rpx;}
.v1 .row{margin-top: 15px; border-radius: 20px;} .v1 .row{margin-top: 30rpx; border-radius: 40rpx;}
.v1 .row .i{width: 80px; height: 80px; margin: auto;} .v1 .row .i{width: 160rpx; height: 160rpx; margin: auto;}
.v1 .row .title{font-weight: 500; font-size: 16px; color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .v1 .row .title{font-weight: 500; font-size: 32rpx; color: #333;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.v2{ border-bottom: 1px solid #ddd; background-color: #fff; padding: 10px; width: 94%; margin: 0rpx auto; border-radius: 40rpx;} .v2{ border-bottom: 2rpx solid #ddd; background-color: #fff; padding: 20rpx; width: 94%; margin: 0rpx auto; border-radius: 40rpx;}
.v2 .title{font-weight: 600; font-size: 16px; color: #333;} .v2 .title{font-weight: 600; font-size: 32rpx; color: #333;}
.w{background-color: #F8F8F8; border-radius: 10px; padding: 20px 10px;} .w{background-color: #F8F8F8; border-radius: 20rpx; padding: 40rpx 20rpx;}
.w .t{text-align: center; margin-top: 10px; font-size: 14px;} .w .t{text-align: center; margin-top: 20rpx; font-size: 28rpx;}
.head-nav {display: flex;align-items: center;color: #999;font-size: 36rpx;font-weight: 500;background-color: #fff;} .head-nav {display: flex;align-items: center;color: #999;font-size: 36rpx;font-weight: 500;background-color: #fff;}
.tab{color: #999;font-size: 32rpx;font-weight: 500;float: left;padding: 40rpx;} .tab{color: #999;font-size: 32rpx;font-weight: 500;float: left;padding: 40rpx;}
.activite {color: #333;border-bottom: 2px solid #1D61E7;} .activite {color: #333;border-bottom: 4rpx solid #1D61E7;}
.head-nav>view {padding-bottom: 10rpx;} .head-nav>view {padding-bottom: 10rpx;}
.content {height: 100%; padding-bottom: 20rpx;} .content {height: 100%; padding-bottom: 20rpx;}
</style> </style>

33
pages/wallet/ExtractResults.vue
View File

@ -1,11 +1,12 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('results.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
<view style="width: 92%; margin: 10px auto; padding: 15px 10px; text-align: center;"> :title="$t('results.title')" backgroundColor="#fff"></uni-nav-bar>
<image style="width: 100px; height: 100px; margin: 10px auto;" :src="resultsModel.images" mode="cover"></image> <view style="width: 92%; margin: 20rpx auto; padding: 30rpx 20rpx; text-align: center;">
<view style="font-size: 28px; font-weight: 600; color: #333; margin-top: 10px;">-{{parseFloat(info.recive_amount).toFixed(4)}} USDT</view> <image style="width: 200rpx; height: 200rpx; margin: 20rpx auto;" :src="resultsModel.images" mode="cover"></image>
<view style="font-size: 18px; font-weight: 600; line-height: 50px;" :style="{ color:resultsModel.statuscolor}">{{resultsModel.status}}</view> <view style="font-size: 56rpx; font-weight: 600; color: #333; margin-top: 20rpx;">-{{parseFloat(info.recive_amount).toFixed(4)}} USDT</view>
<view style="font-size: 16px; font-weight: 400; color: #999;">{{resultsModel.txt}}</view> <view style="font-size: 36rpx; font-weight: 600; line-height: 100rpx;" :style="{ color:resultsModel.statuscolor}">{{resultsModel.status}}</view>
<view style="font-size: 32rpx; font-weight: 400; color: #999;">{{resultsModel.txt}}</view>
</view> </view>
<view style=" width:100vw;"> <view style=" width:100vw;">
<view class="cell_list"> <view class="cell_list">
@ -119,7 +120,17 @@
onShow() {}, onShow() {},
//方法 //方法
methods: { methods: {
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
}, },
//页面隐藏 //页面隐藏
onHide() {}, onHide() {},
@ -140,15 +151,15 @@
body{background-color: #fff;} body{background-color: #fff;}
.page{min-height: 100vh;} .page{min-height: 100vh;}
.rechargeTitle{ .rechargeTitle{
font-weight: 400;font-size: 16px;color: #999999;line-height: 23px; text-align: center; margin-top: 30px; font-weight: 400;font-size: 32rpx;color: #999999;line-height: 46rpx; text-align: center; margin-top: 60rpx;
} }
.rechargeNet{ .rechargeNet{
font-weight: 600;font-size: 20px;color: #333;line-height: 23px; text-align: center; margin-top: 20px; font-weight: 600;font-size: 40rpx;color: #333;line-height: 46rpx; text-align: center; margin-top: 40rpx;
} }
.txt{ .txt{
font-size: 16px; color:#999; font-weight: 500; font-size: 32rpx; color:#999; font-weight: 500;
} }
.cell_right{ .cell_right{
font-size: 16px; color:#333; font-weight: 500; font-size: 32rpx; color:#333; font-weight: 500;
} }
</style> </style>

57
pages/wallet/fundrecords.vue
View File

@ -1,7 +1,8 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('fundrecords.title')" bgColor="#F3F3F3"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
:title="$t('fundrecords.title')" backgroundColor="#F3F3F3"></uni-nav-bar>
<view class="content"> <view class="content">
<view class="nav"> <view class="nav">
<!-- 选项卡水平方向滑动，scroll-with-animation是滑动到下一个选项时，有一个延时效果 --> <!-- 选项卡水平方向滑动，scroll-with-animation是滑动到下一个选项时，有一个延时效果 -->
@ -18,9 +19,9 @@
<!-- 选项卡内容轮播滑动显示，current为当前第几个swiper子项 --> <!-- 选项卡内容轮播滑动显示，current为当前第几个swiper子项 -->
<view style="" v-if="isActive==0"> <view style="" v-if="isActive==0">
<picker mode="selector" :range="items" @change="onPickerChange" style="float: left;"> <picker mode="selector" :range="items" @change="onPickerChange" style="float: left;">
<view class="picker" style="margin: 20rpx; font-size: 12px; border: 1px solid #ddd; width: 100px; padding: 8px 8px;"> <view class="picker" style="margin: 20rpx; font-size: 24rpx; border: 2rpx solid #ddd; width: 200rpx; padding: 16rpx 16rpx;">
<view style="float: left; color: #999; font-size: 14px;">{{selectedItem}} </view> <view style="float: left; color: #999; font-size: 28rpx;">{{selectedItem}} </view>
<image src="/static/images/x1.png" style="width: 12px; height: 12px; float: right; margin-top: 5px; "></image> <image src="/static/images/x1.png" style="width: 24rpx; height: 24rpx; float: right; margin-top: 10rpx; "></image>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
</picker> </picker>
@ -37,7 +38,7 @@
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
<view style="width: 92%; margin: auto;"> <view style="width: 92%; margin: auto;">
<view class="cell_list" style="border-bottom: 1px solid #ddd;" v-if="list.length > 0" v-for="(n, index) in list" v-bind:key="index"> <view class="cell_list" style="border-bottom: 2rpx solid #ddd;" v-if="list.length > 0" v-for="(n, index) in list" v-bind:key="index">
<template v-if="n.name == $t('recharge.title')"> <template v-if="n.name == $t('recharge.title')">
<view class="d"> <view class="d">
{{n.name}}<view class="d1">{{n.created_at}}</view> {{n.name}}<view class="d1">{{n.created_at}}</view>
@ -67,9 +68,9 @@
</view> </view>
</template> </template>
</view> </view>
<view style="text-align: center; padding-bottom: 80px;" v-if="list.length <= 0"> <view style="text-align: center; padding-bottom: 160rpx;" v-if="list.length <= 0">
<image style="width: 360rpx; height: 180px; margin: 160rpx auto 0rpx auto;" src="/static/images/w5.png" fit="cover"></image> <image style="width: 360rpx; height: 360rpx; margin: 160rpx auto 0rpx auto;" src="/static/images/w5.png" fit="cover"></image>
<view style="color: #999; font-size: 14px; font-weight: 400;">{{$t('nodata')}}</view> <view style="color: #999; font-size: 28px; font-weight: 400;">{{$t('nodata')}}</view>
</view> </view>
</view> </view>
</view> </view>
@ -111,6 +112,7 @@
limit: 10, limit: 10,
currency: 'money', currency: 'money',
type: '', type: '',
lang: this.$i18n.locale
}, },
withdrawl_status_list: [], withdrawl_status_list: [],
recharge_status_list: [], recharge_status_list: [],
@ -262,6 +264,17 @@
this.getList(); this.getList();
} }
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
getList(){ getList(){
switch(this.isActive.toString()){ switch(this.isActive.toString()){
case '0': case '0':
@ -386,7 +399,7 @@
flex: 1; flex: 1;
.nav{ .nav{
border-top: 1rpx solid #f2f2f2; border-top: 1rpx solid #f2f2f2;
background-color: #fceeee; background-color: #F3F3F3;
z-index: 99; z-index: 99;
width: 100%; width: 100%;
align-items: center; align-items: center;
@ -406,11 +419,11 @@
line-height: 60rpx; line-height: 60rpx;
margin-right: 35rpx; margin-right: 35rpx;
flex-shrink: 0; flex-shrink: 0;
padding-bottom:10px; padding-bottom:20rpx;
display: flex; display: flex;
justify-content: center; justify-content: center;
font-size: 16px; font-size: 32rpx;
padding-top: 10px; padding-top: 20rpx;
} }
} }
} }
@ -423,7 +436,7 @@
.nav_item{ .nav_item{
background-color: #FFFFFF; background-color: #FFFFFF;
padding:20rpx 40rpx 0rpx 40rpx ; padding:20rpx 40rpx 0rpx 40rpx ;
height: 1000px; height: 2000rpx;
} }
} }
} }
@ -438,9 +451,9 @@
position: absolute; position: absolute;
height: 4rpx; height: 4rpx;
background-color: #333; background-color: #333;
left: 0px; left: 0rpx;
right: 0px; right: 0rpx;
bottom: 0px; bottom: 0rpx;
margin: auto; margin: auto;
} }
/* 隐藏滚动条，但依旧具备可以滚动的功能 */ /* 隐藏滚动条，但依旧具备可以滚动的功能 */
@ -451,21 +464,21 @@
padding: 2rpx 10rpx; padding: 2rpx 10rpx;
} }
.cell_list .d{ .cell_list .d{
color: #3d3d3d; font-size: 16px; font-weight: 400; line-height: 25px; color: #3d3d3d; font-size: 32rpx; font-weight: 400; line-height: 50rpx;
} }
.cell_list .d1{ .cell_list .d1{
color: #999; font-size: 14px; font-weight: 400; line-height: 25px; color: #999; font-size: 28rpx; font-weight: 400; line-height: 50rpx;
} }
.cell_list .u{ .cell_list .u{
color: #1D61E7; font-weight: 600;float: right; font-size: 16px; color: #1D61E7; font-weight: 600;float: right; font-size: 32rpx;
} }
.cell_list .u1{ .cell_list .u1{
color: #333; font-weight: 600;float: right;font-size: 16px; color: #333; font-weight: 600;float: right;font-size: 32rpx;
} }
.w{ .w{
background-color: #F8F8F8; border-radius: 10px; padding: 20px 10px; background-color: #F8F8F8; border-radius: 20rpx; padding: 40rpx 20rpx;
} }
.w .t{ .w .t{
text-align: center; margin-top: 10px; font-size: 14px; text-align: center; margin-top: 20rpx; font-size: 28rpx;
} }
</style> </style>

58
pages/wallet/index.vue
View File

@ -1,9 +1,10 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('wallet.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
:title="$t('wallet.title')" backgroundColor="#fff"></uni-nav-bar>
<view class="wallet1"> <view class="wallet1">
<view class="txt">{{$t('wallet.text1')}}</view> <view class="txt">{{$t('wallet.text1')}}</view>
<view style="width: 500; font-size: 24px; color: #fff; line-height: 55px;">{{user.money.toFixed(4)}}</view> <view style="width: 500; font-size: 48rpx; color: #fff; line-height: 110rpx;">{{user.money.toFixed(4)}}</view>
<view style="width: 47%; float: left;"> <view style="width: 47%; float: left;">
<view class="txt">{{$t('wallet.text2')}}</view> <view class="txt">{{$t('wallet.text2')}}</view>
<view class="txt1">{{user.income_total.toFixed(4)}}</view> <view class="txt1">{{user.income_total.toFixed(4)}}</view>
@ -14,45 +15,45 @@
</view> </view>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
<view style="width: 90%; margin: 10px auto;"> <view style="width: 90%; margin: 20rpx auto;">
<view style="width: 30%; float: left;"> <view style="width: 30%; float: left;">
<view class="w" @click="onTokenJump('/pages/wallet/recharge')"> <view class="w" @click="onTokenJump('/pages/wallet/recharge')">
<view style="text-align: center;"> <view style="text-align: center;">
<image style="width: 25px; height: 25px; margin: auto;" src="/static/images/w3.png" mode="cover"></image></view> <image style="width: 50rpx; height: 50rpx; margin: auto;" src="/static/images/w3.png" mode="cover"></image></view>
<view class="t">{{$t('recharge.title')}}</view> <view class="t">{{$t('recharge.title')}}</view>
</view> </view>
</view> </view>
<view style="width: 30%; float: left; margin-left: 5%;"> <view style="width: 30%; float: left; margin-left: 5%;">
<view class="w" @click="onTokenJump('/pages/wallet/putforward')"> <view class="w" @click="onTokenJump('/pages/wallet/putforward')">
<view style="text-align: center;"><image style="width: 25px; height: 25px; margin: auto;" src="/static/images/w2.png" mode="cover"></image></view> <view style="text-align: center;"><image style="width: 50rpx; height: 50rpx; margin: auto;" src="/static/images/w2.png" mode="cover"></image></view>
<view class="t">{{$t('putforward.title')}}</view> <view class="t">{{$t('putforward.title')}}</view>
</view> </view>
</view> </view>
<view style="width: 30%; float: left; margin-left: 5%;"> <view style="width: 30%; float: left; margin-left: 5%;">
<view class="w" @click="onTokenJump('/pages/wallet/transfer')"> <view class="w" @click="onTokenJump('/pages/wallet/transfer')">
<view style="text-align: center;"><image style="width: 25px; height: 25px; margin: auto;" src="/static/images/w4.png" fit="cover"></image></view> <view style="text-align: center;"><image style="width: 50rpx; height: 50rpx; margin: auto;" src="/static/images/w4.png" fit="cover"></image></view>
<view class="t">{{$t('transfer.title')}}</view> <view class="t">{{$t('transfer.title')}}</view>
</view> </view>
</view> </view>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
<view style="width: 92%; margin: 10px auto;"> <view style="width: 92%; margin: 20rpx auto;">
<view class="cell_list" style="padding: 30rpx 0rpx;border-bottom: none;"> <view class="cell_list" style="padding: 30rpx 0rpx;border-bottom: none;">
<view style="color: #333; font-size: 18px; font-weight: 600;">{{$t('wallet.text4')}}</view> <view style="color: #333; font-size: 36rpx; font-weight: 600;">{{$t('wallet.text4')}}</view>
<view class="cell_right arrow" @click="onTokenJump('/pages/wallet/fundrecords')">{{$t('wallet.text5')}}</view> <view class="cell_right arrow" @click="onTokenJump('/pages/wallet/fundrecords')">{{$t('wallet.text5')}}</view>
</view> </view>
<view class="cell_list" style="padding: 30rpx 0rpx;border-bottom: 1px solid #ddd;" v-if="list.length > 0" v-for="item in list" :key="item.id"> <view class="cell_list" style="padding: 30rpx 0rpx;border-bottom: 2rpx solid #ddd;" v-if="list.length > 0" v-for="item in list" :key="item.id">
<view class="t">{{item.type}}<view class="d1">{{item.created_at.slice(0, 19)}}</view></view> <view class="t">{{item.type}}<view class="d1">{{item.created_at.slice(0, 19)}}</view></view>
<view class="u1 u"> <view class="u1 u">
<span>{{parseFloat(item.amount).toFixed(2)}} USDT</span> <span>{{parseFloat(item.amount).toFixed(2)}} USDT</span>
<view class="d" style="text-align: right; color: #1D61E7;">After:{{parseFloat(item.after).toFixed(2)}}</view> <view class="d" style="text-align: right; color: #1D61E7;">After:{{parseFloat(item.after).toFixed(2)}}</view>
</view> </view>
</view> </view>
<view style="text-align: center; padding-bottom: 80px;" v-if="list.length == 0"> <view style="text-align: center; padding-bottom: 160rpx;" v-if="list.length == 0">
<view style="width: 360rpx; height: 360rpx; margin: 160rpx auto 0rpx auto;"> <view style="width: 360rpx; height: 360rpx; margin: 160rpx auto 0rpx auto;">
<image src="/static/images/w5.png" style="width: 360rpx; height: 360rpx; " mode="cover"></image> <image src="/static/images/w5.png" style="width: 360rpx; height: 360rpx; " mode="cover"></image>
</view> </view>
<view style="color: #999; font-size: 14px; font-weight: 400;">{{$t('nodata')}}</view> <view style="color: #999; font-size: 28rpx; font-weight: 400;">{{$t('nodata')}}</view>
</view> </view>
</view> </view>
</view> </view>
@ -108,6 +109,17 @@
} }
}); });
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
onTokenJump(url) { onTokenJump(url) {
this.judgeLogin(() => { this.judgeLogin(() => {
uni.navigateTo({ uni.navigateTo({
@ -134,33 +146,33 @@
@import '@/style/mixin.scss'; @import '@/style/mixin.scss';
body{background-color: #fff;} body{background-color: #fff;}
.wallet1{ .wallet1{
border-radius: 10px; padding: 20px 15px; width: 90%; margin: 10px auto; border-radius: 20rpx; padding: 40rpx 30rpx; width: 90%; margin: 20rpx auto;
background: url('/static/images/w1.png') #2B66F6;background-size: 25%; background-repeat: no-repeat; background-position: 92% 5px; background: url('/static/images/w1.png') #2B66F6;background-size: 25%; background-repeat: no-repeat; background-position: 92% 10rpx;
} }
.wallet1 .txt{width: 400; font-size: 12px; color: #fff;} .wallet1 .txt{width: 400; font-size: 24rpx; color: #fff;}
.wallet1 .txt1{width: 400; font-size: 16px; color: #fff; line-height: 35px;} .wallet1 .txt1{width: 400; font-size: 32rpx; color: #fff; line-height: 70rpx;}
.cell_list .cell_right.arrow::after{ .cell_list .cell_right.arrow::after{
height: 8px !important; height: 16rpx !important;
} }
.cell_list .t{ .cell_list .t{
color: #3d3d3d; font-size: 14px; font-weight: 400; line-height: 25px; color: #3d3d3d; font-size: 28rpx; font-weight: 400; line-height: 50rpx;
} }
.cell_list .d{ .cell_list .d{
color: #3d3d3d; font-size: 16px; font-weight: 400; line-height: 25px; color: #3d3d3d; font-size: 32rpx; font-weight: 400; line-height: 50rpx;
} }
.cell_list .d1{ .cell_list .d1{
color: #999; font-size: 14px; font-weight: 400; line-height: 25px; color: #999; font-size: 28rpx; font-weight: 400; line-height: 50rpx;
} }
.cell_list .u{ .cell_list .u{
color: #1D61E7; font-weight: 600;float: right; font-size: 16px; color: #1D61E7; font-weight: 600;float: right; font-size: 32rpx;
} }
.cell_list .u1{ .cell_list .u1{
color: #333; font-weight: 600;float: right;font-size: 16px; color: #333; font-weight: 600;float: right;font-size: 32rpx;
} }
.w{ .w{
background-color: #F8F8F8; border-radius: 10px; padding: 20rpx 10rpx; background-color: #F8F8F8; border-radius: 20rpx; padding: 20rpx 10rpx;
} }
.w .t{ .w .t{
text-align: center; margin-top: 10px; font-size: 14px; text-align: center; margin-top: 20rpx; font-size: 28rpx;
} }
</style> </style>

58
pages/wallet/putforward.vue
View File

@ -1,19 +1,22 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('putforward.title')" bgColor="#fff"> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
<image slot="right" style="width: 40rpx; height: 40rpx; margin-right: 20px;" src="/static/images/r2.png" mode="cover" @click="onTokenJump('/pages/wallet/fundrecords?id=3')"></image> :title="$t('putforward.title')" backgroundColor="#fff">
</nav-bar> <template v-slot:right>
<view style="width: 94%; margin: 10px auto; padding: 20rpx 10rpx;"> <image style="width: 40rpx; height: 40rpx;" src="/static/images/r2.png" mode="cover" @click="onTokenJump('/pages/wallet/fundrecords?id=3')"></image>
</template>
</uni-nav-bar>
<view style="width: 94%; margin: 20rpx auto; padding: 20rpx 10rpx;">
<uni-forms :modelValue="putmodel" label-position="top" :rules="rules" ref="form"> <uni-forms :modelValue="putmodel" label-position="top" :rules="rules" ref="form">
<uni-forms-item name="address"> <uni-forms-item name="address">
<view style="padding-bottom: 10px;"> <view style="padding-bottom: 20rpx;">
<view style="float: left; font-size: 16px; color: #333; font-weight: 400;">{{$t('putforward.text7')}}</view> <view style="float: left; font-size: 32rpx; color: #333; font-weight: 400;">{{$t('putforward.text7')}}</view>
<view style="float: right; font-size: 14px; color: #333; font-weight: 400;" @click="onPageJump('/pages/wallet/switchnetwork')"> <view style="float: right; font-size: 28rpx; color: #333; font-weight: 400;" @click="onPageJump('/pages/wallet/switchnetwork')">
<image style="width: 18px; height: 18px; float: left;" v-if="network=='TRC-20'" src="/static/images/s1.png" mode="cover"></image> <image style="width: 36rpx; height: 36rpx; float: left;" v-if="network=='TRC-20'" src="/static/images/s1.png" mode="cover"></image>
<span style="margin-left: 10px; float: left;" v-if="network=='TRC-20'">Tron(TRC20)</span> <span style="margin-left: 20rpx; float: left;" v-if="network=='TRC-20'">Tron(TRC20)</span>
<image style="width: 18px; height: 18px; float: left;" v-if="network=='BEP-20'" src="/static/images/s2.png" mode="cover"></image> <image style="width: 36rpx; height: 36rpx; float: left;" v-if="network=='BEP-20'" src="/static/images/s2.png" mode="cover"></image>
<span style="margin-left: 10px; float: left;" v-if="network=='BEP-20'">BSC-BNB(BEP20)</span> <span style="margin-left: 20rpx; float: left;" v-if="network=='BEP-20'">BSC-BNB(BEP20)</span>
<uni-icons size="20" type="down" style=" margin-left: 10px;"></uni-icons> <uni-icons size="20" type="down" style=" margin-left: 20rpx;"></uni-icons>
</view> </view>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
@ -31,13 +34,13 @@
<view> <view>
<uni-easyinput type="number" v-model="putmodel.amount" :placeholder="$t('putforward.text10', {par: withdrawlminimum})"> <uni-easyinput type="number" v-model="putmodel.amount" :placeholder="$t('putforward.text10', {par: withdrawlminimum})">
<template #right> <template #right>
<view style="float: left; font-size: 12px;">USDT</view> <view style="float: left; font-size: 24rpx;">USDT</view>
<view style="margin:20rpx; float: right;"> <view style="margin:20rpx; float: right;">
<span class="s" @click="max">Max</span></view> <span class="s" @click="max">Max</span></view>
</template> </template>
</uni-easyinput> </uni-easyinput>
</view> </view>
<view style="font-size: 14px; color: #999; font-weight: 500; line-height: 50upx;">{{$t('putforward.text11')}}： <view style="font-size: 28rpx; color: #999; font-weight: 500; line-height: 50upx;">{{$t('putforward.text11')}}：
<span style="color: #1D61E7;">{{parseFloat(user.money).toFixed(2)}} USDT</span></view> <span style="color: #1D61E7;">{{parseFloat(user.money).toFixed(2)}} USDT</span></view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item label="PIN code" name="pincode"> <uni-forms-item label="PIN code" name="pincode">
@ -45,7 +48,7 @@
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
</view> </view>
<view style="bottom: 0px; position: absolute; width:100vw; height: 180px;"> <view style="bottom: 0rpx; position: absolute; width:100vw; height: 360rpx;">
<view class="cell_list"> <view class="cell_list">
<view class="cell_left txt">{{$t('putforward.text13')}}</view> <view class="cell_left txt">{{$t('putforward.text13')}}</view>
<view class="cell_right " v-if="showCosts">{{costs}} USDT</view> <view class="cell_right " v-if="showCosts">{{costs}} USDT</view>
@ -53,7 +56,7 @@
</view> </view>
<view class="cell_list"> <view class="cell_list">
<view class="cell_left txt">{{$t('putforward.text14')}}</view> <view class="cell_left txt">{{$t('putforward.text14')}}</view>
<view class="cell_right" style="font-size: 18px; font-weight: 600;">{{totalAmount}} USDT</view> <view class="cell_right" style="font-size: 36rpx; font-weight: 600;">{{totalAmount}} USDT</view>
</view> </view>
<view class="cell_list"> <view class="cell_list">
<button type="primary" round style="width: 100%;" @click="submit">{{$t('buttonSubmit')}}</button> <button type="primary" round style="width: 100%;" @click="submit">{{$t('buttonSubmit')}}</button>
@ -121,9 +124,7 @@
}else{ }else{
this.showCosts = false; this.showCosts = false;
} }
console.log(parseFloat(newVal == '' ? 0 : newVal), parseFloat(this.costs));
this.totalAmount = parseFloat(newVal == '' ? 0 : newVal) - parseFloat(this.costs); this.totalAmount = parseFloat(newVal == '' ? 0 : newVal) - parseFloat(this.costs);
console.log(this.totalAmount);
if(this.totalAmount < 0){ if(this.totalAmount < 0){
this.totalAmount = 0; this.totalAmount = 0;
} }
@ -172,6 +173,17 @@
max(){ max(){
this.putmodel.amount = parseFloat(this.user.money) ; this.putmodel.amount = parseFloat(this.user.money) ;
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
onPickerChange(e) { onPickerChange(e) {
let address = this.addressList[e.detail.value]; let address = this.addressList[e.detail.value];
this.putmodel.address = address.address; this.putmodel.address = address.address;
@ -258,18 +270,18 @@
body{background-color: #fff;} body{background-color: #fff;}
.page{min-height: 96vh;position: relative;} .page{min-height: 96vh;position: relative;}
.rechargeTitle{ .rechargeTitle{
font-weight: 400;font-size: 16px;color: #999999;line-height: 23px; text-align: center; margin-top: 30px; font-weight: 400;font-size: 32rpx;color: #999999;line-height: 46rpx; text-align: center; margin-top: 60rpx;
} }
.rechargeNet{ .rechargeNet{
font-weight: 600;font-size: 20px;color: #333;line-height: 23px; text-align: center; margin-top: 20px; font-weight: 600;font-size: 40rpx;color: #333;line-height: 46rpx; text-align: center; margin-top: 40rpx;
} }
.txt{ .txt{
font-size: 14px; color:#999; font-weight: 500; font-size: 28rpx; color:#999; font-weight: 500;
} }
.cell_right{ .cell_right{
font-size: 14px; color:#333; font-weight: 500; font-size: 28rpx; color:#333; font-weight: 500;
} }
.s{ .s{
border-radius: 10px; border: 1px solid #1D61E7; padding: 2px 8px; color: #1D61E7; font-size: 28rpx; font-weight: 600; border-radius: 20rpx; border: 2rpx solid #1D61E7; padding: 4rpx 16rpx; color: #1D61E7; font-size: 28rpx; font-weight: 600;
} }
</style> </style>

46
pages/wallet/recharge.vue
View File

@ -1,18 +1,21 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('recharge.title')" bgColor="#fff"> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
<image slot="right" style="width: 40rpx; height: 40rpx; margin-right: 20px;" src="/static/images/r2.png" mode="cover" @click="onTokenJump('/pages/wallet/fundrecords?id=2')"></image> :title="$t('recharge.title')" backgroundColor="#fff">
</nav-bar> <template v-slot:right>
<image style="width: 40rpx; height: 40rpx;" src="/static/images/r2.png" mode="cover" @click="onTokenJump('/pages/wallet/fundrecords?id=2')"></image>
</template>
</uni-nav-bar>
<view class="rechargeTitle">{{$t('recharge.text1')}}</view> <view class="rechargeTitle">{{$t('recharge.text1')}}</view>
<view class="rechargeNet" @click="onPageJump('/pages/wallet/switchnetwork')">{{rechargeModel.name}} <view class="rechargeNet" @click="onPageJump('/pages/wallet/switchnetwork')">{{rechargeModel.name}}
<uni-icons size="20" type="down" style="margin-left: 10px;"></uni-icons></view> <uni-icons size="20" type="down" style="margin-left: 20rpx;"></uni-icons></view>
<view v-if="show==1" style="width: 80vw; margin: 40rpx auto 20rpx auto;"> <view v-if="show==1" style="width: 80vw; margin: 40rpx auto 20rpx auto;">
<uni-forms :modelValue="rechargeModel" label-position="left"> <uni-forms :modelValue="rechargeModel" label-position="left">
<uni-forms-item :label="$t('recharge.text2')" labelWidth="280rpx"> <uni-forms-item :label="$t('recharge.text2')" labelWidth="280rpx">
<view> <view>
<uni-easyinput type="number" v-model="rechargeModel.amount" :placeholder="$t('putforward.text10', {par: init.recharge_minimum})"> <uni-easyinput type="number" v-model="rechargeModel.amount" :placeholder="$t('putforward.text10', {par: init.recharge_minimum})">
<template #right> <template #right>
<view style="float: left; font-size: 12px; margin-right: 20rpx;">USDT</view> <view style="float: left; font-size: 24rpx; margin-right: 20rpx;">USDT</view>
</template> </template>
</uni-easyinput> </uni-easyinput>
</view> </view>
@ -21,28 +24,28 @@
</uni-forms> </uni-forms>
</view> </view>
<view v-if="show==2"> <view v-if="show==2">
<view style="text-align: center; margin-top: 10px;"> <view style="text-align: center; margin-top: 20rpx;">
<view v-if="show=2" style="text-align: center; width: 260rpx; margin: auto;"> <view v-if="show=2" style="text-align: center; width: 260rpx; margin: auto;">
<tki-qrcode ref="qrcode" :val="qrcode" :size="size" :unit="unit" :onval="onval" :load-make="load_make" :show-loading="show_loading" :lv="lv" :background="background" :foreground="foreground" :pdground="pdground" :icon='icon' :iconsize='iconsize' /> <tki-qrcode ref="qrcode" :val="qrcode" :size="size" :unit="unit" :onval="onval" :load-make="load_make" :show-loading="show_loading" :lv="lv" :background="background" :foreground="foreground" :pdground="pdground" :icon='icon' :iconsize='iconsize' />
</view> </view>
</view> </view>
<view style="font-size: 16px; color: #999; text-align: center;">{{$t('recharge.text3')}} {{init.recharge_minimum}} USDT</view> <view style="font-size: 32rpx; color: #999; text-align: center;">{{$t('recharge.text3')}} {{init.recharge_minimum}} USDT</view>
<view style="width: 92%; margin: 10px auto; background-color: #F8F8F8; padding: 15px 10px;"> <view style="width: 92%; margin: 20rpx auto; background-color: #F8F8F8; padding: 30rpx 20rpx;">
<view style="width: 70%; float: left;"> <view style="width: 70%; float: left;">
<view style="color: #999; font-size: 14px;">{{$t('recharge.text4')}}</view> <view style="color: #999; font-size: 28rpx;">{{$t('recharge.text4')}}</view>
<view style="width: 100%; font-size: 16px; color: #333; font-weight: 600; margin-top: 10px; white-space: pre-wrap; word-break: break-all;">{{qrcode}}</view> <view style="width: 100%; font-size: 32rpx; color: #333; font-weight: 600; margin-top: 20rpx; white-space: pre-wrap; word-break: break-all;">{{qrcode}}</view>
</view> </view>
<view> <view>
<button type="primary" @click="copy(qrcode)" style="background-color: #1D61E7; margin-top: 25px; padding: 0px 20px; line-height: 35px; border-radius: 10px; color: #fff; float: right;">{{$t('copy')}}</button> <button type="primary" @click="copy(qrcode)" style="background-color: #1D61E7; margin-top: 50rpx; padding: 0rpx 40rpx; line-height: 70rpx; border-radius: 20rpx; color: #fff; float: right;">{{$t('copy')}}</button>
</view> </view>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
</view> </view>
<view style="width: 92%; margin: 10px auto;"> <view style="width: 92%; margin: 20rpx auto;">
<view class="cell_list"> <view class="cell_list">
<view style="color: #333; font-size: 18px; font-weight: 600;">{{$t('recharge.text5')}}</view> <view style="color: #333; font-size: 36rpx; font-weight: 600;">{{$t('recharge.text5')}}</view>
</view> </view>
<view style="color: #999; line-height: 30px; font-size: 16px; font-weight: 400; padding: 5px 10px;"> <view style="color: #999; line-height: 60rpx; font-size: 32rpx; font-weight: 400; padding: 10rpx 20rpx;">
1. {{$t('recharge.text6')}}<br> 1. {{$t('recharge.text6')}}<br>
2. {{$t('recharge.text7')}}<br> 2. {{$t('recharge.text7')}}<br>
3. {{$t('recharge.text8')}}<br> 3. {{$t('recharge.text8')}}<br>
@ -119,6 +122,17 @@
url: url.indexOf('switchnetwork') > 0 ? url + "?page=recharge&network="+this.network : url+"?page=recharge" url: url.indexOf('switchnetwork') > 0 ? url + "?page=recharge&network="+this.network : url+"?page=recharge"
}); });
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
onTokenJump(url) { onTokenJump(url) {
this.judgeLogin(() => { this.judgeLogin(() => {
uni.navigateTo({ uni.navigateTo({
@ -192,9 +206,9 @@
@import '@/style/mixin.scss'; @import '@/style/mixin.scss';
body{background-color: #fff;} body{background-color: #fff;}
.rechargeTitle{ .rechargeTitle{
font-weight: 400;font-size: 16px;color: #999999;line-height: 23px; text-align: center; margin-top: 30px; font-weight: 400;font-size: 32rpx;color: #999999;line-height: 46rpx; text-align: center; margin-top: 60rpx;
} }
.rechargeNet{ .rechargeNet{
font-weight: 600;font-size: 20px;color: #333;line-height: 23px; text-align: center; margin-top: 20px; font-weight: 600;font-size: 40rpx;color: #333;line-height: 46rpx; text-align: center; margin-top: 40rpx;
} }
</style> </style>

50
pages/wallet/switchnetwork.vue
View File

@ -1,46 +1,47 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('SelectNetwork.title')" bgColor="#fff"></nav-bar> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
<view style="width: 92%; margin: 10px auto; background-color: #F8F8F8; padding: 15px 10px;"> :title="$t('SelectNetwork.title')" backgroundColor="#fff"></uni-nav-bar>
<view style="width: 92%; margin: 20rpx auto; background-color: #F8F8F8; padding: 30rpx 20rpx;">
<uni-row :gutter="0"> <uni-row :gutter="0">
<uni-col :span="2"> <uni-col :span="2">
<image src='/static/images/a1.png' style="width: 30rpx; height: 30rpx; margin-top: 4rpx;"></image> <image src='/static/images/a1.png' style="width: 30rpx; height: 30rpx; margin-top: 4rpx;"></image>
</uni-col> </uni-col>
<uni-col :span="22"> <uni-col :span="22">
<view style="color: #999; font-size: 14px;"> <view style="color: #999; font-size: 28rpx;">
{{$t('SelectNetwork.text1')}} {{$t('SelectNetwork.text1')}}
</view> </view>
</uni-col> </uni-col>
</uni-row> </uni-row>
<view style="clear: both;"></view> <view style="clear: both;"></view>
</view> </view>
<view style="width: 92%; margin: 10px auto; padding: 15px 10px;"> <view style="width: 92%; margin: 20rpx auto; padding: 30rpx 20rpx;">
<uni-row @click.native="switchnetwork('TRC-20')"> <uni-row @click.native="switchnetwork('TRC-20')">
<uni-col :span="4"> <uni-col :span="4">
<image style="width: 33px; height: 33px; margin: 10px 5px;" src="/static/images/s1.png" fit="cover"></image> <image style="width: 66rpx; height: 66rpx; margin: 20rpx 10rpx;" src="/static/images/s1.png" fit="cover"></image>
</uni-col> </uni-col>
<uni-col :span="18"> <uni-col :span="18">
<view style="color: #999; font-size: 14px;"> <view style="color: #999; font-size: 28rpx;">
<view style="font-weight: 600;font-size: 16px;color: #333333;">Tron(TRC20)</view> <view style="font-weight: 600;font-size: 32rpx;color: #333333;">Tron(TRC20)</view>
<view style="font-weight: 400;font-size: 14px;color: #999;" v-if="page=='recharge'">{{$t('SelectNetwork.text2')}}: {{recharge_minimum}} USDT</view> <view style="font-weight: 400;font-size: 28rpx;color: #999;" v-if="page=='recharge'">{{$t('SelectNetwork.text2')}}: {{recharge_minimum}} USDT</view>
<view style="font-weight: 400;font-size: 14px;color: #999;" v-if="page=='putforward'">{{$t('SelectNetwork.text3')}}: {{withdrawl_minimum['TRC-20']}} USDT</view> <view style="font-weight: 400;font-size: 28rpx;color: #999;" v-if="page=='putforward'">{{$t('SelectNetwork.text3')}}: {{withdrawl_minimum['TRC-20']}} USDT</view>
<view style="font-weight: 400;font-size: 14px;color: #999;">{{$t('SelectNetwork.text4')}}</view> <view style="font-weight: 400;font-size: 28rpx;color: #999;">{{$t('SelectNetwork.text4')}}</view>
</view> </view>
</uni-col> </uni-col>
<uni-col :span="2"> <uni-col :span="2">
<uni-icons type="checkbox-filled" size="20" v-if="onchick=='TRC-20'" style="color: rgb(64, 158, 255); margin-top: 40rpx;"></uni-icons> <uni-icons type="checkbox-filled" size="20" v-if="onchick=='TRC-20'" style="color: rgb(64, 158, 255); margin-top: 40rpx;"></uni-icons>
</uni-col> </uni-col>
</uni-row> </uni-row>
<uni-row style="margin-top: 40px;" @click.native="switchnetwork('BEP-20')"> <uni-row style="margin-top: 80rpx;" @click.native="switchnetwork('BEP-20')">
<uni-col :span="4"> <uni-col :span="4">
<image style="width: 33px; height: 33px; margin: 10px 5px;" src="/static/images/s2.png" fit="cover"></image> <image style="width: 66rpx; height: 66rpx; margin: 20rpx 10rpx;" src="/static/images/s2.png" fit="cover"></image>
</uni-col> </uni-col>
<uni-col :span="18"> <uni-col :span="18">
<view style="color: #999; font-size: 14px;"> <view style="color: #999; font-size: 28rpx;">
<view style="font-weight: 600;font-size: 16px;color: #333333;">BSC-BNB Smart Chain(BEP20)</view> <view style="font-weight: 600;font-size: 32rpx;color: #333333;">BSC-BNB Smart Chain(BEP20)</view>
<view style="font-weight: 400;font-size: 14px;color: #999;" v-if="page=='recharge'">{{$t('SelectNetwork.text2')}}: {{recharge_minimum}} USDT</view> <view style="font-weight: 400;font-size: 28rpx;color: #999;" v-if="page=='recharge'">{{$t('SelectNetwork.text2')}}: {{recharge_minimum}} USDT</view>
<view style="font-weight: 400;font-size: 14px;color: #999;" v-if="page=='putforward'">{{$t('SelectNetwork.text3')}}: {{withdrawl_minimum['BEP-20']}} USDT</view> <view style="font-weight: 400;font-size: 28rpx;color: #999;" v-if="page=='putforward'">{{$t('SelectNetwork.text3')}}: {{withdrawl_minimum['BEP-20']}} USDT</view>
<view style="font-weight: 400;font-size: 14px;color: #999;">{{$t('SelectNetwork.text4')}}</view> <view style="font-weight: 400;font-size: 28rpx;color: #999;">{{$t('SelectNetwork.text4')}}</view>
</view> </view>
</uni-col> </uni-col>
<uni-col :span="2"> <uni-col :span="2">
@ -97,6 +98,17 @@
url: url+"" url: url+""
}); });
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
onTokenJump(url) { onTokenJump(url) {
this.judgeLogin(() => { this.judgeLogin(() => {
uni.navigateTo({ uni.navigateTo({
@ -129,9 +141,9 @@
@import '@/style/mixin.scss'; @import '@/style/mixin.scss';
body{background-color: #fff;} body{background-color: #fff;}
.rechargeTitle{ .rechargeTitle{
font-weight: 400;font-size: 16px;color: #999999;line-height: 23px; text-align: center; margin-top: 30px; font-weight: 400;font-size: 32rpx;color: #999999;line-height: 46rpx; text-align: center; margin-top: 60rpx;
} }
.rechargeNet{ .rechargeNet{
font-weight: 600;font-size: 20px;color: #333;line-height: 23px; text-align: center; margin-top: 20px; font-weight: 600;font-size: 40rpx;color: #333;line-height: 46rpx; text-align: center; margin-top: 40rpx;
} }
</style> </style>

50
pages/wallet/transfer.vue
View File

@ -1,9 +1,12 @@
<template> <template>
<view class="page"> <view class="page">
<nav-bar :title="$t('transfer.title')" bgColor="#fff"> <uni-nav-bar @clickLeft="goto(1, 1)" left-icon="back" :border="false" :shadow="false" :fixed="true"
<image slot="right" style="width: 40rpx; height: 40rpx; margin-right: 20px;" src="/static/images/r2.png" mode="cover" @click="onTokenJump('/pages/wallet/fundrecords?id=4')"></image> :title="$t('transfer.title')" backgroundColor="#fff">
</nav-bar> <template v-slot:right>
<view style="width: 92%; margin: 10px auto; padding: 15px 10px;"> <image style="width: 40rpx; height: 40rpx;" src="/static/images/r2.png" mode="cover" @click="onTokenJump('/pages/wallet/fundrecords?id=4')"></image>
</template>
</uni-nav-bar>
<view style="width: 94%; margin: 20rpx auto; padding: 30rpx 10rpx;">
<uni-forms :modelValue="transferModel" label-position="top" :rules="rules" ref="form"> <uni-forms :modelValue="transferModel" label-position="top" :rules="rules" ref="form">
<uni-forms-item :label="$t('transfer.text7')" name="email" labelWidth="400rpx"> <uni-forms-item :label="$t('transfer.text7')" name="email" labelWidth="400rpx">
<uni-combox :candidates="formattedItems" :placeholder="$t('transfer.text8')" v-model="transferModel.email"></uni-combox> <uni-combox :candidates="formattedItems" :placeholder="$t('transfer.text8')" v-model="transferModel.email"></uni-combox>
@ -12,13 +15,13 @@
<view> <view>
<uni-easyinput type="number" v-model="transferModel.amount" :placeholder="$t('transfer.text10')"> <uni-easyinput type="number" v-model="transferModel.amount" :placeholder="$t('transfer.text10')">
<template #right> <template #right>
<view style="float: left; font-size: 12px;">USDT</view> <view style="float: left; font-size: 24rpx;">USDT</view>
<view style="margin:20rpx; float: right;"> <view style="margin:20rpx; float: right;">
<span class="s" @click="max">Max</span></view> <span class="s" @click="max">Max</span></view>
</template> </template>
</uni-easyinput> </uni-easyinput>
</view> </view>
<view style="font-size: 14px; color: #999; font-weight: 500; line-height: 50upx; margin-top: 10rpx;">{{$t('transfer.text11')}}： <view style="font-size: 28rpx; color: #999; font-weight: 500; line-height: 50upx; margin-top: 10rpx;">{{$t('transfer.text11')}}：
<span style="color: #1D61E7;">{{user.money }} USDT</span></view> <span style="color: #1D61E7;">{{user.money }} USDT</span></view>
</uni-forms-item> </uni-forms-item>
<uni-forms-item :label="$t('transfer.text3')" name="pincode"> <uni-forms-item :label="$t('transfer.text3')" name="pincode">
@ -26,10 +29,10 @@
</uni-forms-item> </uni-forms-item>
</uni-forms> </uni-forms>
</view> </view>
<view style="bottom: 0px; position: absolute; width:100vw; height: 150px;"> <view style="bottom: 0rpx; position: absolute; width:100vw; height: 300rpx;">
<view class="cell_list"> <view class="cell_list">
<view class="cell_left txt">{{$t('transfer.text12')}}</view> <view class="cell_left txt">{{$t('transfer.text12')}}</view>
<view class="cell_right" style="font-size: 18px; font-weight: 600;">{{transferModel.amount}} USDT</view> <view class="cell_right" style="font-size: 36rpx; font-weight: 600;">{{transferModel.amount}} USDT</view>
</view> </view>
<view class="cell_list"> <view class="cell_list">
<button type="primary" round style="width: 100%;" @click="submit">{{$t('buttonSubmit')}}</button> <button type="primary" round style="width: 100%;" @click="submit">{{$t('buttonSubmit')}}</button>
@ -43,6 +46,7 @@
mapState, mapState,
mapMutations mapMutations
} from 'vuex'; } from 'vuex';
import { getUserInfo } from '@/config/utils';
export default { export default {
data() { data() {
return { return {
@ -96,13 +100,10 @@
this.$http.get('/api/common/init?lang='+this.$i18n.locale).then(res => { this.$http.get('/api/common/init?lang='+this.$i18n.locale).then(res => {
this.init = res.data; this.init = res.data;
}); });
this.$http.get('/api/user/profile?nickname='+this.userInfo.nickname+'&lang='+this.$i18n.locale).then(res => { getUserInfo(this.$i18n.locale).then(res => {
if(res.code == 0){ this.user = res;
this.user = res.data;
this.user.money = parseFloat(this.user.money).toFixed(4);
this.setUserInfo(res.data);
}
}); });
let data = { let data = {
kw: this.transferModel.email, kw: this.transferModel.email,
lang: this.$i18n.locale, lang: this.$i18n.locale,
@ -121,6 +122,17 @@
max(){ max(){
this.transferModel.amount = parseFloat(this.user.money == '' ? 0 : this.user.money); this.transferModel.amount = parseFloat(this.user.money == '' ? 0 : this.user.money);
}, },
goto(url, type) {
if (type == 2) {
return uni.switchTab({ url: url })
}
if (type == 1) {
return uni.navigateBack({ delta: url });
}
uni.navigateTo({
url: url
})
},
onPageJump(url) { onPageJump(url) {
uni.navigateTo({ uni.navigateTo({
url: url url: url
@ -185,18 +197,18 @@
body{background-color: #fff;} body{background-color: #fff;}
.page{min-height: 100vh;position: relative;} .page{min-height: 100vh;position: relative;}
.rechargeTitle{ .rechargeTitle{
font-weight: 400;font-size: 16px;color: #999999;line-height: 23px; text-align: center; margin-top: 30px; font-weight: 400;font-size: 32rpx;color: #999999;line-height: 46rpx; text-align: center; margin-top: 60rpx;
} }
.rechargeNet{ .rechargeNet{
font-weight: 600;font-size: 20px;color: #333;line-height: 23px; text-align: center; margin-top: 20px; font-weight: 600;font-size: 40rpx;color: #333;line-height: 46rpx; text-align: center; margin-top: 40rpx;
} }
.txt{ .txt{
font-size: 14px; color:#999; font-weight: 500; font-size: 28rpx; color:#999; font-weight: 500;
} }
.cell_right{ .cell_right{
font-size: 14px; color:#333; font-weight: 500; font-size: 28rpx; color:#333; font-weight: 500;
} }
.s{ .s{
border-radius: 10px; border: 1px solid #1D61E7; padding: 2px 8px; color: #1D61E7; font-size: 28rpx; font-weight: 600; border-radius: 20rpx; border: 2rpx solid #1D61E7; padding: 4rpx 16rpx; color: #1D61E7; font-size: 28rpx; font-weight: 600;
} }
</style> </style>

BIN
static/im/kefu.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 5.7 KiB

BIN
static/im/kefu1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 8.6 KiB

BIN
static/images/setp.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
static/images/step1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 134 KiB

BIN
static/images/step2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 102 KiB

BIN
static/images/step3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 103 KiB

BIN
static/images/step4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 95 KiB

BIN
static/images/step5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 124 KiB

BIN
static/images/step6-1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 48 KiB

BIN
static/images/step6-2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

BIN
static/images/step7.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB