0510航天交易所ui仿制,代码使用的jiem
lxf
2025-07-16 fcb00a66b4053550b473a29d7299c7a4737eea75
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(
              "点击Deepcoin主页右上角的注册,进入注册页面,默认为邮箱注册页面。"
            )
          }}
        </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;
          "
        >
          3. {{ $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(
              "充值也称为硬币充值,是指将数字资产从其他交易平台转移至Deepcoin平台的过程。如何充值?以从A交易平台充值美元到(Deepcoin)资金帐户为例:"
            )
          }}
        </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(
              "打开Deepcoin官网,登入账户,点选平台内「我的资产」选单栏,点击「充值」选择 A 平台要转移到Deepcoin的币种。"
            )
          }}
        </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(
              "点选「复制」将从 Deepcoin的充币地址粘贴到 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 验证码、手机验证码或邮箱验证码等确认,然后提币申请才会发布到区块链网络。矿工确认后,充值将发送至Deepcoin交易账户。"
            )
          }}
        </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(
              "提现也称为提取现金,是指将数字资产从Deepcoin平台转移到其他平台或个人钱包的过程。如何提现?以Deepcoin 合约账户提取 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(
              "打开 Deepcoin 官网,登入账户,点选平台「资金管理」选单栏,点击「资金划转」将您要提现的 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提币地址和数量,点击“提交”。根据 Deepcoin的规定,您需要输入您的资金密码,确认无误后,提币申请才会发布到区块链网络上。矿工确认后,您的提币就完成了。"
            )
          }}
        </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>
</style>