228 lines
6.9 KiB
Vue
228 lines
6.9 KiB
Vue
|
<template>
|
|||
|
|
<view class="page">
|
|||
|
|
<nav-bar title="Help Center" bgColor="#fff"></nav-bar>
|
|||
|
|
<view style="padding: 20px 15px; font-size: 16px; color: #3d3d3d;">
|
|||
|
|
Official group
|
|||
|
|
</view>
|
|||
|
|
<view class="cell_list" @click="open('qq_group')">
|
|||
|
|
<view class="cell_left txt">
|
|||
|
|
<image src="/static/images/h1.png" mode="cover" style="width: 30px; height: 30px; border-radius: 10px; margin-right: 5px;"></image>
|
|||
|
|
QQ group
|
|||
|
|
</view>
|
|||
|
|
<view class="cell_right arrow"></view>
|
|||
|
|
</view>
|
|||
|
|
<view class="cell_list" @click="open('telegram_group')">
|
|||
|
|
<view class="cell_left txt">
|
|||
|
|
<image src="/static/images/h2.png" mode="cover" style="width: 30px; height: 30px; border-radius: 10px; margin-right: 5px;"></image>
|
|||
|
|
Telegram</view>
|
|||
|
|
<view class="cell_right arrow"></view>
|
|||
|
|
</view>
|
|||
|
|
<view class="cell_list" @click="open('sigua_group')">
|
|||
|
|
<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>
|
|||
|
|
Loofah group</view>
|
|||
|
|
<view class="cell_right arrow"></view>
|
|||
|
|
</view>
|
|||
|
|
<view style="padding: 20px 15px; font-size: 16px; color: #3d3d3d;">
|
|||
|
|
Wallet download
|
|||
|
|
</view>
|
|||
|
|
<view class="cell_list">
|
|||
|
|
<view class="cell_left txt">
|
|||
|
|
<image src="/static/images/h4.png" mode="cover" style="width: 30px; height: 30px; border-radius: 10px; margin-right: 5px;"></image>
|
|||
|
|
Binance Download</view>
|
|||
|
|
<view class="cell_right" @click="copy(init.wallet_download['Binance'])">Copy URL</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">
|
|||
|
|
<view class="dialog">
|
|||
|
|
<view class="title">{{dialogTitle}}</view>
|
|||
|
|
<view style="padding-bottom: 20px; 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: 40rpx;">{{value}} </view>
|
|||
|
|
<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>
|
|||
|
|
<view style="clear: both;"></view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</uni-popup>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
import {
|
|||
|
|
mapState,
|
|||
|
|
mapMutations
|
|||
|
|
} from 'vuex';
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
init: {},
|
|||
|
|
dialogTitle: 'Select a network',
|
|||
|
|
list: {},
|
|||
|
|
type: '',
|
|||
|
|
};
|
|||
|
|
},
|
|||
|
|
computed: {
|
|||
|
|
},
|
|||
|
|
//第一次加载
|
|||
|
|
onLoad(e) {
|
|||
|
|
this.$http.get('/api/common/init?lang='+this.$i18n.locale).then(res => {
|
|||
|
|
this.init = res.data;
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
//页面显示
|
|||
|
|
onShow() {},
|
|||
|
|
//方法
|
|||
|
|
methods: {
|
|||
|
|
open(type){
|
|||
|
|
this.type = type;
|
|||
|
|
switch(type){
|
|||
|
|
case 'qq_group':
|
|||
|
|
this.list = this.init[type];
|
|||
|
|
this.dialogTitle = 'QQ Group';
|
|||
|
|
break;
|
|||
|
|
case 'telegram_group':
|
|||
|
|
this.list = this.init[type];
|
|||
|
|
this.dialogTitle = 'Telegram Group';
|
|||
|
|
break;
|
|||
|
|
case 'sigua_group':
|
|||
|
|
this.list = this.init[type];
|
|||
|
|
this.dialogTitle = 'Loofah Group';
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
this.$refs.popup.open('dialog');
|
|||
|
|
},
|
|||
|
|
onPageJump(url) {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: url
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
onTokenJump(url) {
|
|||
|
|
this.judgeLogin(() => {
|
|||
|
|
uni.navigateTo({
|
|||
|
|
url: url
|
|||
|
|
});
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
handleClose(done) {
|
|||
|
|
this.dialogVisible = false;
|
|||
|
|
},
|
|||
|
|
openQQChat(number){
|
|||
|
|
// #ifdef APP-PLUS
|
|||
|
|
if (plus.os.name === "Android") {
|
|||
|
|
var main = plus.android.runtimeMainActivity();
|
|||
|
|
var Intent = plus.android.importClass('android.content.Intent');
|
|||
|
|
var Uri = plus.android.importClass('android.net.Uri');
|
|||
|
|
var intent = new Intent(Intent.ACTION_VIEW, Uri.parse("mqqwpa://im/chat?chat_type=wpa&uin=" + qqNumber));
|
|||
|
|
main.startActivity(intent);
|
|||
|
|
} else if (plus.os.name === "iOS") {
|
|||
|
|
plus.runtime.launchApplication({
|
|||
|
|
action: "mqq://im/chat?chat_type=wpa&uin=" + qqNumber + "&version=1&src_type=web"
|
|||
|
|
}, function(e) {
|
|||
|
|
if (e.error) {
|
|||
|
|
plus.nativeUI.confirm("检查到您未安装qq，请先到App Store搜索下载？", function(i) {
|
|||
|
|
if (i.index === 0) {
|
|||
|
|
window.location.href = "https://itunes.apple.com/cn/app/mqq/";
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
// #endif
|
|||
|
|
// #ifdef H5
|
|||
|
|
location.href = 'mqqwpa://im/chat?chat_type=wpa&uin='+number+'&version=1&src_type=web';
|
|||
|
|
// #endif
|
|||
|
|
},
|
|||
|
|
copy(val = ''){
|
|||
|
|
const textArea = document.createElement('textarea');
|
|||
|
|
textArea.value = val;
|
|||
|
|
document.body.appendChild(textArea);
|
|||
|
|
textArea.select();
|
|||
|
|
try {
|
|||
|
|
document.execCommand('copy');
|
|||
|
|
uni.showToast({
|
|||
|
|
title: this.$t('copySuccess')
|
|||
|
|
});
|
|||
|
|
} catch (err) {
|
|||
|
|
console.error('Could not copy text: ', err);
|
|||
|
|
}
|
|||
|
|
document.body.removeChild(textArea);
|
|||
|
|
},
|
|||
|
|
// open1(v){
|
|||
|
|
// switch(this.type){
|
|||
|
|
// case 'qq_group':
|
|||
|
|
// openQQChat(v);
|
|||
|
|
// break;
|
|||
|
|
// case 'telegram_group':
|
|||
|
|
// location.href = 'https://t.me/v'
|
|||
|
|
// //（用户名）
|
|||
|
|
// break;
|
|||
|
|
// case 'sigua_group':
|
|||
|
|
// location.href = 'https://t.me/v'
|
|||
|
|
// break;
|
|||
|
|
// }
|
|||
|
|
// }
|
|||
|
|
},
|
|||
|
|
//页面隐藏
|
|||
|
|
onHide() {},
|
|||
|
|
//页面卸载
|
|||
|
|
onUnload() {},
|
|||
|
|
//页面下来刷新
|
|||
|
|
onPullDownRefresh() {},
|
|||
|
|
//页面上拉触底
|
|||
|
|
onReachBottom() {},
|
|||
|
|
//用户点击分享
|
|||
|
|
onShareAppMessage(e) {
|
|||
|
|
return this.wxShare();
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
@import '@/style/mixin.scss';
|
|||
|
|
body{background-color: #F8F8F8;}
|
|||
|
|
.page{min-height: 100vh;position: relative; background-color: #F8F8F8;}
|
|||
|
|
.cell_list {
|
|||
|
|
padding: 30rpx 30rpx;
|
|||
|
|
margin: 0rpx 30rpx;
|
|||
|
|
border-bottom: 1px solid #ddd;
|
|||
|
|
}
|
|||
|
|
.txt{
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 16px;
|
|||
|
|
color: #3d3d3d
|
|||
|
|
}
|
|||
|
|
.cell_right image {
|
|||
|
|
width: 140rpx;
|
|||
|
|
height: 140rpx;
|
|||
|
|
border-radius: 50%;
|
|||
|
|
}
|
|||
|
|
.dialog{
|
|||
|
|
width: 80vw; padding: 20rpx 30rpx; border-radius: 40rpx; line-height: 50rpx;
|
|||
|
|
}
|
|||
|
|
.dialog .title{
|
|||
|
|
font-size: 36rpx; font-weight: bold; text-align: center; margin-bottom: 30rpx;
|
|||
|
|
}
|
|||
|
|
.dialog .v1{
|
|||
|
|
font-weight: 600;font-size: 16px;color: #1D61E7; float:left;
|
|||
|
|
}
|
|||
|
|
</style>
|