From 45190f969dd8c7d3d2c6e366694f0dadc5ea07e8 Mon Sep 17 00:00:00 2001
From: lxf <1371462558@qq.com>
Date: Mon, 19 May 2025 16:43:12 +0800
Subject: [PATCH] 样式修改
---
src/page/helpCenter/index.vue | 607 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 588 insertions(+), 19 deletions(-)
diff --git a/src/page/helpCenter/index.vue b/src/page/helpCenter/index.vue
index bcc2b65..84e199f 100644
--- a/src/page/helpCenter/index.vue
+++ b/src/page/helpCenter/index.vue
@@ -1,7 +1,7 @@
<template>
<div class="helpCenter">
<assets-head :title="$t('帮助中心')" />
- <div class="content">
+ <!-- <div class="content">
<div class="item" v-for="(item, index) in listArr" :key="index" @click="$router.push({
path: '/helpDetail',
query: { // 这个位置把参数都带过去
@@ -11,47 +11,610 @@
<span class="textColor">{{ item.title }}</span>
<div class="moreBox"><img src="@/assets/image/userCenter/more.png" alt=""></div>
</div>
+ </div> -->
+
+ <div class="content-wrp">
+ <div style="position: relative">
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ <b>{{ $t("如何邮箱注册") }}</b>
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 1.
+ {{
+ $t(
+ "点击Coinmate主页右上角的注册，进入注册页面，默认为邮箱注册页面。"
+ )
+ }}
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 2. {{ $t("输入您的电子邮件地址并获取验证码。") }}
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 3. {{ $t("登录邮箱并核对相应的验证码。") }}
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 4. {{ $t("输入刚收到的验证码") }} - {{ $t("设置登录密码") }} -
+ {{ $t("确认登录密码") }} - {{ $t("填写邀请码") }} -
+ {{
+ $t(
+ "最后点击注册。恭喜您，您已经完成了电子邮件注册，开始体验交易吧~！"
+ )
+ }}
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ <b>{{ $t("如何进行实名认证") }}</b>
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 1. {{ $t("点击主页右上角的账户，进入「个人账户中心」设置。") }}
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 2.
+ {{ $t("在左侧导航栏中找到 「实名认证」，点击右侧的 「未认证」。") }}
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 3.
+ {{
+ $t(
+ "点击 「初次认证」，输入手机号+姓名+实际年龄+住址，点击提交认证即可。"
+ )
+ }}
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 4. {{ $t("耐心等待审核，审核时间为 1~2 小时。") }}
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ <b>{{ $t("什么是充值，如何进行充值") }}</b>
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ {{
+ $t(
+ "充值也称为硬币充值，是指将数字资产从其他交易平台转移至Coinmate平台的过程。如何充值？以从A交易平台充值美元到（Coinmate）资金帐户为例："
+ )
+ }}
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 1.{{ $t("打开 A 平台后找到「提币（提现）」按钮") }}
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 2.{{
+ $t(
+ "打开Coinmate官网，登入账户，点选平台内「我的资产」选单栏，点击「充值」选择 A 平台要转移到Coinmate的币种。"
+ )
+ }}
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 3.{{
+ $t(
+ "点选「复制」将从 Coinmate的充币地址粘贴到 A 平台的提现地址中，输入提现数量，确认后点选提交。"
+ )
+ }}
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 4.{{
+ $t(
+ "根据 A 平台规定，您可能还需要输入 Google 验证码、手机验证码或邮箱验证码等确认，然后提币申请才会发布到区块链网络。矿工确认后，充值将发送至Coinmate交易账户。"
+ )
+ }}
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ <b>{{ $t("什么是提币，如何进行提现") }}</b>
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ {{
+ $t(
+ "提现也称为提取现金，是指将数字资产从Coinmate平台转移到其他平台或个人钱包的过程。如何提现？以Coinmate 合约账户提取 BTC 到 A 平台为例："
+ )
+ }}
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 1.{{
+ $t(
+ "打开 Coinmate 官网，登入账户，点选平台「资金管理」选单栏，点击「资金划转」将您要提现的 BTC 从合约账户转入资金账户（任何币种都需要划转至资金账户才能提取）。"
+ )
+ }}
+ </p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ ></p>
+ <p
+ class="p"
+ style="
+ margin-top: 0pt;
+ margin-right: 0pt;
+ margin-bottom: 7.5pt;
+ margin-left: 0pt;
+ text-indent: 0pt;
+ padding: 0pt 0pt 0pt 0pt;
+ mso-pagination: widow-orphan;
+ "
+ >
+ 2.{{
+ $t(
+ "点击「提币」选择 BTC 进入提币界面，输入 A 平台的 BTC提币地址和数量，点击“提交”。根据 Coinmate的规定，您需要输入您的资金密码，确认无误后，提币申请才会发布到区块链网络上。矿工确认后，您的提币就完成了。"
+ )
+ }}
+ </p>
+ <p></p>
+ </div>
</div>
</div>
</template>
<script>
-import { Icon } from 'vant';
+import { Icon } from "vant";
import assetsHead from "@/components/assets-head";
import Axios from "@/API/login.js";
export default {
name: "helpCenter",
components: {
[Icon.name]: Icon,
- assetsHead
+ assetsHead,
},
data() {
return {
- listArr: []
- }
+ listArr: [],
+ };
},
mounted() {
- this.getHelpCenter()
+ this.getHelpCenter();
},
methods: {
onClickLeft() {
- this.$router.push('/')
+ this.$router.push("/");
},
getHelpCenter() {
Axios.helpCenter({
- model: 'help_center',
+ model: "help_center",
language: this.$i18n.locale,
- }).then((res) => {
- this.listArr = res.data
- console.log('list', res)
- }).catch((error) => {
- if (error.code === 'ECONNABORTED') { this.$toast(this.$t('网络超时！')); }
- else if (error.msg !== undefined) { this.$toast(this.$t(error.msg)); }
- });
+ })
+ .then((res) => {
+ this.listArr = res.data;
+ console.log("list", res);
+ })
+ .catch((error) => {
+ if (error.code === "ECONNABORTED") {
+ this.$toast(this.$t("网络超时！"));
+ } else if (error.msg !== undefined) {
+ this.$toast(this.$t(error.msg));
+ }
+ });
},
- }
-
-}
+ },
+};
</script>
<style lang="scss" scoped>
@@ -63,6 +626,12 @@
.content {
font-size: 26px;
padding: 0 32px;
+}
+.content-wrp {
+ // padding-top: 65px;
+ padding: 7rem 2.4rem 2.4rem 2.4rem;
+ font-size: 2.5rem;
+ color: #fff;
}
.item {
@@ -81,4 +650,4 @@
height: 100%;
}
}
-</style>
\ No newline at end of file
+</style>
--
Gitblit v1.9.3