From 1ea8924144ca38d1b9f85e225b3553e091a55dbe Mon Sep 17 00:00:00 2001
From: jhzh <1628036192@qq.com>
Date: Sat, 19 Apr 2025 18:28:46 +0800
Subject: [PATCH] 修改： k线组件问题
---
.gitignore | 1
src/views/market/components/pageDetail.vue | 16
src/views/market/page.vue | 2
src/components/commonTrade/kline.vue | 90 -
src/i18n/en/home.js | 16
src/assets/market/bamarket.css | 2
src/components/layout/commonHeader.vue | 2
src/i18n/fra/home.js | 16
src/views/market/components/pagePromote.vue | 2
src/views/market/components/hangqing.vue | 2
yarn.lock | 11
src/i18n/zh/home.js | 16
index.html | 2
src/components/constract/index.vue | 3044 ++++++++++++++++++++++++++----------------------------
src/App.vue | 2
src/i18n/cht/home.js | 16
src/i18n/de/home.js | 16
src/i18n/kor/home.js | 16
18 files changed, 1,525 insertions(+), 1,747 deletions(-)
diff --git a/.gitignore b/.gitignore
index 403adbc..86c6f8e 100644
--- a/.gitignore
+++ b/.gitignore
@@ -21,3 +21,4 @@
*.njsproj
*.sln
*.sw?
+dist.rar
diff --git a/index.html b/index.html
index b26d805..f4da355 100644
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
<!-- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,viewport-fit=cover"> -->
<!-- <meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="white" /> -->
- <title>MT10</title>
+ <title>BCWP</title>
</head>
<body>
diff --git a/src/App.vue b/src/App.vue
index a6c08b0..9ec8b16 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,7 @@
<!-- 客服 -->
<div v-if="!show_kefu" class="service-box">
<!-- <img
- src="https://MT10.com/img/service.5b4a6073.svg"
+ src="https://BCWP.com/img/service.5b4a6073.svg"
alt=""
width="60"
height="60"
diff --git a/src/assets/market/bamarket.css b/src/assets/market/bamarket.css
index c63cda3..38ff49e 100644
--- a/src/assets/market/bamarket.css
+++ b/src/assets/market/bamarket.css
@@ -793,7 +793,7 @@
box-sizing: border-box;
margin: 0;
min-width: 0;
- background: url(https://MT10.com/img/bg.c12363b3.png) center top / 100% 600px no-repeat rgb(255, 255, 255);
+ background: url(https://BCWP.com/img/bg.c12363b3.png) center top / 100% 600px no-repeat rgb(255, 255, 255);
padding-bottom: 32px;
}
diff --git a/src/components/commonTrade/kline.vue b/src/components/commonTrade/kline.vue
index b0e7cb9..58f115d 100644
--- a/src/components/commonTrade/kline.vue
+++ b/src/components/commonTrade/kline.vue
@@ -30,88 +30,7 @@
data: {
type: Array,
default() {
- return [
- {
- close: 4976.16,
- high: 4977.99,
- low: 4970.12,
- open: 4972.89,
- timestamp: 1587660000000,
- volume: 204,
- },
- {
- close: 4977.33,
- high: 4979.94,
- low: 4971.34,
- open: 4973.2,
- timestamp: 1587660060000,
- volume: 194,
- },
- {
- close: 4977.93,
- high: 4977.93,
- low: 4974.2,
- open: 4976.53,
- timestamp: 1587660120000,
- volume: 197,
- },
- {
- close: 4966.77,
- high: 4968.53,
- low: 4962.2,
- open: 4963.88,
- timestamp: 1587660180000,
- volume: 28,
- },
- {
- close: 4961.56,
- high: 4972.61,
- low: 4961.28,
- open: 4961.28,
- timestamp: 1587660240000,
- volume: 184,
- },
- {
- close: 4964.19,
- high: 4964.74,
- low: 4961.42,
- open: 4961.64,
- timestamp: 1587660300000,
- volume: 191,
- },
- {
- close: 4968.93,
- high: 4972.7,
- low: 4964.55,
- open: 4966.96,
- timestamp: 1587660360000,
- volume: 105,
- },
- {
- close: 4979.31,
- high: 4979.61,
- low: 4973.99,
- open: 4977.06,
- timestamp: 1587660420000,
- volume: 35,
- },
- {
- close: 4977.02,
- high: 4981.66,
- low: 4975.14,
- open: 4981.66,
- timestamp: 1587660480000,
- volume: 135,
- },
- {
- close: 4985.09,
- high: 4988.62,
- low: 4980.3,
- open: 4986.72,
- timestamp: 1587660540000,
- volume: 76,
- },
- ];
+ return [ ];
},
},
klineIndex: {
@@ -193,10 +112,15 @@
},
methods: {
klineInIt(newVal) {
+ // if (this.klineData ) {
+ // this.klineData.remove(); // 销毁旧的图表实例
+ // }
+ dispose("kline-BoxMain");
if (this.klineData && newVal) {
+ console.log('this.klineDatathis.klineData',this.klineData);
this.klineData = null;
this.isVisible = false;
- this.klineData.remove(); // 销毁旧的图表实例
+ this.klineData.remove(); // 销毁旧的图表实例
}
this.klineData = init("kline-BoxMain", {
locale: langStore.language, //https://klinecharts.com/guide/i18n.html
diff --git a/src/components/constract/index.vue b/src/components/constract/index.vue
index 9b8e7a5..9af00fe 100644
--- a/src/components/constract/index.vue
+++ b/src/components/constract/index.vue
@@ -1,384 +1,261 @@
<!-- 合约入口文件 -->
<template>
- <div class="constract-page">
- <div class="home-container" key="home-containe">
- <div id="app">
- <div class="trade-box trade-panel-box">
- <!-- 上部分 -->
- <div class="trade-box-top">
- <!-- 左边 币种和K线图 -->
- <div class="top-left" ref="topleft">
- <div class="top-left-wrapper">
- <!-- 收藏的币种 -->
- <div class="allgoods" v-if="collectList.length > 0">
- <i
- style="color: #e0b525"
- class="icon iconfont icon-Mul_favorite"
- ></i>
- <div
- v-for="(item, index) in collectList"
- class="item"
- :key="index"
- >
- <span class="name">{{ item.name }}</span>
- <span
- :class="[
+ <div class="constract-page">
+ <div class="home-container" key="home-containe">
+ <div id="app">
+ <div class="trade-box trade-panel-box">
+ <!-- 上部分 -->
+ <div class="trade-box-top">
+ <!-- 左边 币种和K线图 -->
+ <div class="top-left" ref="topleft">
+ <div class="top-left-wrapper">
+ <!-- 收藏的币种 -->
+ <div class="allgoods" v-if="collectList.length > 0">
+ <i style="color: #e0b525" class="icon iconfont icon-Mul_favorite"></i>
+ <div v-for="(item, index) in collectList" class="item" :key="index">
+ <span class="name">{{ item.name }}</span>
+ <span :class="[
'text-end',
item.change_ratio >= 0 ? 'color-up' : 'color-down',
- ]"
- >{{ addAndSubtr(item.change_ratio) }}</span
- >
- </div>
- </div>
- <div style="position: relative">
- <!-- 单个币种-->
- <single-currency-info
- :isFullscreen="isFullscreen"
- :pageData="pageData"
- :pageType="pageType"
- @showSerachCollect="showSerachCollect"
- >
- </single-currency-info>
- <!-- 市场 搜索币种弹窗-->
- <div class="search-dialog" v-show="showSearchModal == true">
- <coin-search-collect
- @checkCurrency="checkCurrency"
- @CurrencySort="CurrencySort"
- @collectFun="collectFun"
- @deleteCollectFun="deleteCollectFun"
- :listData="searchCoinList"
- :AllListData="allListData"
- @searchFun="searchFun"
- />
- </div>
- </div>
- <!-- K线 -->
- <div class="top-left-k">
- <div class="kline-box comb-trade-kline-box">
- <div class="kline-table">
- <div class="chart-tr">
- <div class="chart-td" id="parent_trade_k1">
- <div class="chart-box">
- <div class="chart-kline" id="trade_k1">
- <!-- 具体K线 -->
- <div
- class="kline-wrap"
- :class="[isFullscreen ? 'wrap-full' : '']"
- >
- <!-- K线操作栏 -->
- <div
- :class="[
+ ]">{{ addAndSubtr(item.change_ratio) }}</span>
+ </div>
+ </div>
+ <div style="position: relative">
+ <!-- 单个币种-->
+ <single-currency-info :isFullscreen="isFullscreen" :pageData="pageData"
+ :pageType="pageType" @showSerachCollect="showSerachCollect">
+ </single-currency-info>
+ <!-- 市场 搜索币种弹窗-->
+ <div class="search-dialog" v-show="showSearchModal == true">
+ <coin-search-collect @checkCurrency="checkCurrency" @CurrencySort="CurrencySort"
+ @collectFun="collectFun" @deleteCollectFun="deleteCollectFun"
+ :listData="searchCoinList" :AllListData="allListData"
+ @searchFun="searchFun" />
+ </div>
+ </div>
+ <!-- K线 -->
+ <div class="top-left-k">
+ <div class="kline-box comb-trade-kline-box">
+ <div class="kline-table">
+ <div class="chart-tr">
+ <div class="chart-td" id="parent_trade_k1">
+ <div class="chart-box">
+ <div class="chart-kline" id="trade_k1">
+ <!-- 具体K线 -->
+ <div class="kline-wrap"
+ :class="[isFullscreen ? 'wrap-full' : '']">
+ <!-- K线操作栏 -->
+ <div :class="[
isFullscreen
? 'k-toolbar-wrap-full'
: 'k-toolbar-wrap ',
- ]"
- >
- <div
- class="k-toolbar dark"
- style="
+ ]">
+ <div class="k-toolbar dark" style="
background: rgb(18, 18, 18);
height: 36px;
- "
- >
- <div class="k-toolbar-btn">
- <div class="k-toolbar-left">
- <!-- 时间选择 -->
- <div
- class="periods"
- v-if="mapIndex == 0"
- >
- <ul>
- <li
- v-for="(item, index) in kTimeArr"
- :key="index"
- :class="
+ ">
+ <div class="k-toolbar-btn">
+ <div class="k-toolbar-left">
+ <!-- 时间选择 -->
+ <div class="periods"
+ v-if="mapIndex == 0">
+ <ul>
+ <li v-for="(item, index) in kTimeArr"
+ :key="index" :class="
kTimeIndex == item.data
? 'selected'
: ''
- "
- @click="changeKTime(item)"
- >
- {{ item.title }}
- </li>
- <li
- v-if="
+ " @click="changeKTime(item)">
+ {{ item.title }}
+ </li>
+ <li v-if="
pageType == 'etf' ||
pageType == 'usStocks'
- "
- class="kTimeDivider"
- ></li>
- <!-- 更多 -->
- <div
- v-if="
+ " class="kTimeDivider"></li>
+ <!-- 更多 -->
+ <div v-if="
pageType == 'etf' ||
pageType == 'usStocks'
- "
- >
- <li
- v-for="(it, i) in kTimeArrMore"
- :key="i"
- :class="
+ ">
+ <li v-for="(it, i) in kTimeArrMore"
+ :key="i" :class="
kTimeIndex == it.data
? 'selected'
: ''
- "
- @click="changeKTime(it)"
- >
- {{ it.title }}
- </li>
- </div>
- </ul>
- </div>
- </div>
- <div class="k-toolbar-right">
- <p
- class="status-info"
- v-if="
+ " @click="changeKTime(it)">
+ {{ it.title }}
+ </li>
+ </div>
+ </ul>
+ </div>
+ </div>
+ <div class="k-toolbar-right">
+ <p class="status-info" v-if="
symbolMarketInfo?.market?.status
- "
- >
- <span
- >{{
+ ">
+ <span>{{
symbolMarketInfo?.market
?.status &&
$t(
`message.jiaoyi.${symbolMarketInfo?.market?.status}`
)
- }} </span
- >
- <span class="time">{{
+ }} </span>
+ <span class="time">{{
symbolMarketInfo?.market?.time_str
- }}</span
- >
- <span>{{
+ }}</span>
+ <span>{{
symbolMarketInfo?.market
?.time_zone &&
$t(
`message.jiaoyi.${symbolMarketInfo?.market?.time_zone}`
)
}}</span>
- </p>
+ </p>
- <!-- 基本版和深度图切换 -->
- <div class="toggle">
- <span
- :class="
+ <!-- 基本版和深度图切换 -->
+ <div class="toggle">
+ <span :class="
mapIndex == index
? 'selected'
: ''
- "
- v-for="(item, index) in mapClass"
- @click="tabMap(index)"
- :key="index"
- >{{ item }}</span
- >
- <div @click="fullScreen">
- <img
- style="width: 20px"
- src="@/assets/images/quotes/Group2892.png"
- alt=""
- />
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div
- class="kline-body-wrap"
- id="okline-wrap"
- style="display: flex"
- >
- <!-- 640px -->
+ " v-for="(item, index) in mapClass" @click="tabMap(index)"
+ :key="index">{{ item }}</span>
+ <div @click="fullScreen">
+ <img style="width: 20px"
+ src="@/assets/images/quotes/Group2892.png"
+ alt="" />
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div class="kline-body-wrap" id="okline-wrap"
+ style="display: flex">
+ <!-- 640px -->
- <div
- v-loading="loading"
- element-loading-spinner="el-icon-loading"
- element-loading-background="rgba(0, 0, 0, 0.8)"
- :element-loading-text="
+ <div v-loading="loading"
+ element-loading-spinner="el-icon-loading"
+ element-loading-background="rgba(0, 0, 0, 0.8)"
+ :element-loading-text="
$t('message.jiaoyi.jiazaizhong') + '...'
- "
- :class="[
+ " :class="[
isFullscreen ? 'fullscreen-box' : '',
- ]"
- id="kline-Box"
- style="
+ ]" id="kline-Box" style="
background: rgb(18, 18, 18);
width: 100%;
/* height: 640px; */
position: relative;
- "
- >
- <kline-Box
- :width="isFullscreen ? 0 : klineWidth"
- :data="KLInedata"
- :klineIndex="klineIndex"
- :isFullscreen="isFullscreen"
- v-if="mapIndex == 0"
- />
- <deep-chart
- v-else-if="mapIndex == 1 && !isFullscreen"
- :isFullscreen="isFullscreen"
- :deepBuy="deepBuy"
- :deepSell="deepSell"
- />
- <deep-chart-full-screen
- v-else-if="mapIndex == 1 && isFullscreen"
- :deepBuy="deepBuy"
- :deepSell="deepSell"
- />
- <div
- class="draw-line-box"
- style="width: auto"
- >
- <ul class="tool-panel hide-bottom">
- <li class="arrow arrow-top">
- <i class="iconfont icon-fold"></i>
- </li>
- <li key="CURSOR" class="" name="光标">
- <i
- class="iconfont icon-kline-cursor"
- ></i>
- </li>
- <li
- key="CROSS_CURSOR"
- class="selected"
- name="十字光标"
- >
- <i
- class="iconfont icon-kline_tool_a"
- ></i>
- </li>
- <li key="SEG" class="" name="线段">
- <i
- class="iconfont icon-kline_tool_b"
- ></i>
- </li>
- <li key="STRAIGHT" class="" name="直线">
- <i
- class="iconfont icon-kline_tool_c"
- ></i>
- </li>
- <li key="RAY" class="" name="射线">
- <i
- class="iconfont icon-kline_tool_d"
- ></i>
- </li>
- <li key="ARROW" class="" name="箭头">
- <i
- class="iconfont icon-kline_tool_e"
- ></i>
- </li>
- <li
- key="H_SEG"
- class=""
- name="水平线段"
- >
- <i
- class="iconfont icon-kline_tool_f"
- ></i>
- </li>
- <li
- key="H_STRAIGHT"
- class=""
- name="水平直线"
- >
- <i
- class="iconfont icon-kline_tool_g"
- ></i>
- </li>
- <li
- key="H_RAY"
- class=""
- name="水平射线"
- >
- <i
- class="iconfont icon-kline_tool_h"
- ></i>
- </li>
+ ">
+ <kline-Box
+ :width="isFullscreen ? 0 : klineWidth"
+ :data="KLInedata" :klineIndex="klineIndex"
+ :isFullscreen="isFullscreen"
+ v-if="mapIndex == 0" />
+ <deep-chart
+ v-else-if="mapIndex == 1 && !isFullscreen"
+ :isFullscreen="isFullscreen"
+ :deepBuy="deepBuy" :deepSell="deepSell" />
+ <deep-chart-full-screen
+ v-else-if="mapIndex == 1 && isFullscreen"
+ :deepBuy="deepBuy" :deepSell="deepSell" />
+ <div class="draw-line-box" style="width: auto">
+ <ul class="tool-panel hide-bottom">
+ <li class="arrow arrow-top">
+ <i class="iconfont icon-fold"></i>
+ </li>
+ <li key="CURSOR" class="" name="光标">
+ <i
+ class="iconfont icon-kline-cursor"></i>
+ </li>
+ <li key="CROSS_CURSOR" class="selected"
+ name="十字光标">
+ <i
+ class="iconfont icon-kline_tool_a"></i>
+ </li>
+ <li key="SEG" class="" name="线段">
+ <i
+ class="iconfont icon-kline_tool_b"></i>
+ </li>
+ <li key="STRAIGHT" class="" name="直线">
+ <i
+ class="iconfont icon-kline_tool_c"></i>
+ </li>
+ <li key="RAY" class="" name="射线">
+ <i
+ class="iconfont icon-kline_tool_d"></i>
+ </li>
+ <li key="ARROW" class="" name="箭头">
+ <i
+ class="iconfont icon-kline_tool_e"></i>
+ </li>
+ <li key="H_SEG" class="" name="水平线段">
+ <i
+ class="iconfont icon-kline_tool_f"></i>
+ </li>
+ <li key="H_STRAIGHT" class=""
+ name="水平直线">
+ <i
+ class="iconfont icon-kline_tool_g"></i>
+ </li>
+ <li key="H_RAY" class="" name="水平射线">
+ <i
+ class="iconfont icon-kline_tool_h"></i>
+ </li>
- <li key="PRICE" class="" name="价格线">
- <i
- class="iconfont icon-kline_tool_j"
- ></i>
- </li>
- <li
- key="TRI_PARALLEL"
- class=""
- name="价格通道线"
- >
- <i
- class="iconfont icon-kline_tool_k"
- ></i>
- </li>
- <li
- key="BI_PARALLEL"
- class=""
- name="平行直线"
- >
- <i
- class="iconfont icon-kline_tool_l"
- ></i>
- </li>
- <li
- key="BI_PARALLEL_RAY"
- class=""
- name="平行射线"
- >
- <i
- class="iconfont icon-kline_tool_m"
- ></i>
- </li>
- <li
- key="FIB_RETRACE"
- class=""
- name="斐波纳契回调"
- >
- <i
- class="iconfont icon-kline_tool_n"
- ></i>
- </li>
- <li
- key="FIB_FANS"
- class="tool-bottom-end"
- name="斐波纳契扇形"
- >
- <i
- class="iconfont icon-kline_tool_o"
- ></i>
- </li>
- <li
- key="SHOW_ALL"
- class="tool-bottom hide"
- name="显示所有绘图工具"
- >
- <i class="iconfont icon-Mul_hide"></i>
- </li>
- <li
- key="HIDE_ALL"
- class="tool-bottom"
- name="隐藏所有绘图工具"
- >
- <i class="iconfont icon-Mul_show"></i>
- </li>
- <li
- key="DELETE_ALL"
- class="tool-bottom"
- name="删除所有绘图工具"
- >
- <i
- class="iconfont icon-Mul_delete"
- ></i>
- </li>
- <li class="arrow arrow-bottom">
- <i class="iconfont icon-Unfold"></i>
- </li>
- </ul>
- </div>
- <div
- v-if="isShowLoading"
- class="kline-loading"
- style="
+ <li key="PRICE" class="" name="价格线">
+ <i
+ class="iconfont icon-kline_tool_j"></i>
+ </li>
+ <li key="TRI_PARALLEL" class=""
+ name="价格通道线">
+ <i
+ class="iconfont icon-kline_tool_k"></i>
+ </li>
+ <li key="BI_PARALLEL" class=""
+ name="平行直线">
+ <i
+ class="iconfont icon-kline_tool_l"></i>
+ </li>
+ <li key="BI_PARALLEL_RAY" class=""
+ name="平行射线">
+ <i
+ class="iconfont icon-kline_tool_m"></i>
+ </li>
+ <li key="FIB_RETRACE" class=""
+ name="斐波纳契回调">
+ <i
+ class="iconfont icon-kline_tool_n"></i>
+ </li>
+ <li key="FIB_FANS"
+ class="tool-bottom-end"
+ name="斐波纳契扇形">
+ <i
+ class="iconfont icon-kline_tool_o"></i>
+ </li>
+ <li key="SHOW_ALL"
+ class="tool-bottom hide"
+ name="显示所有绘图工具">
+ <i
+ class="iconfont icon-Mul_hide"></i>
+ </li>
+ <li key="HIDE_ALL" class="tool-bottom"
+ name="隐藏所有绘图工具">
+ <i
+ class="iconfont icon-Mul_show"></i>
+ </li>
+ <li key="DELETE_ALL" class="tool-bottom"
+ name="删除所有绘图工具">
+ <i
+ class="iconfont icon-Mul_delete"></i>
+ </li>
+ <li class="arrow arrow-bottom">
+ <i class="iconfont icon-Unfold"></i>
+ </li>
+ </ul>
+ </div>
+ <div v-if="isShowLoading" class="kline-loading"
+ style="
width: 100%;
height: 100%;
position: absolute;
@@ -386,1376 +263,1357 @@
top: 0%;
left: 16px;
z-index: 2;
- "
- >
- <div class="kline-loading-dot"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 中间 最新订单 -->
- <div
- v-if="pageType !== 'forex'"
- class="top-middle"
- :style="{ display: isFullscreen ? 'none' : 'block' }"
- >
- <OrderBookNew
- :pageData="pageData"
- :pageType="pageType"
- :changeClickData="handleChangeClickData"
- :sellList="sellList"
- :buyList="buyList"
- :bigIndex="bigIndex"
- :recentList="wsTradeData"
- :unit="unit"
- ></OrderBookNew>
- </div>
+ ">
+ <div class="kline-loading-dot"></div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 中间 最新订单 -->
+ <div v-if="pageType !== 'forex'" class="top-middle"
+ :style="{ display: isFullscreen ? 'none' : 'block' }">
+ <OrderBookNew :pageData="pageData" :pageType="pageType"
+ :changeClickData="handleChangeClickData" :sellList="sellList" :buyList="buyList"
+ :bigIndex="bigIndex" :recentList="wsTradeData" :unit="unit"></OrderBookNew>
+ </div>
- <!-- 右边 下单区 -->
- <div
- class="top-right"
- @click="changeRule"
- :style="{
+ <!-- 右边 下单区 -->
+ <div class="top-right" @click="changeRule" :style="{
display: isFullscreen ? 'none' : 'block',
height: pageType == 'forex' ? '822px' : '100%',
- }"
- >
- <div class="place-order-container-common place-order-xl-box">
- <component
- :is="createOrderKey"
- :pageData="pageData"
- :clickData="clickData"
- :unit="unit"
- />
- <!-- 保证金比率 -->
- <div
- class="cashbi margin-block"
- v-if="$route.query.RouterName != 'delivery'"
- >
- <div class="cashHead">
- {{ $t("message.home.baozhengjinbilv") }}
- </div>
- <div class="cashbtn">
- {{ $t("message.home.danbibaozhengjinmoshi") }}
- </div>
- <ul>
- <li>
- <div class="cash_left">
- {{ $t("message.home.baozhengjinbilv") }}
- </div>
- <div class="cash_right">
- <!--下了单才有，没下单没有-->
- <i class="el-icon-stopwatch"></i>
- {{ marginRate }}
- </div>
- </li>
- <li>
- <div class="cash_left">
- {{ $t("message.home.weichibaozhengjin") }}
- </div>
- <div class="cash_right">{{ walletMoney }} {{ unit }}</div>
- </li>
- <li>
- <div class="cash_left">
- {{ $t("message.home.baozhengjinyue") }}
- </div>
- <div class="cash_right">
- {{ marginBalance }} {{ unit }}
- </div>
- </li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- <!-- 下部分-->
- <div
- class="trade-box-bottom"
- :style="{ display: isFullscreen ? 'none' : '' }"
- >
- <!-- 仓位区域 -->
- <component
- class="position-wrapper"
- @infos="getInfos"
- :is="positionKey"
- :keys="key"
- :symbol="pageData?.symbol"
- :pageData="pageData"
- :paramsType="paramsType"
- :unit="unit"
- />
- <!-- 资产 -->
- <div
- class="cashbi asset-block"
- v-if="$route.query.RouterName != 'delivery'"
- >
- <div class="cashHead">{{ $t("message.jiaoyi.zichan") }}</div>
- <div class="assets-btns">
- <el-button
- type="info"
- size="small"
- @click="gotoPage('reCharge')"
- >{{ $t("message.user.chongzhi") }}</el-button
- >
- <el-button
- type="info"
- size="small"
- @click="gotoPage('exchange')"
- >{{ $t("message.user.duihuan") }}</el-button
- >
- <el-button
- type="info"
- size="small"
- @click="gotoPage('withdraw')"
- >{{ $t("message.user.tixian") }}</el-button
- >
- </div>
- <div class="cashbilist" v-if="existToken">
- <p>
- {{ $t("message.jiaoyi.qianbaoyue")
+ }">
+ <div class="place-order-container-common place-order-xl-box">
+ <component :is="createOrderKey" :pageData="pageData" :clickData="clickData"
+ :unit="unit" />
+ <!-- 保证金比率 -->
+ <div class="cashbi margin-block" v-if="$route.query.RouterName != 'delivery'">
+ <div class="cashHead">
+ {{ $t("message.home.baozhengjinbilv") }}
+ </div>
+ <div class="cashbtn">
+ {{ $t("message.home.danbibaozhengjinmoshi") }}
+ </div>
+ <ul>
+ <li>
+ <div class="cash_left">
+ {{ $t("message.home.baozhengjinbilv") }}
+ </div>
+ <div class="cash_right">
+ <!--下了单才有，没下单没有-->
+ <i class="el-icon-stopwatch"></i>
+ {{ marginRate }}
+ </div>
+ </li>
+ <li>
+ <div class="cash_left">
+ {{ $t("message.home.weichibaozhengjin") }}
+ </div>
+ <div class="cash_right">{{ walletMoney }} {{ unit }}</div>
+ </li>
+ <li>
+ <div class="cash_left">
+ {{ $t("message.home.baozhengjinyue") }}
+ </div>
+ <div class="cash_right">
+ {{ marginBalance }} {{ unit }}
+ </div>
+ </li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ </div>
+ <!-- 下部分-->
+ <div class="trade-box-bottom" :style="{ display: isFullscreen ? 'none' : '' }">
+ <!-- 仓位区域 -->
+ <component class="position-wrapper" @infos="getInfos" :is="positionKey" :keys="key"
+ :symbol="pageData?.symbol" :pageData="pageData" :paramsType="paramsType" :unit="unit" />
+ <!-- 资产 -->
+ <div class="cashbi asset-block" v-if="$route.query.RouterName != 'delivery'">
+ <div class="cashHead">{{ $t("message.jiaoyi.zichan") }}</div>
+ <div class="assets-btns">
+ <el-button type="info" size="small"
+ @click="gotoPage('reCharge')">{{ $t("message.user.chongzhi") }}</el-button>
+ <el-button type="info" size="small"
+ @click="gotoPage('exchange')">{{ $t("message.user.duihuan") }}</el-button>
+ <el-button type="info" size="small"
+ @click="gotoPage('withdraw')">{{ $t("message.user.tixian") }}</el-button>
+ </div>
+ <div class="cashbilist" v-if="existToken">
+ <p>
+ {{ $t("message.jiaoyi.qianbaoyue")
}}<span>{{ walletMoney }} {{ unit }}</span>
- </p>
- <p>
- {{ $t("message.jiaoyi.weishixianyinkui1")
+ </p>
+ <p>
+ {{ $t("message.jiaoyi.weishixianyinkui1")
}}<span>{{ profitLoss }} {{ unit }}</span>
- </p>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <kline-dialog ref="kline_dialog" />
- <footer :footerLeftList="footerLeftList"></footer>
- </div>
+ </p>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ </div>
+ <kline-dialog ref="kline_dialog" />
+ <footer :footerLeftList="footerLeftList"></footer>
+ </div>
</template>
<script>
-import bus from "vue3-eventbus";
-import { mapState, mapActions, mapStores } from "pinia";
-import { ElMessage } from "element-plus";
-import Axios from "@/api/currency.js";
-import { addAndSubtr } from "@/utils/index";
-import AxiosKline from "@/api/kline.js";
-import { WhrWebSocket } from "@/utils/WhrWebSocket";
-import klineDialog from "@comTrade/klineDialog.vue";
-import klineBox from "@comTrade/kline.vue";
-import deepChart from "@comTrade/deepChart.vue";
-import deepChartFullScreen from "@comTrade/deepChartFullScreen.vue";
-import SingleCurrencyInfo from "@comConstract/components/singleCurrencyInfo.vue";
-import OrderBookNew from "@comConstract/components/orderBookNew.vue";
+ import bus from "vue3-eventbus";
+ import {
+ mapState,
+ mapActions,
+ mapStores
+ } from "pinia";
+ import {
+ ElMessage
+ } from "element-plus";
+ import Axios from "@/api/currency.js";
+ import {
+ addAndSubtr
+ } from "@/utils/index";
+ import AxiosKline from "@/api/kline.js";
+ import {
+ WhrWebSocket
+ } from "@/utils/WhrWebSocket";
+ import klineDialog from "@comTrade/klineDialog.vue";
+ import klineBox from "@comTrade/kline.vue";
+ import deepChart from "@comTrade/deepChart.vue";
+ import deepChartFullScreen from "@comTrade/deepChartFullScreen.vue";
+ import SingleCurrencyInfo from "@comConstract/components/singleCurrencyInfo.vue";
+ import OrderBookNew from "@comConstract/components/orderBookNew.vue";
-import PerpeOrderVue from "@comConstract/PerpetualContract/createOrder.vue"; //下单组件
-import PerpePositionVue from "@comConstract/PerpetualContract/position.vue";
-import DeliveryOrderVue from "@comConstract/DeliveryContract/createOrder.vue";
-import DeliveryPositionVue from "@comConstract/DeliveryContract/position.vue";
-import footer from "@comConstract/components/footer.vue";
-import coinSearchCollect from "@comConstract/components/coinSearchCollect.vue";
-import { useUserStore } from "@/store/user";
-import { useCurrencyStore } from "@/store/currency";
-import ConfigURL from "@/config/index";
-import API from "@/api/api";
+ import PerpeOrderVue from "@comConstract/PerpetualContract/createOrder.vue"; //下单组件
+ import PerpePositionVue from "@comConstract/PerpetualContract/position.vue";
+ import DeliveryOrderVue from "@comConstract/DeliveryContract/createOrder.vue";
+ import DeliveryPositionVue from "@comConstract/DeliveryContract/position.vue";
+ import footer from "@comConstract/components/footer.vue";
+ import coinSearchCollect from "@comConstract/components/coinSearchCollect.vue";
+ import {
+ useUserStore
+ } from "@/store/user";
+ import {
+ useCurrencyStore
+ } from "@/store/currency";
+ import ConfigURL from "@/config/index";
+ import API from "@/api/api";
-export default {
- name: "constractPage",
- errorCaptured(err, vm, info) {
- console.log(`错误捕获: ${err.toString()}\ninfo: ${info}`);
- return true;
- },
- props: {
- pageType: {
- type: String,
- default: "etf", //页面类型
- },
- paramsType: {
- type: String,
- default: "indices", //currencyDetails接口的传参
- },
- defaultSymbol: {
- type: String,
- default: "GlobalETF500", //默认的symbol
- },
- },
- data() {
- return {
- allListData: [],
- collectList: [], //自选币种
- sortIndex: 0,
- footerLeftList: [], // 底部数据
- searchCoinList: [], //币种搜索列表数据
- // 以上是币种收藏
- isFullscreen: false, //全屏
- show_cash: false, // 平仓提示
+ export default {
+ name: "constractPage",
+ errorCaptured(err, vm, info) {
+ console.log(`错误捕获: ${err.toString()}\ninfo: ${info}`);
+ return true;
+ },
+ props: {
+ pageType: {
+ type: String,
+ default: "etf", //页面类型
+ },
+ paramsType: {
+ type: String,
+ default: "indices", //currencyDetails接口的传参
+ },
+ defaultSymbol: {
+ type: String,
+ default: "GlobalETF500", //默认的symbol
+ },
+ },
+ data() {
+ return {
+ allListData: [],
+ collectList: [], //自选币种
+ sortIndex: 0,
+ footerLeftList: [], // 底部数据
+ searchCoinList: [], //币种搜索列表数据
+ // 以上是币种收藏
+ isFullscreen: false, //全屏
+ show_cash: false, // 平仓提示
- showSearchModal: false, // 显示搜索
- showrule: false,
- ConfigURL,
- createOrderKey: "PerpeOrderVue", //下单的组件
- positionKey: "PerpePositionVue", //持仓的组件
- isError: false,
- searcIndexhData: [],
- searchData: "",
- Trade: undefined, //ws实例
- deep: undefined, //ws实例
- openTime: undefined, //ws实例
- symbolMarketInfo: {},
- deepBuy: [],
- deepSell: [],
- // mapClass: [
- // this.$t("message.jiaoyi.jibenban"),
- // this.$t("message.jiaoyi.shendutu"),
- // ],
- mapClass: [this.$t("message.jiaoyi.jibenban")],
- mapIndex: 0,
- listData: [],
- currentTimer: undefined,
- lineTimer: undefined,
- pageTimer: undefined,
- pageData: {},
- Hotcurrency: [],
- unit: "USD",
+ showSearchModal: false, // 显示搜索
+ showrule: false,
+ ConfigURL,
+ createOrderKey: "PerpeOrderVue", //下单的组件
+ positionKey: "PerpePositionVue", //持仓的组件
+ isError: false,
+ searcIndexhData: [],
+ searchData: "",
+ Trade: undefined, //ws实例
+ deep: undefined, //ws实例
+ openTime: undefined, //ws实例
+ symbolMarketInfo: {},
+ deepBuy: [],
+ deepSell: [],
+ // mapClass: [
+ // this.$t("message.jiaoyi.jibenban"),
+ // this.$t("message.jiaoyi.shendutu"),
+ // ],
+ mapClass: [this.$t("message.jiaoyi.jibenban")],
+ mapIndex: 0,
+ listData: [],
+ currentTimer: undefined,
+ lineTimer: undefined,
+ pageTimer: undefined,
+ pageData: {},
+ Hotcurrency: [],
+ unit: "USD",
- totalAsset: "0.00", //总资产
- walletMoney: "0.00", //钱包余额
- profitLoss: "0.00", //未实现盈亏
- marginRate: "0.0000", //保证金比率
- maintenanceMargin: "0.0000", //维持保证金 = 钱包余额
+ totalAsset: "0.00", //总资产
+ walletMoney: "0.00", //钱包余额
+ profitLoss: "0.00", //未实现盈亏
+ marginRate: "0.0000", //保证金比率
+ maintenanceMargin: "0.0000", //维持保证金 = 钱包余额
- wsTradeData: [], // 所有成交数据
- buyList: [],
- sellList: [],
+ wsTradeData: [], // 所有成交数据
+ buyList: [],
+ sellList: [],
- bigIndex: undefined,
- KLInedata: undefined,
- klineIndex: "", //面积图还是蜡烛图
- kParamsTime: "", // K线查询时间
- kTimeIndex: "", // 选中那个时间，etf默认1D，数字货币默认15min
- isShowLoading: true,
- clickData: undefined,
+ bigIndex: undefined,
+ KLInedata: undefined,
+ klineIndex: "", //面积图还是蜡烛图
+ kParamsTime: "", // K线查询时间
+ kTimeIndex: "", // 选中那个时间，etf默认1D，数字货币默认15min
+ isShowLoading: true,
+ clickData: undefined,
- kTimeArrCoin: [
- {
- data: "minHour",
- title: this.$t("message.jiaoyi.fenshi"),
- },
- {
- data: "1min",
- title: this.$t("message.jiaoyi.1fenzhong"),
- },
- {
- data: "5min",
- title: this.$t("message.jiaoyi.5fenzhong"),
- },
- {
- data: "15min",
- title: this.$t("message.jiaoyi.15fenzhong"),
- },
- {
- data: "30min",
- title: this.$t("message.jiaoyi.30fenzhong"),
- },
- {
- data: "60min",
- title: this.$t("message.jiaoyi.1xiaoshi"),
- },
- {
- data: "4hour",
- title: this.$t("message.jiaoyi.4xiaoshi"),
- },
- {
- data: "1day",
- title: this.$t("message.jiaoyi.1ri"),
- },
- {
- data: "1week",
- title: this.$t("message.jiaoyi.1zhou"),
- },
- {
- data: "1mon",
- title: this.$t("message.jiaoyi.1yue"),
- },
- ],
- kTimeArrETF: [
- {
- data: "minHour",
- title: this.$t("message.jiaoyi.fenshi"),
- },
- {
- data: "1day",
- title: this.$t("message.jiaoyi.1ri"),
- },
- {
- data: "5day",
- title: this.$t("message.jiaoyi.5ri"),
- },
- {
- data: "1week",
- title: this.$t("message.jiaoyi.1zhou"),
- },
- {
- data: "1mon",
- title: this.$t("message.jiaoyi.1yue"),
- },
- {
- data: "1quarter",
- title: this.$t("message.jiaoyi.season"),
- },
- {
- data: "1year",
- title: this.$t("message.jiaoyi.year"),
- },
- ],
- kTimeArrMore: [
- {
- data: "1min",
- title: this.$t("message.jiaoyi.1fenzhong"),
- },
- {
- data: "5min",
- title: this.$t("message.jiaoyi.5fenzhong"),
- },
- {
- data: "15min",
- title: this.$t("message.jiaoyi.15fenzhong"),
- },
- {
- data: "30min",
- title: this.$t("message.jiaoyi.30fenzhong"),
- },
- {
- data: "60min",
- title: this.$t("message.jiaoyi.60fenzhong"),
- },
- {
- data: "120min",
- title: this.$t("message.jiaoyi.120fenzhong"),
- },
- ],
- kTimeArr: [],
- klineWidth: 0,
- loading: false,
- timer: undefined,
- type: "1", //选中市价或限价类型
- allSymbol: "",
- };
- },
- components: {
- SingleCurrencyInfo,
- OrderBookNew,
- klineBox,
- deepChart,
- klineDialog,
- PerpeOrderVue,
- PerpePositionVue,
- DeliveryOrderVue,
- DeliveryPositionVue,
- coinSearchCollect,
- deepChartFullScreen,
- footer,
- },
- computed: {
- ...mapState(useUserStore, ["existToken"]),
- ...mapState(useCurrencyStore, [
- "etfCurrency",
- "usStocksCurrency",
- "coinCurrency",
- "forexCurrency",
- ]),
- //保证金余额
- marginBalance: function () {
- // 钱包余额 + 未实现盈亏
- return bigDecimal.add(this.walletMoney, this.profitLoss);
- },
- },
- watch: {
- "$route.query.RouterName"(val) {
- this.initRouteComponent();
- },
- searchData(val) {
- this.isError = !!val;
- },
- etfCurrency(val, oldval) {
- if (this.pageType === "etf") {
- this.$nextTick(() => {
- this.updateCurrency(val, this.pageType);
- });
- }
- },
- usStocksCurrency(val, oldval) {
- if (this.pageType === "usStocks") {
- this.$nextTick(() => {
- this.updateCurrency(val, this.pageType);
- });
- }
- },
- coinCurrency(val, oldval) {
- if (this.pageType === "coin") {
- this.$nextTick(() => {
- this.updateCurrency(val, this.pageType);
- });
- }
- },
- forexCurrency(val, oldval) {
- if (this.pageType === "forex") {
- this.$nextTick(() => {
- this.updateCurrency(val, this.pageType);
- });
- }
- },
- KLInedata(val) {
- if (val.length > 0) {
- this.isShowLoading = false;
- }
- },
- },
- created() {
- this.getSymbol(); // 获取说所有币
- this.getAllCurrency(); //获取市场的币种
- this.initWebSocket(); // 最新成交
- },
- mounted() {
- if (this.pageType === "forex" || this.pageType === "coin") {
- this.kTimeArr = this.kTimeArrCoin;
- this.kTimeIndex = "15min";
- this.kParamsTime = "15min";
- } else {
- this.kTimeArr = this.kTimeArrETF;
- this.kTimeIndex = "1day";
- this.kParamsTime = "1day";
- }
+ kTimeArrCoin: [{
+ data: "minHour",
+ title: this.$t("message.jiaoyi.fenshi"),
+ },
+ {
+ data: "1min",
+ title: this.$t("message.jiaoyi.1fenzhong"),
+ },
+ {
+ data: "5min",
+ title: this.$t("message.jiaoyi.5fenzhong"),
+ },
+ {
+ data: "15min",
+ title: this.$t("message.jiaoyi.15fenzhong"),
+ },
+ {
+ data: "30min",
+ title: this.$t("message.jiaoyi.30fenzhong"),
+ },
+ {
+ data: "60min",
+ title: this.$t("message.jiaoyi.1xiaoshi"),
+ },
+ {
+ data: "4hour",
+ title: this.$t("message.jiaoyi.4xiaoshi"),
+ },
+ {
+ data: "1day",
+ title: this.$t("message.jiaoyi.1ri"),
+ },
+ {
+ data: "1week",
+ title: this.$t("message.jiaoyi.1zhou"),
+ },
+ {
+ data: "1mon",
+ title: this.$t("message.jiaoyi.1yue"),
+ },
+ ],
+ kTimeArrETF: [{
+ data: "minHour",
+ title: this.$t("message.jiaoyi.fenshi"),
+ },
+ {
+ data: "1day",
+ title: this.$t("message.jiaoyi.1ri"),
+ },
+ {
+ data: "5day",
+ title: this.$t("message.jiaoyi.5ri"),
+ },
+ {
+ data: "1week",
+ title: this.$t("message.jiaoyi.1zhou"),
+ },
+ {
+ data: "1mon",
+ title: this.$t("message.jiaoyi.1yue"),
+ },
+ {
+ data: "1quarter",
+ title: this.$t("message.jiaoyi.season"),
+ },
+ {
+ data: "1year",
+ title: this.$t("message.jiaoyi.year"),
+ },
+ ],
+ kTimeArrMore: [{
+ data: "1min",
+ title: this.$t("message.jiaoyi.1fenzhong"),
+ },
+ {
+ data: "5min",
+ title: this.$t("message.jiaoyi.5fenzhong"),
+ },
+ {
+ data: "15min",
+ title: this.$t("message.jiaoyi.15fenzhong"),
+ },
+ {
+ data: "30min",
+ title: this.$t("message.jiaoyi.30fenzhong"),
+ },
+ {
+ data: "60min",
+ title: this.$t("message.jiaoyi.60fenzhong"),
+ },
+ {
+ data: "120min",
+ title: this.$t("message.jiaoyi.120fenzhong"),
+ },
+ ],
+ kTimeArr: [],
+ klineWidth: 0,
+ loading: false,
+ timer: undefined,
+ type: "1", //选中市价或限价类型
+ allSymbol: "",
+ };
+ },
+ components: {
+ SingleCurrencyInfo,
+ OrderBookNew,
+ klineBox,
+ deepChart,
+ klineDialog,
+ PerpeOrderVue,
+ PerpePositionVue,
+ DeliveryOrderVue,
+ DeliveryPositionVue,
+ coinSearchCollect,
+ deepChartFullScreen,
+ footer,
+ },
+ computed: {
+ ...mapState(useUserStore, ["existToken"]),
+ ...mapState(useCurrencyStore, [
+ "etfCurrency",
+ "usStocksCurrency",
+ "coinCurrency",
+ "forexCurrency",
+ ]),
+ //保证金余额
+ marginBalance: function() {
+ // 钱包余额 + 未实现盈亏
+ return bigDecimal.add(this.walletMoney, this.profitLoss);
+ },
+ },
+ watch: {
+ "$route.query.RouterName"(val) {
+ this.initRouteComponent();
+ },
+ searchData(val) {
+ this.isError = !!val;
+ },
+ etfCurrency(val, oldval) {
+ if (this.pageType === "etf") {
+ this.$nextTick(() => {
+ this.updateCurrency(val, this.pageType);
+ });
+ }
+ },
+ usStocksCurrency(val, oldval) {
+ if (this.pageType === "usStocks") {
+ this.$nextTick(() => {
+ this.updateCurrency(val, this.pageType);
+ });
+ }
+ },
+ coinCurrency(val, oldval) {
+ if (this.pageType === "coin") {
+ this.$nextTick(() => {
+ this.updateCurrency(val, this.pageType);
+ });
+ }
+ },
+ forexCurrency(val, oldval) {
+ if (this.pageType === "forex") {
+ this.$nextTick(() => {
+ this.updateCurrency(val, this.pageType);
+ });
+ }
+ },
+ KLInedata(val) {
+ // debugger
+ if (val.length > 0) {
+ this.isShowLoading = false;
+ }
+ },
+ },
+ created() {
+ this.getSymbol(); // 获取说所有币
+ this.getAllCurrency(); //获取市场的币种
+ this.initWebSocket(); // 最新成交
+ },
+ mounted() {
+ if (this.pageType === "forex" || this.pageType === "coin") {
+ this.kTimeArr = this.kTimeArrCoin;
+ this.kTimeIndex = "15min";
+ this.kParamsTime = "15min";
+ } else {
+ this.kTimeArr = this.kTimeArrETF;
+ this.kTimeIndex = "1day";
+ this.kParamsTime = "1day";
+ }
- if (this.pageType === "coin") {
- this.unit = "USDT";
- }
- // 外汇没有深度图
- if (this.pageType === "coin") {
- this.mapClass = [
- this.$t("message.jiaoyi.jibenban"),
- // this.$t("message.jiaoyi.shendutu"),
- ];
- }
+ if (this.pageType === "coin") {
+ this.unit = "USDT";
+ }
+ // 外汇没有深度图
+ if (this.pageType === "coin") {
+ this.mapClass = [
+ this.$t("message.jiaoyi.jibenban"),
+ // this.$t("message.jiaoyi.shendutu"),
+ ];
+ }
- this.initRouteComponent();
- this.initDataTime(); //http请求所有币种的数据
- if (this.existToken) {
- this.getItemOptionalList();
- this.timer = setInterval(() => {
- this.getAssetTotal();
- }, 2000);
- }
- clearInterval(this.lineTimer);
- this.lineTimer = setInterval(() => {
- this.getKlineData();
- }, 1000);
+ this.initRouteComponent();
+ this.initDataTime(); //http请求所有币种的数据
+ if (this.existToken) {
+ this.getItemOptionalList();
+ this.timer = setInterval(() => {
+ this.getAssetTotal();
+ }, 2000);
+ }
+ clearInterval(this.lineTimer);
+ this.lineTimer = setInterval(() => {
+ this.getKlineData();
+ }, 1000);
- this.klineWidth = this.$refs.topleft.offsetWidth - 2;
- bus.on("MarginRefresh", (rate, mm) => {
- this.marginRate = rate;
- });
- },
- unmounted() {
- clearInterval(this.currentTimer);
- clearInterval(this.lineTimer);
- clearInterval(this.timer);
- if (this.Trade) {
- this.Trade.close();
- }
- this.deep.close();
- this.openTime.close();
- },
- methods: {
- ...mapActions(useCurrencyStore, ["updateCurrency"]),
- addAndSubtr,
- async getAllCurrency() {
- // let data = await Axios.getAllSymbolDetails({ type: this.paramsType });
- // if (data.code == "0") {
- // this.updateCurrency(data.data, this.pageType);
- // }
- },
- //获取资产总余额
- getAssetTotal() {
- Axios.currencyPaypal().then((res) => {
- const { total, money_wallet, money_contract, money_contract_profit } =
- res.data;
- this.totalAsset = total; //总资产
- this.walletMoney = bigDecimal.round(money_wallet, 2); //钱包余额
- this.profitLoss = bigDecimal.round(money_contract_profit, 2); //永续合约总未实现盈亏
- bus.emit("moneyContract", money_contract); //合约可用余额
- // bus.emit("moneyContract", this.walletMoney); //合约可用余额
- });
- },
- //切换币种，以及路由跳转
- checkCurrency(item) {
- this.showSearchModal = !this.showSearchModal;
- if (this.pageType !== "forex") {
- this.Trade.close();
- }
- this.deep.close();
- this.openTime.close();
- this.initWebSocket(item.symbol);
- const routerName = this.$route.query.RouterName;
- const time = new Date().getTime();
- this.$router.push(
- `/${this.pageType}/constract/${item.symbol}?timestamp=${time}&RouterName=${routerName}`
- );
- },
+ this.klineWidth = this.$refs.topleft.offsetWidth - 2;
+ bus.on("MarginRefresh", (rate, mm) => {
+ this.marginRate = rate;
+ });
+ },
+ unmounted() {
+ clearInterval(this.currentTimer);
+ clearInterval(this.lineTimer);
+ clearInterval(this.timer);
+ if (this.Trade) {
+ this.Trade.close();
+ }
+ this.deep.close();
+ this.openTime.close();
+ },
+ methods: {
+ ...mapActions(useCurrencyStore, ["updateCurrency"]),
+ addAndSubtr,
+ async getAllCurrency() {
+ // let data = await Axios.getAllSymbolDetails({ type: this.paramsType });
+ // if (data.code == "0") {
+ // this.updateCurrency(data.data, this.pageType);
+ // }
+ },
+ //获取资产总余额
+ getAssetTotal() {
+ Axios.currencyPaypal().then((res) => {
+ const {
+ total,
+ money_wallet,
+ money_contract,
+ money_contract_profit
+ } =
+ res.data;
+ this.totalAsset = total; //总资产
+ this.walletMoney = bigDecimal.round(money_wallet, 2); //钱包余额
+ this.profitLoss = bigDecimal.round(money_contract_profit, 2); //永续合约总未实现盈亏
+ bus.emit("moneyContract", money_contract); //合约可用余额
+ // bus.emit("moneyContract", this.walletMoney); //合约可用余额
+ });
+ },
+ //切换币种，以及路由跳转
+ checkCurrency(item) {
+ this.showSearchModal = !this.showSearchModal;
+ if (this.pageType !== "forex") {
+ this.Trade.close();
+ }
+ this.deep.close();
+ this.openTime.close();
+ this.initWebSocket(item.symbol);
+ const routerName = this.$route.query.RouterName;
+ const time = new Date().getTime();
+ this.$router.push(
+ `/${this.pageType}/constract/${item.symbol}?timestamp=${time}&RouterName=${routerName}`
+ );
+ },
- showSerachCollect() {
- this.showSearchModal = !this.showSearchModal;
- },
- //收藏
- collectFun(item) {
- let obj = {
- symbol: item.symbol,
- };
- Axios.addItemUserOptiona(obj).then((res) => {
- ElMessage({
- message: this.$t("message.jiaoyi.shoucangchenggong"),
- type: "success",
- });
- this.getItemOptionalList();
- });
- },
- //取消收藏
- deleteCollectFun(item) {
- let obj = {
- symbol: item.symbol,
- };
- Axios.deleteItemUserOptiona(obj).then((res) => {
- ElMessage({
- message: this.$t("message.jiaoyi.quxiaoshoucangchenggong"),
- type: "success",
- });
- this.getItemOptionalList();
- });
- },
- //币种排序
- CurrencySort(obj) {
- this.sortIndex = obj;
- },
- //币种搜索
- searchFun(val) {
- this.searchCoinList = this.allListData.filter((item) => {
- return item.name.indexOf(val.toUpperCase()) !== -1;
- });
- },
- //获取自选币种列表
- getItemOptionalList() {
- Axios.getItemOptionalStatus().then((res) => {
- this.collectList = res.data;
- });
- },
- //字母排序
- sortLetterList(propertyName) {
- return function sortList(object1, object2) {
- const value1 = object1[propertyName];
- const value2 = object2[propertyName];
- if (value2 < value1) {
- return 1;
- }
- if (value2 > value1) {
- return -1;
- }
- return 0;
- };
- },
- sortLetterTwoList(propertyName) {
- return function sortList(object1, object2) {
- const value1 = object1[propertyName];
- const value2 = object2[propertyName];
- if (value2 > value1) {
- return 1;
- }
- if (value2 < value1) {
- return -1;
- }
- return 0;
- };
- },
- //数字排序
- orderListAsc(filed, type = "asc") {
- return (a, b) => {
- if (type == "asc") return a[filed] > b[filed] ? 1 : -1;
- return a[filed] > b[filed] ? -1 : 1;
- };
- },
- // 以上为币种搜索函数
- fullScreen() {
- this.isFullscreen = !this.isFullscreen;
- },
- gotoPage(type) {
- switch (type) {
- case "reCharge":
- this.$router.push({
- path: "/recharge",
- });
- break;
- case "exchange":
- this.$router.push({
- path: "/exchange",
- });
- break;
- case "withdraw":
- this.$router.push({
- path: "/withdraw",
- });
- break;
- }
- },
- // 显示规则
- changeRule() {
- this.showrule = !this.showrule;
- },
- getInfos(type) {
- this.show_cash = true;
- },
+ showSerachCollect() {
+ this.showSearchModal = !this.showSearchModal;
+ },
+ //收藏
+ collectFun(item) {
+ let obj = {
+ symbol: item.symbol,
+ };
+ Axios.addItemUserOptiona(obj).then((res) => {
+ ElMessage({
+ message: this.$t("message.jiaoyi.shoucangchenggong"),
+ type: "success",
+ });
+ this.getItemOptionalList();
+ });
+ },
+ //取消收藏
+ deleteCollectFun(item) {
+ let obj = {
+ symbol: item.symbol,
+ };
+ Axios.deleteItemUserOptiona(obj).then((res) => {
+ ElMessage({
+ message: this.$t("message.jiaoyi.quxiaoshoucangchenggong"),
+ type: "success",
+ });
+ this.getItemOptionalList();
+ });
+ },
+ //币种排序
+ CurrencySort(obj) {
+ this.sortIndex = obj;
+ },
+ //币种搜索
+ searchFun(val) {
+ this.searchCoinList = this.allListData.filter((item) => {
+ return item.name.indexOf(val.toUpperCase()) !== -1;
+ });
+ },
+ //获取自选币种列表
+ getItemOptionalList() {
+ Axios.getItemOptionalStatus().then((res) => {
+ this.collectList = res.data;
+ });
+ },
+ //字母排序
+ sortLetterList(propertyName) {
+ return function sortList(object1, object2) {
+ const value1 = object1[propertyName];
+ const value2 = object2[propertyName];
+ if (value2 < value1) {
+ return 1;
+ }
+ if (value2 > value1) {
+ return -1;
+ }
+ return 0;
+ };
+ },
+ sortLetterTwoList(propertyName) {
+ return function sortList(object1, object2) {
+ const value1 = object1[propertyName];
+ const value2 = object2[propertyName];
+ if (value2 > value1) {
+ return 1;
+ }
+ if (value2 < value1) {
+ return -1;
+ }
+ return 0;
+ };
+ },
+ //数字排序
+ orderListAsc(filed, type = "asc") {
+ return (a, b) => {
+ if (type == "asc") return a[filed] > b[filed] ? 1 : -1;
+ return a[filed] > b[filed] ? -1 : 1;
+ };
+ },
+ // 以上为币种搜索函数
+ fullScreen() {
+ this.isFullscreen = !this.isFullscreen;
+ },
+ gotoPage(type) {
+ switch (type) {
+ case "reCharge":
+ this.$router.push({
+ path: "/recharge",
+ });
+ break;
+ case "exchange":
+ this.$router.push({
+ path: "/exchange",
+ });
+ break;
+ case "withdraw":
+ this.$router.push({
+ path: "/withdraw",
+ });
+ break;
+ }
+ },
+ // 显示规则
+ changeRule() {
+ this.showrule = !this.showrule;
+ },
+ getInfos(type) {
+ this.show_cash = true;
+ },
- handleChangeClickData(val) {
- this.clickData = val.price;
- },
+ handleChangeClickData(val) {
+ this.clickData = val.price;
+ },
- initRouteComponent() {
- switch (this.$route.query.RouterName) {
- case "sustainable":
- this.createOrderKey = "PerpeOrderVue";
- this.positionKey = "PerpePositionVue";
- break;
- case "delivery":
- this.createOrderKey = "DeliveryOrderVue";
- this.positionKey = "DeliveryPositionVue";
- break;
- }
- },
- initDataTime(val) {
- this.listData = this[`${this.pageType}Currency`]
- .map((val) => {
- return val.symbol;
- })
- .join(",");
+ initRouteComponent() {
+ switch (this.$route.query.RouterName) {
+ case "sustainable":
+ this.createOrderKey = "PerpeOrderVue";
+ this.positionKey = "PerpePositionVue";
+ break;
+ case "delivery":
+ this.createOrderKey = "DeliveryOrderVue";
+ this.positionKey = "DeliveryPositionVue";
+ break;
+ }
+ },
+ initDataTime(val) {
+ this.listData = this[`${this.pageType}Currency`]
+ .map((val) => {
+ return val.symbol;
+ })
+ .join(",");
- this.Hotcurrency = this[`${this.pageType}Currency`].filter((vals) => {
- return vals.isTop == "1";
- });
- clearInterval(this.currentTimer);
- const allCions = this.listData;
- this.getRealTimeData(allCions, val);
- this.currentTimer = setInterval(() => {
- this.getRealTimeData(allCions, val);
- }, 1000); //轮训pageData会变化
- },
- // 币种查询
- search() {
- if (this.searchData) {
- if (this.listData.indexOf(this.searchData.toLowerCase()) == -1) {
- clearInterval(this.currentTimer);
- this.searchCoinList.length = 0;
- } else {
- this.initDataTime(this.searchData.toLowerCase());
- }
- }
- },
- technoIndex() {
- this.$refs.kline_dialog.close();
- },
- tabMap(index) {
- this.mapIndex = index;
- this.loading = true;
- },
+ this.Hotcurrency = this[`${this.pageType}Currency`].filter((vals) => {
+ return vals.isTop == "1";
+ });
+ clearInterval(this.currentTimer);
+ const allCions = this.listData;
+ this.getRealTimeData(allCions, val);
+ this.currentTimer = setInterval(() => {
+ this.getRealTimeData(allCions, val);
+ }, 1000); //轮训pageData会变化
+ },
+ // 币种查询
+ search() {
+ if (this.searchData) {
+ if (this.listData.indexOf(this.searchData.toLowerCase()) == -1) {
+ clearInterval(this.currentTimer);
+ this.searchCoinList.length = 0;
+ } else {
+ this.initDataTime(this.searchData.toLowerCase());
+ }
+ }
+ },
+ technoIndex() {
+ this.$refs.kline_dialog.close();
+ },
+ tabMap(index) {
+ this.mapIndex = index;
+ this.loading = true;
+ },
- changeKTime(item) {
- this.loading = true;
- if (item.data != "minHour") {
- this.kParamsTime = item.data;
- this.klineIndex = "";
- } else {
- this.klineIndex = "minHour";
- }
- this.kTimeIndex = item.data;
- // this.$forceUpdate(); // 强制重新渲染组件
- },
- //定时轮训的
- getKlineData() {
- // console.log("getKlineData定时轮训的");
- AxiosKline.getKline({
- symbol: this.$route.params.id,
- line: this.kParamsTime,
- }).then((res) => {
- setTimeout(() => {
- this.loading = false;
- }, 500);
- if (res.code == "0") {
- this.KLInedata = res.data.map((val) => {
- return {
- close: val.close,
- high: val.high,
- low: val.low,
- open: val.open,
- timestamp: val.ts,
- volume: val.volume,
- };
- });
- }
- });
- },
- initWebSocket(val) {
- const paramVal = this.$route.params.id || this.defaultSymbol;
- const param = !val ? paramVal : val;
- if (this.pageType !== "forex") {
- this.Trade = new WhrWebSocket({
- path: `${ConfigURL.WS_URL}/2/${param}`,
- onmessage: this.getTradeMessage,
- });
- this.Trade.init();
- }
- this.deep = new WhrWebSocket({
- path: `${ConfigURL.WS_URL}/3/${param}`,
- onmessage: this.getDeepMessage,
- });
- this.deep.init();
- // 获取实时价格和币种的开盘价格
- this.openTime = new WhrWebSocket({
- path: `${ConfigURL.WS_URL}/1/${param}`,
- onmessage: this.getOpenTmeMessage,
- });
- this.openTime.init();
- },
- getOpenTmeMessage({ data }) {
- var openTimeData = JSON.parse(data);
- if (openTimeData.code == "0") {
- this.symbolMarketInfo = openTimeData.data[0];
- }
- },
+ changeKTime(item) {
+ this.loading = true;
+ // this.klineData.remove(); // 销毁旧的图表实例
+ if (item.data != "minHour") {
+ this.kParamsTime = item.data;
+ this.klineIndex = "";
+ } else {
+ this.klineIndex = "minHour";
+ }
+ this.kTimeIndex = item.data;
+ // this.kParamsTime = this.kTimeIndex
+ console.log('this.kTimeIndexthis.kTimeIndex',this.kTimeIndex);
+ // this.$forceUpdate(); // 强制重新渲染组件
+ },
+ //定时轮训的
+ getKlineData() {
+ // console.log("getKlineData定时轮训的");
+ AxiosKline.getKline({
+ symbol: this.$route.params.id,
+ line: this.kParamsTime,
+ }).then((res) => {
+ setTimeout(() => {
+ this.loading = false;
+ }, 500);
+ if (res.code == "0") {
+ this.KLInedata = res.data.map((val) => {
+ return {
+ close: val.close,
+ high: val.high,
+ low: val.low,
+ open: val.open,
+ timestamp: val.ts,
+ volume: val.volume,
+ };
+ });
+ }
+ });
+ },
+ initWebSocket(val) {
+ const paramVal = this.$route.params.id || this.defaultSymbol;
+ const param = !val ? paramVal : val;
+ if (this.pageType !== "forex") {
+ this.Trade = new WhrWebSocket({
+ path: `${ConfigURL.WS_URL}/2/${param}`,
+ onmessage: this.getTradeMessage,
+ });
+ this.Trade.init();
+ }
+ this.deep = new WhrWebSocket({
+ path: `${ConfigURL.WS_URL}/3/${param}`,
+ onmessage: this.getDeepMessage,
+ });
+ this.deep.init();
+ // 获取实时价格和币种的开盘价格
+ this.openTime = new WhrWebSocket({
+ path: `${ConfigURL.WS_URL}/1/${param}`,
+ onmessage: this.getOpenTmeMessage,
+ });
+ this.openTime.init();
+ },
+ getOpenTmeMessage({
+ data
+ }) {
+ var openTimeData = JSON.parse(data);
+ if (openTimeData.code == "0") {
+ this.symbolMarketInfo = openTimeData.data[0];
+ }
+ },
- // 获取交易数据,最近成交以及orderbook
- getTradeMessage({ data }) {
- // console.log(data,'data')
- var TradeData = JSON.parse(data);
- if (TradeData.code == "0") {
- // 用于最近成交
- this.wsTradeData = TradeData.data.data;
- var filterData = this.wsTradeData.map((val) => {
- return val.amount;
- });
- this.bigIndex = Math.max(...filterData);
- this.buyList = this.wsTradeData.filter((val) => {
- return val.direction == "buy";
- });
- this.sellList = this.wsTradeData.filter((val) => {
- return val.direction == "sell";
- });
- }
- return val.direction == "sell";
- //
- },
- // 用于深度图
- getDeepMessage({ data }) {
- var deepData = JSON.parse(data);
- setTimeout(() => {
- this.loading = false;
- }, 500);
- if (deepData.code == "0") {
- this.deepBuy = deepData.data?.bids;
- this.deepSell = deepData.data?.asks;
- }
- },
- // 获取所有symbol
- getSymbol() {
- API.url("wap/api/item!list.action", {}).then((res) => {
- this.allSymbol = res.data
- .map((val) => {
- return val.symbol;
- })
- .join(",");
- this.getTimeTimer();
- });
- },
- // 获取行情数据，用于币种数据展示和币种的弹窗
- getRealTimeData(val, search) {
- this.getSymbol();
- console.log("获取行情数据，用于币种数据展示和币种的弹窗", this.allSymbol);
- if (!this.allSymbol) return;
- Axios.getRealtime({
- symbol: this.allSymbol,
- }).then((res) => {
- if (res.code == "0") {
- var data = res.data;
- // console.log(this.$route.params.id,'this.$route.params.id')
- var filtersVal = data.filter(
- (val) => val.symbol == this.$route.params.id
- );
- this.footerLeftList = data.slice(0, 6);
+ // 获取交易数据,最近成交以及orderbook
+ getTradeMessage({
+ data
+ }) {
+ // console.log(data,'data')
+ var TradeData = JSON.parse(data);
+ if (TradeData.code == "0") {
+ // 用于最近成交
+ this.wsTradeData = TradeData.data.data;
+ var filterData = this.wsTradeData.map((val) => {
+ return val.amount;
+ });
+ this.bigIndex = Math.max(...filterData);
+ this.buyList = this.wsTradeData.filter((val) => {
+ return val.direction == "buy";
+ });
+ this.sellList = this.wsTradeData.filter((val) => {
+ return val.direction == "sell";
+ });
+ }
+ // return val.direction == "sell";
+ this.sellList = this.wsTradeData.filter((val) => {
+ return val.direction == "sell";
+ });
+ //
+ },
+ // 用于深度图
+ getDeepMessage({
+ data
+ }) {
+ var deepData = JSON.parse(data);
+ setTimeout(() => {
+ this.loading = false;
+ }, 500);
+ if (deepData.code == "0") {
+ this.deepBuy = deepData.data?.bids;
+ this.deepSell = deepData.data?.asks;
+ }
+ },
+ // 获取所有symbol
+ getSymbol() {
+ API.url("wap/api/item!list.action", {}).then((res) => {
+ this.allSymbol = res.data
+ .map((val) => {
+ return val.symbol;
+ })
+ .join(",");
+ this.getTimeTimer();
+ });
+ },
+ // 获取行情数据，用于币种数据展示和币种的弹窗
+ getRealTimeData(val, search) {
+ this.getSymbol();
+ console.log("获取行情数据，用于币种数据展示和币种的弹窗", this.allSymbol);
+ if (!this.allSymbol) return;
+ Axios.getRealtime({
+ symbol: this.allSymbol,
+ }).then((res) => {
+ if (res.code == "0") {
+ var data = res.data;
+ // console.log(this.$route.params.id,'this.$route.params.id')
+ var filtersVal = data.filter(
+ (val) => val.symbol == this.$route.params.id
+ );
+ this.footerLeftList = data.slice(0, 6);
- this.pageData = filtersVal[0]; //页面展示的数据
- this.allListData = data; //所有的交易对
- // 对已收藏的数据进行打tag
- for (let i = 0; i < this.allListData.length; i++) {
- this.allListData[i].isCollect = false;
- }
- this.allListData.map((item1) => {
- this.collectList.map((item2) => {
- if (item1.symbol == item2.symbol) {
- item1.isCollect = true;
- }
- });
- });
+ this.pageData = filtersVal[0]; //页面展示的数据
+ this.allListData = data; //所有的交易对
+ // 对已收藏的数据进行打tag
+ for (let i = 0; i < this.allListData.length; i++) {
+ this.allListData[i].isCollect = false;
+ }
+ this.allListData.map((item1) => {
+ this.collectList.map((item2) => {
+ if (item1.symbol == item2.symbol) {
+ item1.isCollect = true;
+ }
+ });
+ });
- if (this.sortIndex == 1) {
- //字母正序
- this.allListData = this.allListData.sort(
- this.sortLetterList("symbol")
- );
- }
- if (this.sortIndex == 2) {
- this.allListData = this.allListData.sort(
- this.sortLetterTwoList("symbol")
- );
- }
- // 最新价格
- if (this.sortIndex == 3) {
- this.allListData = this.allListData.sort(
- this.orderListAsc("close")
- );
- }
- if (this.sortIndex == 4) {
- this.allListData = this.allListData.sort(
- this.orderListAsc("close", "ask")
- );
- }
- // 24小时涨跌
- if (this.sortIndex == 5) {
- this.allListData = this.allListData.sort(
- this.orderListAsc("change_ratio")
- );
- }
- if (this.sortIndex == 6) {
- this.allListData = this.allListData.sort(
- this.orderListAsc("change_ratio", "ask")
- );
- }
- // 成交量
- if (this.sortIndex == 7) {
- this.allListData = this.allListData.sort(
- this.orderListAsc("amount")
- );
- }
- if (this.sortIndex == 8) {
- this.allListData = this.allListData.sort(
- this.orderListAsc("amount", "ask")
- );
- }
- }
- });
- },
- },
-};
+ if (this.sortIndex == 1) {
+ //字母正序
+ this.allListData = this.allListData.sort(
+ this.sortLetterList("symbol")
+ );
+ }
+ if (this.sortIndex == 2) {
+ this.allListData = this.allListData.sort(
+ this.sortLetterTwoList("symbol")
+ );
+ }
+ // 最新价格
+ if (this.sortIndex == 3) {
+ this.allListData = this.allListData.sort(
+ this.orderListAsc("close")
+ );
+ }
+ if (this.sortIndex == 4) {
+ this.allListData = this.allListData.sort(
+ this.orderListAsc("close", "ask")
+ );
+ }
+ // 24小时涨跌
+ if (this.sortIndex == 5) {
+ this.allListData = this.allListData.sort(
+ this.orderListAsc("change_ratio")
+ );
+ }
+ if (this.sortIndex == 6) {
+ this.allListData = this.allListData.sort(
+ this.orderListAsc("change_ratio", "ask")
+ );
+ }
+ // 成交量
+ if (this.sortIndex == 7) {
+ this.allListData = this.allListData.sort(
+ this.orderListAsc("amount")
+ );
+ }
+ if (this.sortIndex == 8) {
+ this.allListData = this.allListData.sort(
+ this.orderListAsc("amount", "ask")
+ );
+ }
+ }
+ });
+ },
+ },
+ };
</script>
<style>
-@import url("@/assets/css/coin/trade.css");
+ @import url("@/assets/css/coin/trade.css");
-.home-container {
- background: #171a1e;
- width: 100%;
- border: 1px solid #24272c;
- border-bottom: none;
-}
+ .home-container {
+ background: #171a1e;
+ width: 100%;
+ border: 1px solid #24272c;
+ border-bottom: none;
+ }
-.kline-wrap {
- z-index: 0;
-}
+ .kline-wrap {
+ z-index: 0;
+ }
-.wrap-full {
- z-index: 2;
-}
+ .wrap-full {
+ z-index: 2;
+ }
-.k-toolbar-wrap-full {
- position: fixed;
- top: 78px;
- left: 0;
- width: 100%;
- height: 30px;
- background: #171a1e;
- z-index: 300000;
-}
+ .k-toolbar-wrap-full {
+ position: fixed;
+ top: 78px;
+ left: 0;
+ width: 100%;
+ height: 30px;
+ background: #171a1e;
+ z-index: 300000;
+ }
-.trade-box-bottom {
- display: flex;
- background: #000;
- margin-bottom: 30px;
- height: 600px;
-}
+ .trade-box-bottom {
+ display: flex;
+ background: #000;
+ margin-bottom: 30px;
+ height: 600px;
+ }
-.full-screen {
- cursor: pointer;
-}
+ .full-screen {
+ cursor: pointer;
+ }
-.new-order-price {
- font-size: 18px;
- font-weight: 600;
+ .new-order-price {
+ font-size: 18px;
+ font-weight: 600;
- padding-top: 16px;
- color: #fafafa;
- border-top: 1px solid #24272c;
- margin-top: 5px;
-}
+ padding-top: 16px;
+ color: #fafafa;
+ border-top: 1px solid #24272c;
+ margin-top: 5px;
+ }
-.position-wrapper {
- /* margin-top: 36px; */
- display: flex;
- flex: 1;
- background: #000;
-}
+ .position-wrapper {
+ /* margin-top: 36px; */
+ display: flex;
+ flex: 1;
+ background: #000;
+ }
-.search-dialog {
- transform: translate(0px, 3px);
- width: 630px;
- position: absolute;
- z-index: 10000;
- border-top: 1px solid #24272c;
- border-right: 1px solid #24272c;
+ .search-dialog {
+ transform: translate(0px, 3px);
+ width: 630px;
+ position: absolute;
+ z-index: 10000;
+ border-top: 1px solid #24272c;
+ border-right: 1px solid #24272c;
- top: 64px;
- background: #171a1e;
-}
+ top: 64px;
+ background: #171a1e;
+ }
-/* */
-.main-box_header {
- height: 35px;
- line-height: 35px;
- position: relative;
- padding-left: 25px;
-}
+ /* */
+ .main-box_header {
+ height: 35px;
+ line-height: 35px;
+ position: relative;
+ padding-left: 25px;
+ }
-.main-box_header div {
- position: absolute;
- right: 20px;
- top: 5px;
- color: #519aff;
-}
+ .main-box_header div {
+ position: absolute;
+ right: 20px;
+ top: 5px;
+ color: #519aff;
+ }
-.main-box_header span {
- color: #519aff;
- padding-left: 20px;
-}
+ .main-box_header span {
+ color: #519aff;
+ padding-left: 20px;
+ }
-.trade-box-top {
- display: flex;
- justify-content: center;
- width: 100%;
-}
+ .trade-box-top {
+ display: flex;
+ justify-content: center;
+ width: 100%;
+ }
-.kTimeDivider {
- width: 1px;
- height: 30px;
- margin-right: 20px;
- background: #24272c;
-}
+ .kTimeDivider {
+ width: 1px;
+ height: 30px;
+ margin-right: 20px;
+ background: #24272c;
+ }
-.top-left {
- background: #171a1e;
- display: flex;
- flex: 1;
- /* width: calc(100vw - 600px); */
- border-right: 1px solid #24272c;
- /* border-left: 1px solid #24272c; */
-}
+ .top-left {
+ background: #171a1e;
+ display: flex;
+ flex: 1;
+ /* width: calc(100vw - 600px); */
+ border-right: 1px solid #24272c;
+ /* border-left: 1px solid #24272c; */
+ }
-.top-left-wrapper {
- width: 100%;
-}
+ .top-left-wrapper {
+ width: 100%;
+ }
-.top-left-k {
- z-index: 99;
- /* height: 660px; */
- width: 100%;
-}
+ .top-left-k {
+ z-index: 99;
+ /* height: 660px; */
+ width: 100%;
+ }
-.top-middle,
-.top-right {
- width: 300px;
- /* border-top: 1px solid #9090; */
-}
+ .top-middle,
+ .top-right {
+ width: 300px;
+ /* border-top: 1px solid #9090; */
+ }
-.top-middle {
- background: #171a1e;
-}
+ .top-middle {
+ background: #171a1e;
+ }
-.top-right {
- background: #1f2328;
- border-left: 1px solid #24272c;
- /* border-bottom: 1px solid #24272c; */
-}
+ .top-right {
+ background: #1f2328;
+ border-left: 1px solid #24272c;
+ /* border-bottom: 1px solid #24272c; */
+ }
-.margin-block {
- /* background: #171a1e; */
- /* background: #000; */
-}
+ .margin-block {
+ /* background: #171a1e; */
+ /* background: #000; */
+ }
-.footers {
- text-align: center;
- display: flex;
-}
+ .footers {
+ text-align: center;
+ display: flex;
+ }
-.footers button {
- width: 49%;
-}
+ .footers button {
+ width: 49%;
+ }
-.overbottom {
- position: fixed;
- width: 100%;
- bottom: 0px;
- left: 0px;
- display: flex;
- background: #171a1e;
- font-size: 12px;
- /* height: 15px; */
- height: 28px;
- line-height: 28px;
- color: #909090;
-}
+ .overbottom {
+ position: fixed;
+ width: 100%;
+ bottom: 0px;
+ left: 0px;
+ display: flex;
+ background: #171a1e;
+ font-size: 12px;
+ /* height: 15px; */
+ height: 28px;
+ line-height: 28px;
+ color: #909090;
+ }
-.overright {
- position: absolute;
- right: 60px;
- width: 366px;
-}
+ .overright {
+ position: absolute;
+ right: 60px;
+ width: 366px;
+ }
-.overright span {
- display: inline-block;
- width: 120px;
- text-align: center;
-}
+ .overright span {
+ display: inline-block;
+ width: 120px;
+ text-align: center;
+ }
-.overbottom i {
- font-size: 10px;
-}
+ .overbottom i {
+ font-size: 10px;
+ }
-.overbottom img {
- width: 28px;
- height: 28px;
- vertical-align: middle;
-}
+ .overbottom img {
+ width: 28px;
+ height: 28px;
+ vertical-align: middle;
+ }
-.overbottom span {
- display: inline-block;
-}
+ .overbottom span {
+ display: inline-block;
+ }
-.overbottom .item {
- width: 200px;
- text-align: center;
- border-right: 1px solid #909090;
-}
+ .overbottom .item {
+ width: 200px;
+ text-align: center;
+ border-right: 1px solid #909090;
+ }
-.overbottom .item span {
- padding-right: 10px;
-}
+ .overbottom .item span {
+ padding-right: 10px;
+ }
-.overbottom span.overtitle {
- width: 180px;
- text-align: center;
- border-right: 1px solid #909090;
-}
+ .overbottom span.overtitle {
+ width: 180px;
+ text-align: center;
+ border-right: 1px solid #909090;
+ }
-.status-info {
- padding: 4px 8px;
- border-radius: 4px;
- margin-right: 4px;
- background: #303133;
- color: #fff;
-}
+ .status-info {
+ padding: 4px 8px;
+ border-radius: 4px;
+ margin-right: 4px;
+ background: #303133;
+ color: #fff;
+ }
-.twoj {
- position: relative;
- display: inline-block;
- width: 50px;
- text-align: center;
-}
+ .twoj {
+ position: relative;
+ display: inline-block;
+ width: 50px;
+ text-align: center;
+ }
-.twoj i {
- font-size: 8px;
- position: absolute;
-}
+ .twoj i {
+ font-size: 8px;
+ position: absolute;
+ }
-.twoj i:nth-child(1) {
- top: 0px;
-}
+ .twoj i:nth-child(1) {
+ top: 0px;
+ }
-.twoj i:nth-child(2) {
- top: 6px;
-}
+ .twoj i:nth-child(2) {
+ top: 6px;
+ }
-.setcash .boxpin {
- color: #fff;
- text-align: center;
-}
+ .setcash .boxpin {
+ color: #fff;
+ text-align: center;
+ }
-.setcash .boxpin i {
- font-size: 70px;
- color: #519aff;
- font-weight: bold;
-}
+ .setcash .boxpin i {
+ font-size: 70px;
+ color: #519aff;
+ font-weight: bold;
+ }
-.setcash .boxpin p {
- height: 50px;
- line-height: 50px;
- font-size: 18px;
-}
+ .setcash .boxpin p {
+ height: 50px;
+ line-height: 50px;
+ font-size: 18px;
+ }
-.linepin {
- height: 35px;
- line-height: 35px;
- font-size: 15px;
- color: #fff;
- letter-spacing: 1px;
-}
+ .linepin {
+ height: 35px;
+ line-height: 35px;
+ font-size: 15px;
+ color: #fff;
+ letter-spacing: 1px;
+ }
-.linepin span {
- color: #62c885;
-}
+ .linepin span {
+ color: #62c885;
+ }
-.ticker-item,
-.ladder-wrap {
- position: relative;
-}
+ .ticker-item,
+ .ladder-wrap {
+ position: relative;
+ }
-.ticker-itemBox {
- position: absolute;
- top: 40px;
- z-index: 9999;
- background: #1f2328;
- color: #909090;
- padding: 20px;
- border: 1px solid #909090;
- border-radius: 5px;
-}
+ .ticker-itemBox {
+ position: absolute;
+ top: 40px;
+ z-index: 9999;
+ background: #1f2328;
+ color: #909090;
+ padding: 20px;
+ border: 1px solid #909090;
+ border-radius: 5px;
+ }
-.ladder-wrap .ticker-itemBox {
- top: 20px;
- left: -20px;
-}
+ .ladder-wrap .ticker-itemBox {
+ top: 20px;
+ left: -20px;
+ }
-.ladder-wrap .ticker-itemBox div:hover {
- color: #409eff;
-}
+ .ladder-wrap .ticker-itemBox div:hover {
+ color: #409eff;
+ }
-.ticker-itemBox div {
- height: 30px;
-}
+ .ticker-itemBox div {
+ height: 30px;
+ }
-.ticker-itemBox .el-checkbox {
- color: #909090;
-}
+ .ticker-itemBox .el-checkbox {
+ color: #909090;
+ }
-.el-button--default {
- background: #484d56 !important;
- border: 1px solid #484d56;
- color: #fff;
-}
+ .el-button--default {
+ background: #484d56 !important;
+ border: 1px solid #484d56;
+ color: #fff;
+ }
-.el-button--primary {
- background-color: #1d91ff;
- border-color: #1d91ff;
- color: #fff !important;
-}
+ .el-button--primary {
+ background-color: #1d91ff;
+ border-color: #1d91ff;
+ color: #fff !important;
+ }
-.asset-block {
- width: 300px;
- border: 1px solid #24272c;
- border-left: none;
- border-right: none;
- height: 100%;
- box-sizing: border-box;
-}
+ .asset-block {
+ width: 300px;
+ border: 1px solid #24272c;
+ border-left: none;
+ border-right: none;
+ height: 100%;
+ box-sizing: border-box;
+ }
-.el-button + .el-button {
- margin-left: 0 !important;
-}
+ .el-button+.el-button {
+ margin-left: 0 !important;
+ }
-.asset-block .assets-btns {
- display: grid;
- grid-template-columns: auto auto auto;
- grid-column-gap: 12px;
-}
+ .asset-block .assets-btns {
+ display: grid;
+ grid-template-columns: auto auto auto;
+ grid-column-gap: 12px;
+ }
-.cashbi {
- padding: 5px 18px;
-}
+ .cashbi {
+ padding: 5px 18px;
+ }
-.cashbi .cashHead {
- font-size: 16px;
- height: 36px;
- line-height: 36px;
- padding-top: 10px;
- margin-bottom: 15px;
-}
+ .cashbi .cashHead {
+ font-size: 16px;
+ height: 36px;
+ line-height: 36px;
+ padding-top: 10px;
+ margin-bottom: 15px;
+ }
-.cashbi .cashbtn {
- width: 100%;
- height: 25px;
- line-height: 25px;
- background: #303133;
- text-align: center;
- border-radius: 5px;
- margin: 10px 0px;
- color: #999;
-}
+ .cashbi .cashbtn {
+ width: 100%;
+ height: 25px;
+ line-height: 25px;
+ background: #303133;
+ text-align: center;
+ border-radius: 5px;
+ margin: 10px 0px;
+ color: #999;
+ }
-.cashbi .cashbilist {
- color: #909090;
- padding-top: 10px;
-}
+ .cashbi .cashbilist {
+ color: #909090;
+ padding-top: 10px;
+ }
-.cashbi .cashbilist p {
- height: 35px;
- line-height: 35px;
- position: relative;
-}
+ .cashbi .cashbilist p {
+ height: 35px;
+ line-height: 35px;
+ position: relative;
+ }
-.cashbi .cashbilist p span {
- position: absolute;
- right: 0px;
-}
+ .cashbi .cashbilist p span {
+ position: absolute;
+ right: 0px;
+ }
-.cashbi ul li {
- display: flex;
- color: #909090;
- height: 36px;
- line-height: 36px;
- justify-content: space-between;
-}
+ .cashbi ul li {
+ display: flex;
+ color: #909090;
+ height: 36px;
+ line-height: 36px;
+ justify-content: space-between;
+ }
-.cashbi button {
- background: #303133;
- border: none;
- color: #999;
- font-size: 12px;
-}
+ .cashbi button {
+ background: #303133;
+ border: none;
+ color: #999;
+ font-size: 12px;
+ }
-.allgoods {
- box-sizing: border-box;
- /* height: 36px; */
- line-height: 36px;
- position: relative;
- border-bottom: 1px solid #24272c;
-}
+ .allgoods {
+ box-sizing: border-box;
+ /* height: 36px; */
+ line-height: 36px;
+ position: relative;
+ border-bottom: 1px solid #24272c;
+ }
-.allgoods div {
- display: inline-block;
- vertical-align: top;
- margin-left: 20px;
-}
+ .allgoods div {
+ display: inline-block;
+ vertical-align: top;
+ margin-left: 20px;
+ }
-.allgoods div .name {
- padding-right: 10px;
-}
+ .allgoods div .name {
+ padding-right: 10px;
+ }
-.allgoods span.sethave {
- position: absolute;
- right: 0px;
- font-size: 18px;
- color: #909090;
-}
+ .allgoods span.sethave {
+ position: absolute;
+ right: 0px;
+ font-size: 18px;
+ color: #909090;
+ }
-.watch-list-box .slide-tab-box.grade—1 .type-item.checked {
- border-bottom: 2px solid #519aff;
- color: #519aff;
-}
+ .watch-list-box .slide-tab-box.grade—1 .type-item.checked {
+ border-bottom: 2px solid #519aff;
+ color: #519aff;
+ }
-.rgl-drag-zone {
- position: relative;
-}
+ .rgl-drag-zone {
+ position: relative;
+ }
-.rgl-drag-zone .ticker-itemBox {
- position: absolute;
- right: 0px;
- top: 28px;
-}
+ .rgl-drag-zone .ticker-itemBox {
+ position: absolute;
+ right: 0px;
+ top: 28px;
+ }
-.place-order-xl-box {
- z-index: 0;
-}
+ .place-order-xl-box {
+ z-index: 0;
+ }
-.trade-panel-box {
- width: 100%;
- /* margin: 0 auto; */
-}
+ .trade-panel-box {
+ width: 100%;
+ /* margin: 0 auto; */
+ }
-.order-book-item span.active {
- color: #0db27c !important;
-}
+ .order-book-item span.active {
+ color: #0db27c !important;
+ }
-.order-book-item span.actives {
- color: #db4355 !important;
-}
+ .order-book-item span.actives {
+ color: #db4355 !important;
+ }
-/* 永续合约-仓位-table-背景色 */
-::v-deep .el-table {
- background-color: #000;
- color: #b7bdc6;
-}
+ /* 永续合约-仓位-table-背景色 */
+ ::v-deep .el-table {
+ background-color: #000;
+ color: #b7bdc6;
+ }
-::v-deep .el-table tr {
- background-color: #000;
-}
+ ::v-deep .el-table tr {
+ background-color: #000;
+ }
-::v-deep .el-table tbody tr:hover > td {
- background-color: #000 !important;
-}
+ ::v-deep .el-table tbody tr:hover>td {
+ background-color: #000 !important;
+ }
-/* table 头部 */
-::v-deep .el-table th.el-table__cell.is-leaf {
- background: #000;
-}
+ /* table 头部 */
+ ::v-deep .el-table th.el-table__cell.is-leaf {
+ background: #000;
+ }
-::v-deep .el-table td.el-table__cell,
-.el-table th.el-table__cell.is-leaf {
- /* border-bottom: 1px solid #24272c; */
-}
+ ::v-deep .el-table td.el-table__cell,
+ .el-table th.el-table__cell.is-leaf {
+ /* border-bottom: 1px solid #24272c; */
+ }
-::v-deep .el-table__body-wrapper {
- background-color: #000;
-}
+ ::v-deep .el-table__body-wrapper {
+ background-color: #000;
+ }
-/* table 下划线去掉 */
-/* ::v-deep .el-table--border::after,
+ /* table 下划线去掉 */
+ /* ::v-deep .el-table--border::after,
.el-table--group::after {
background-color: #000 !important;
} */
-::v-deep .el-table th.el-table__cell.is-leaf {
- /* border-bottom: 1px solid #24272c; */
-}
+ ::v-deep .el-table th.el-table__cell.is-leaf {
+ /* border-bottom: 1px solid #24272c; */
+ }
-::v-deep .el-table::before {
- background-color: #000;
- height: 0px;
-}
+ ::v-deep .el-table::before {
+ background-color: #000;
+ height: 0px;
+ }
-::v-deep .el-tabs__nav {
- z-index: 0 !important;
-}
+ ::v-deep .el-tabs__nav {
+ z-index: 0 !important;
+ }
-.fullscreen-box {
- position: fixed !important;
- left: 0;
- top: 0;
- width: 100% !important;
- height: 100% !important;
-}
+ .fullscreen-box {
+ position: fixed !important;
+ left: 0;
+ top: 0;
+ width: 100% !important;
+ height: 100% !important;
+ }
-::v-deep .el-loading-spinner i {
- color: #fff !important;
- font-size: 40px;
-}
+ ::v-deep .el-loading-spinner i {
+ color: #fff !important;
+ font-size: 40px;
+ }
-::v-deep .el-tabs__item:hover {
- color: #fff !important;
-}
-</style>
+ ::v-deep .el-tabs__item:hover {
+ color: #fff !important;
+ }
+</style>
\ No newline at end of file
diff --git a/src/components/layout/commonHeader.vue b/src/components/layout/commonHeader.vue
index 0d7f3bc..9c99d33 100644
--- a/src/components/layout/commonHeader.vue
+++ b/src/components/layout/commonHeader.vue
@@ -66,7 +66,7 @@
gap: 6px;
"
>
- <!-- <img src="https://MT10.com/img/material-symbols.248b9d5f.svg" /> -->
+ <!-- <img src="https://BCWP.com/img/material-symbols.248b9d5f.svg" /> -->
{{ $t("message.user.chongzhi") }}
</div>
</div>
diff --git a/src/i18n/cht/home.js b/src/i18n/cht/home.js
index 569f4be..063cfe2 100644
--- a/src/i18n/cht/home.js
+++ b/src/i18n/cht/home.js
@@ -1102,11 +1102,11 @@
shangchuanfukuanpingzheng: "上傳付款憑證",
fukuanpingzheng: "付款憑證",
xianhuolishi: "現貨歷史",
- '歡迎來到 MT10': '歡迎來到 MT10',
+ '歡迎來到 BCWP': '歡迎來到 BCWP',
'即刻開啟您的數字貨幣之旅。': '即刻開啟您的數字貨幣之旅。',
- '立刻下載MT10手機 App!': '立刻下載MT10手機 App!',
+ '立刻下載BCWP手機 App!': '立刻下載BCWP手機 App!',
'揭開驚喜，解鎖獎勵 – 你的精彩之旅從這裡開始！': '揭開驚喜，解鎖獎勵 – 你的精彩之旅從這裡開始！',
- '恭喜 MT10新用戶，限時活動等你來': '恭喜 MT10新用戶，限時活動等你來',
+ '恭喜 BCWP新用戶，限時活動等你來': '恭喜 BCWP新用戶，限時活動等你來',
"m2-ssc-s2-h1": "產品",
"快捷買幣": "快捷買幣",
"quicklyContent": "在此交易BTC、ETH等主流數字貨幣，我們提供超100種優質數字資產交易對。",
@@ -1116,24 +1116,24 @@
'多層次的高級保障': '多層次的高級保障',
'用戶隱私優先': '用戶隱私優先',
'實時監控': '實時監控',
- 'MultipleProtection':'MT10採用獨特的安全系統，將數據保護提升到一個新的安全水平。',
- 'UserPrivacyFirstContent': '在MT10，我們將用戶隱私置於首位。我們確保對您的個人信息提供最高級別的保護。',
+ 'MultipleProtection':'BCWP採用獨特的安全系統，將數據保護提升到一個新的安全水平。',
+ 'UserPrivacyFirstContent': '在BCWP，我們將用戶隱私置於首位。我們確保對您的個人信息提供最高級別的保護。',
'realTimeMonitoring': '我們積極監控潛在的威脅，不僅保護用戶的安全，還時刻關注潛在的黑客攻擊。',
'3步完成交易': '3步完成交易',
'從帳戶充值開始': '從帳戶充值開始',
'進行現貨交易': '進行現貨交易',
'進行永續合約交易': '進行永續合約交易',
'支持多鏈幣種充值，讓你快速開啟加密貨幣交易之旅。': '支持多鏈幣種充值，讓你快速開啟加密貨幣交易之旅。',
- '提供包括BTC、ETH等上百種優質交易對以供選擇，在MT10享流暢交易。': '提供包括BTC、ETH等上百種優質交易對以供選擇，在MT10享流暢交易。',
+ '提供包括BTC、ETH等上百種優質交易對以供選擇，在BCWP享流暢交易。': '提供包括BTC、ETH等上百種優質交易對以供選擇，在BCWP享流暢交易。',
'多倍槓桿放大交易收益，無期限優化投資組合。': '多倍槓桿放大交易收益，無期限優化投資組合。',
"learn-more": "了解更多",
'輕鬆玩賺數字貨幣.': '輕鬆玩賺數字貨幣.',
- 'download-desc': 'MT10攜手您邁向加密貨幣交易的未來。 簡化路径，即時登陸。 交 易順暢，尽享收益。',
+ 'download-desc': 'BCWP攜手您邁向加密貨幣交易的未來。 簡化路径，即時登陸。 交 易順暢，尽享收益。',
'掃碼下載': '掃碼下載',
'邀請好友，享40%返佣': '邀請好友，享40%返佣',
'邀請返佣': '邀請返佣',
'領取高額返佣':'領取高額返佣',
- '您的加入，才能壯大MT10社區！': '您的加入，才能壯大MT10社區！',
+ '您的加入，才能壯大BCWP社區！': '您的加入，才能壯大BCWP社區！',
'bottom-info': '在加入或使用平台和網站時，您聲明並保證您完全了解與涉及數位資產的交易或使用平台相關的風險。您同意並瞭解，您全權負責確定這些風險對您自己的財產、潛在價值、適用性和適當性，且本公司不會對任何數位資產提供意見或建議，包括其適用性和適當性，以及任何數位資產的投資策略。您同意並瞭解，您造訪和使用平台和網站的風險由您承擔自行承擔。',
'版權所有': '版權所有',
'透過電子郵件/手機號碼註冊': '透過電子郵件/手機號碼註冊',
diff --git a/src/i18n/de/home.js b/src/i18n/de/home.js
index c7b9cf2..f8d3d8e 100644
--- a/src/i18n/de/home.js
+++ b/src/i18n/de/home.js
@@ -807,11 +807,11 @@
"shangchuanfukuanpingzheng": "Zahlungsnachweis hochladen",
"fukuanpingzheng": "Zahlungsnachweis",
"xianhuolishi": "Spot-Geschichte",
- '歡迎來到 MT10': 'Willkommen bei MT10',
+ '歡迎來到 BCWP': 'Willkommen bei BCWP',
'即刻開啟您的數字貨幣之旅。': 'Beginnen Sie jetzt Ihre digitale Währungsreise.',
- '立刻下載MT10手機 App!': 'Laden Sie jetzt die mobile MT10-App herunter!',
+ '立刻下載BCWP手機 App!': 'Laden Sie jetzt die mobile BCWP-App herunter!',
'揭開驚喜，解鎖獎勵 – 你的精彩之旅從這裡開始！': 'Entdecken Sie Überraschungen und schalten Sie Belohnungen frei – Ihre aufregende Reise beginnt hier!',
- '恭喜 MT10新用戶，限時活動等你來': 'Herzlichen Glückwunsch an die neuen MT10-Benutzer. Es warten zeitlich begrenzte Aktivitäten auf Sie',
+ '恭喜 BCWP新用戶，限時活動等你來': 'Herzlichen Glückwunsch an die neuen BCWP-Benutzer. Es warten zeitlich begrenzte Aktivitäten auf Sie',
"m2-ssc-s2-h1": "Produkte",
"快捷買幣": "Kaufen Sie schnell Münzen",
"quicklyContent": "Handeln Sie hier mit gängigen digitalen Währungen wie BTC und ETH. Wir bieten mehr als 100 hochwertige Handelspaare für digitale Vermögenswerte.",
@@ -821,8 +821,8 @@
'多層次的高級保障': 'Mehrere Stufen erweiterten Schutzes',
'用戶隱私優先': 'Die Privatsphäre der Benutzer steht an erster Stelle',
'實時監控': 'Echtzeitüberwachung',
- 'MultipleProtection':'MT10 nutzt ein einzigartiges Sicherheitssystem, um den Datenschutz auf ein neues Sicherheitsniveau zu heben.',
- 'UserPrivacyFirstContent': 'Bei MT10 steht die Privatsphäre der Benutzer an erster Stelle. Wir gewährleisten den höchsten Schutz Ihrer persönlichen Daten.',
+ 'MultipleProtection':'BCWP nutzt ein einzigartiges Sicherheitssystem, um den Datenschutz auf ein neues Sicherheitsniveau zu heben.',
+ 'UserPrivacyFirstContent': 'Bei BCWP steht die Privatsphäre der Benutzer an erster Stelle. Wir gewährleisten den höchsten Schutz Ihrer persönlichen Daten.',
'realTimeMonitoring': 'Wir überwachen aktiv potenzielle Bedrohungen, um nicht nur die Sicherheit unserer Benutzer zu schützen, sondern auch um potenzielle Hackerangriffe im Auge zu behalten.',
"learn-more": "Weitere Informationen",
'3步完成交易': 'Schließen Sie die Transaktion in 3 Schritten ab',
@@ -830,15 +830,15 @@
'進行現貨交易': 'Führen Sie Spothandel durch',
'進行永續合約交易': 'Handeln Sie mit unbefristeten Verträgen',
'支持多鏈幣種充值，讓你快速開啟加密貨幣交易之旅。': 'Unterstützt das Aufladen von Währungen über mehrere Ketten, sodass Sie schnell mit dem Handel mit Kryptowährungen beginnen können.',
- '提供包括BTC、ETH等上百種優質交易對以供選擇，在MT10享流暢交易。': 'Stellen Sie Hunderte von hochwertigen Handelspaaren zur Auswahl, darunter BTC, ETH usw., und genießen Sie reibungslose Transaktionen auf MT10.',
+ '提供包括BTC、ETH等上百種優質交易對以供選擇，在BCWP享流暢交易。': 'Stellen Sie Hunderte von hochwertigen Handelspaaren zur Auswahl, darunter BTC, ETH usw., und genießen Sie reibungslose Transaktionen auf BCWP.',
'多倍槓桿放大交易收益，無期限優化投資組合。': 'Mehrfache Hebelwirkung steigert die Handelsrenditen und optimiert Anlageportfolios auf unbestimmte Zeit.',
"輕鬆玩賺數字貨幣.": "Einfach zu spielen und digitale Währung zu verdienen.",
- "download-desc": "MT10 schließt sich mit Ihnen zusammen, um in die Zukunft des Kryptowährungshandels einzusteigen. Vereinfachen Sie Ihren Weg und landen Sie sofort. Reibungslose Transaktionen und voller Gewinn.",
+ "download-desc": "BCWP schließt sich mit Ihnen zusammen, um in die Zukunft des Kryptowährungshandels einzusteigen. Vereinfachen Sie Ihren Weg und landen Sie sofort. Reibungslose Transaktionen und voller Gewinn.",
"掃碼下載": "Scannen Sie den QR-Code zum Herunterladen",
"邀請好友，享40%返佣": "Laden Sie Freunde ein und genießen Sie 40% Rakeback",
"邀請返佣": "Empfehlungsrabatte",
"領取高額返佣": "Erhalten Sie hohe Rabatte",
- "您的加入，才能壯大MT10社區！": "Ihre Teilnahme ist der einzige Weg, um die MT10-Community zu vergrößern!",
+ "您的加入，才能壯大BCWP社區！": "Ihre Teilnahme ist der einzige Weg, um die BCWP-Community zu vergrößern!",
'bottom-info': 'Wenn Sie der Plattform und der Website beitreten oder diese nutzen, erklären und garantieren Sie, dass Sie die mit Transaktionen im Zusammenhang mit digitalen Vermögenswerten oder der Nutzung der Plattform verbundenen Risiken vollständig verstehen. Sie stimmen zu und verstehen, dass Sie allein dafür verantwortlich sind, den potenziellen Wert, die Eignung und die Angemessenheit dieser Risiken in Bezug auf Ihr eigenes Eigentum zu bestimmen, und dass das Unternehmen keine Ratschläge oder Empfehlungen zu digitalen Vermögenswerten, einschließlich ihrer Eignung und Angemessenheit, erteilt alle Anlagestrategien für digitale Vermögenswerte. Sie stimmen zu und verstehen, dass Ihr Zugriff auf die Plattform und die Website und deren Nutzung auf Ihr eigenes Risiko erfolgt.',
'版權所有': 'Alle Rechte vorbehalten',
'透過電子郵件/手機號碼註冊': 'Registrieren Sie sich per E-Mail/Handynummer',
diff --git a/src/i18n/en/home.js b/src/i18n/en/home.js
index f515b21..930fae9 100644
--- a/src/i18n/en/home.js
+++ b/src/i18n/en/home.js
@@ -1291,11 +1291,11 @@
shangchuanfukuanpingzheng: "Upload payment voucher",
fukuanpingzheng: "Payment Voucher",
xianhuolishi: "Spot History",
- '歡迎來到 MT10': 'Welcome to MT10',
+ '歡迎來到 BCWP': 'Welcome to BCWP',
'即刻開啟您的數字貨幣之旅。': 'Start your digital currency journey now.',
- '立刻下載MT10手機 App!': 'Download the MT10 mobile app now!',
+ '立刻下載BCWP手機 App!': 'Download the BCWP mobile app now!',
'揭開驚喜，解鎖獎勵 – 你的精彩之旅從這裡開始！': 'Uncover surprises and unlock rewards – your exciting journey starts here!',
- '恭喜 MT10新用戶，限時活動等你來': 'Congratulations to the new MT10 users, limited time activities are waiting for you',
+ '恭喜 BCWP新用戶，限時活動等你來': 'Congratulations to the new BCWP users, limited time activities are waiting for you',
"m2-ssc-s2-h1": "Product",
"快捷買幣": "Buy coins quickly",
"quicklyContent": "Trade mainstream digital currencies such as BTC and ETH here. We provide more than 100 high-quality digital asset trading pairs.",
@@ -1305,8 +1305,8 @@
'多層次的高級保障': 'Multiple levels of advanced protection',
'用戶隱私優先': 'User privacy first',
'實時監控': 'real time monitoring',
- 'MultipleProtection':'MT10 uses a unique security system to take data protection to a new level of security.',
- 'UserPrivacyFirstContent': 'At MT10, we put user privacy first. We ensure the highest level of protection for your personal information.',
+ 'MultipleProtection':'BCWP uses a unique security system to take data protection to a new level of security.',
+ 'UserPrivacyFirstContent': 'At BCWP, we put user privacy first. We ensure the highest level of protection for your personal information.',
'realTimeMonitoring': 'We actively monitor potential threats to not only protect our users\' security, but also to keep an eye out for potential hacker attacks.',
"learn-more": "Learn more",
'3步完成交易': 'Complete the transaction in 3 steps',
@@ -1314,15 +1314,15 @@
'進行現貨交易': 'Carry out spot trading',
'進行永續合約交易': 'Trade perpetual contracts',
'支持多鏈幣種充值，讓你快速開啟加密貨幣交易之旅。': 'Supports multi-chain currency recharge, allowing you to quickly start your cryptocurrency trading journey.',
- '提供包括BTC、ETH等上百種優質交易對以供選擇，在MT10享流暢交易。': 'Provide hundreds of high-quality trading pairs including BTC, ETH, etc. to choose from, and enjoy smooth transactions on MT10.',
+ '提供包括BTC、ETH等上百種優質交易對以供選擇，在BCWP享流暢交易。': 'Provide hundreds of high-quality trading pairs including BTC, ETH, etc. to choose from, and enjoy smooth transactions on BCWP.',
'多倍槓桿放大交易收益，無期限優化投資組合。': 'Multiple leverage magnifies trading returns and optimizes investment portfolios indefinitely.',
'輕鬆玩賺數字貨幣.': 'Play and earn digital currency easily.',
- 'download-desc': 'MT10 works with you to move into the future of cryptocurrency trading. Simplify the path and log in instantly. Transactions are smooth and you enjoy the benefits.',
+ 'download-desc': 'BCWP works with you to move into the future of cryptocurrency trading. Simplify the path and log in instantly. Transactions are smooth and you enjoy the benefits.',
'掃碼下載': 'Scan code to download',
'邀請好友，享40%返佣': 'Invite friends and enjoy 40% commission',
'邀請返佣': 'Invite rebate',
'領取高額返佣':'Receive high commissions',
- '您的加入，才能壯大MT10社區！': 'Your participation can strengthen the MT10 community!',
+ '您的加入，才能壯大BCWP社區！': 'Your participation can strengthen the BCWP community!',
'bottom-info': 'When joining or using the Platform and Website, you represent and warrant that you fully understand the risks associated with transactions involving digital assets or use of the Platform. You agree and understand that you are solely responsible for determining the potential value, suitability and appropriateness of these risks with respect to your own property, and that the Company does not provide advice or recommendations regarding any Digital Asset, including its suitability and appropriateness, and any Digital asset investment strategies. You agree and understand that your access to and use of the Platform and Website is at your own risk.',
'版權所有': 'all rights reserved',
'透過電子郵件/手機號碼註冊': 'Register via email/mobile number',
diff --git a/src/i18n/fra/home.js b/src/i18n/fra/home.js
index 7fbdd2e..b90f697 100644
--- a/src/i18n/fra/home.js
+++ b/src/i18n/fra/home.js
@@ -807,11 +807,11 @@
"shangchuanfukuanpingzheng": "Télécharger une preuve de paiement",
"fukuanpingzheng": "Preuve de paiement",
"xianhuolishi": "Historique des spots",
- '歡迎來到 MT10': 'Bienvenue chez MT10',
+ '歡迎來到 BCWP': 'Bienvenue chez BCWP',
'即刻開啟您的數字貨幣之旅。': 'Commencez votre aventure avec la monnaie numérique dès maintenant.',
- '立刻下載MT10手機 App!': 'Téléchargez dès maintenant l’application mobile MT10 !',
+ '立刻下載BCWP手機 App!': 'Téléchargez dès maintenant l’application mobile BCWP !',
'揭開驚喜，解鎖獎勵 – 你的精彩之旅從這裡開始！': 'Découvrez des surprises et débloquez des récompenses – votre voyage passionnant commence ici !',
- '恭喜 MT10新用戶，限時活動等你來': 'Félicitations aux nouveaux utilisateurs de MT10, des activités à durée limitée vous attendent',
+ '恭喜 BCWP新用戶，限時活動等你來': 'Félicitations aux nouveaux utilisateurs de BCWP, des activités à durée limitée vous attendent',
"m2-ssc-s2-h1": "Produits",
"快捷買幣": "Achetez des pièces rapidement",
"quicklyContent": "Négociez ici des devises numériques traditionnelles telles que BTC et ETH. Nous proposons plus de 100 paires de trading d'actifs numériques de haute qualité.",
@@ -821,8 +821,8 @@
'多層次的高級保障': 'Plusieurs niveaux de protection avancée',
'用戶隱私優先': 'La confidentialité des utilisateurs avant tout',
'實時監控': 'surveillance en temps réel',
- 'MultipleProtection':'MT10 utilise un système de sécurité unique pour porter la protection des données à un nouveau niveau de sécurité.',
- 'UserPrivacyFirstContent': 'Chez MT10, nous accordons la priorité à la confidentialité des utilisateurs. Nous garantissons le plus haut niveau de protection de vos informations personnelles.',
+ 'MultipleProtection':'BCWP utilise un système de sécurité unique pour porter la protection des données à un nouveau niveau de sécurité.',
+ 'UserPrivacyFirstContent': 'Chez BCWP, nous accordons la priorité à la confidentialité des utilisateurs. Nous garantissons le plus haut niveau de protection de vos informations personnelles.',
'realTimeMonitoring': 'Nous surveillons activement les menaces potentielles non seulement pour protéger la sécurité de nos utilisateurs, mais également pour garder un œil sur les attaques potentielles de pirates informatiques.',
"learn-more": "Pour en savoir plus",
'3步完成交易': 'Complétez la transaction en 3 étapes',
@@ -830,15 +830,15 @@
'進行現貨交易': 'Effectuer des transactions au comptant',
'進行永續合約交易': 'Négociez des contrats perpétuels',
'支持多鏈幣種充值，讓你快速開啟加密貨幣交易之旅。': 'Prend en charge la recharge de devises multi-chaînes, vous permettant de démarrer rapidement votre parcours de trading de crypto-monnaie.',
- '提供包括BTC、ETH等上百種優質交易對以供選擇，在MT10享流暢交易。': 'Proposez des centaines de paires de trading de haute qualité, notamment BTC, ETH, etc., et profitez de transactions fluides sur MT10.',
+ '提供包括BTC、ETH等上百種優質交易對以供選擇，在BCWP享流暢交易。': 'Proposez des centaines de paires de trading de haute qualité, notamment BTC, ETH, etc., et profitez de transactions fluides sur BCWP.',
'多倍槓桿放大交易收益，無期限優化投資組合。': 'L’effet de levier multiple amplifie les rendements commerciaux et optimise indéfiniment les portefeuilles d’investissement.',
"輕鬆玩賺數字貨幣.": "Facile à jouer et à gagner de la monnaie numérique.",
- "download-desc": "MT10 s’associe à vous pour entrer dans l’avenir du trading de crypto-monnaies. Simplifiez votre chemin et atterrissez instantanément. Des transactions fluides et un profit complet.",
+ "download-desc": "BCWP s’associe à vous pour entrer dans l’avenir du trading de crypto-monnaies. Simplifiez votre chemin et atterrissez instantanément. Des transactions fluides et un profit complet.",
"掃碼下載": "Scannez le code QR pour télécharger",
"邀請好友，享40%返佣": "Invitez des amis et profitez de 40 % de rakeback",
"邀請返佣": "Remises de parrainage",
"領取高額返佣": "Recevez des rabais élevés",
- "您的加入，才能壯大MT10社區！": "Votre participation est le seul moyen de faire grandir la communauté MT10 !",
+ "您的加入，才能壯大BCWP社區！": "Votre participation est le seul moyen de faire grandir la communauté BCWP !",
'bottom-info': 'Lorsque vous rejoignez ou utilisez la Plateforme et le Site Web, vous déclarez et garantissez que vous comprenez parfaitement les risques associés aux transactions impliquant des actifs numériques ou à l\'utilisation de la Plateforme. Vous acceptez et comprenez que vous êtes seul responsable de la détermination de la valeur potentielle, de l\'adéquation et de la pertinence de ces risques par rapport à votre propre propriété, et que la Société ne fournit aucun conseil ni recommandation concernant tout actif numérique, y compris son adéquation et son caractère approprié, et toutes les stratégies d’investissement dans les actifs numériques. Vous acceptez et comprenez que votre accès et votre utilisation de la Plateforme et du Site Web se font à vos propres risques.',
'版權所有': 'tous droits réservés',
'透過電子郵件/手機號碼註冊': 'Inscrivez-vous par e-mail/numéro de portable',
diff --git a/src/i18n/kor/home.js b/src/i18n/kor/home.js
index f7858e2..fd1fd64 100644
--- a/src/i18n/kor/home.js
+++ b/src/i18n/kor/home.js
@@ -807,11 +807,11 @@
"shangchuanfukuanpingzheng": "결제 증빙 자료 업로드",
"fukuanpingzheng": "지불 증빙 자료",
"xianhuolishi": "스폿 이력",
- '歡迎來到 MT10': '콜로티에 오신 것을 환영합니다',
+ '歡迎來到 BCWP': '콜로티에 오신 것을 환영합니다',
'即刻開啟您的數字貨幣之旅。': '지금 디지털 화폐 여행을 시작해보세요.',
- '立刻下載MT10手機 App!': '지금 MT10 모바일 앱을 다운로드하세요!',
+ '立刻下載BCWP手機 App!': '지금 BCWP 모바일 앱을 다운로드하세요!',
'揭開驚喜，解鎖獎勵 – 你的精彩之旅從這裡開始！': '놀라움을 발견하고 보상을 잠금 해제하세요. 흥미진진한 여정이 여기서 시작됩니다!',
- '恭喜 MT10新用戶，限時活動等你來': '새로운 MT10 사용자를 축하합니다. 제한된 시간 동안의 활동이 여러분을 기다리고 있습니다.',
+ '恭喜 BCWP新用戶，限時活動等你來': '새로운 BCWP 사용자를 축하합니다. 제한된 시간 동안의 활동이 여러분을 기다리고 있습니다.',
"m2-ssc-s2-h1": "제품",
"快捷買幣": "코인을 빨리 구매하세요",
"quicklyContent": "여기에서는 BTC 및 ETH와 같은 주류 디지털 통화를 거래합니다. 우리는 100개 이상의 고품질 디지털 자산 거래 쌍을 제공합니다.",
@@ -821,8 +821,8 @@
'多層次的高級保障': '다양한 수준의 고급 보호',
'用戶隱私優先': '사용자 개인 정보 보호 우선',
'實時監控': '실시간 모니터링',
- 'MultipleProtection':'MT10는 고유한 보안 시스템을 사용하여 데이터 보호를 새로운 수준의 보안으로 끌어 올립니다.',
- 'UserPrivacyFirstContent': 'MT10는 사용자의 개인정보 보호를 최우선으로 생각합니다. 우리는 귀하의 개인 정보에 대해 최고 수준의 보호를 보장합니다.',
+ 'MultipleProtection':'BCWP는 고유한 보안 시스템을 사용하여 데이터 보호를 새로운 수준의 보안으로 끌어 올립니다.',
+ 'UserPrivacyFirstContent': 'BCWP는 사용자의 개인정보 보호를 최우선으로 생각합니다. 우리는 귀하의 개인 정보에 대해 최고 수준의 보호를 보장합니다.',
'realTimeMonitoring': '우리는 사용자의 보안을 보호할 뿐만 아니라 잠재적인 해커 공격을 감시하기 위해 잠재적인 위협을 적극적으로 모니터링합니다.',
"learn-more": "더 알아보세요",
'3步完成交易': '3단계로 거래를 완료하세요',
@@ -830,15 +830,15 @@
'進行現貨交易': '현물 거래를 수행',
'進行永續合約交易': '무기한 계약 거래',
'支持多鏈幣種充值，讓你快速開啟加密貨幣交易之旅。': '다중 체인 통화 충전을 지원하여 암호화폐 거래 여정을 빠르게 시작할 수 있습니다.',
- '提供包括BTC、ETH等上百種優質交易對以供選擇，在MT10享流暢交易。': 'BTC, ETH 등 수백 개의 고품질 거래 쌍을 선택하여 제공하고 MT10에서 원활한 거래를 즐기십시오.',
+ '提供包括BTC、ETH等上百種優質交易對以供選擇，在BCWP享流暢交易。': 'BTC, ETH 등 수백 개의 고품질 거래 쌍을 선택하여 제공하고 BCWP에서 원활한 거래를 즐기십시오.',
'多倍槓桿放大交易收益，無期限優化投資組合。': '다중 레버리지는 거래 수익을 확대하고 투자 포트폴리오를 무한정 최적화합니다.',
"輕鬆玩賺數字貨幣.": "쉽게 플레이하고 디지털 통화를 얻을 수 있습니다.",
- "download-desc": "MT10는 암호화폐 거래의 미래를 위해 여러분과 손을 잡습니다. 경로를 단순화하고 즉시 착륙하십시오. 원활한 거래와 완전한 이익.",
+ "download-desc": "BCWP는 암호화폐 거래의 미래를 위해 여러분과 손을 잡습니다. 경로를 단순화하고 즉시 착륙하십시오. 원활한 거래와 완전한 이익.",
"掃碼下載": "QR 코드를 스캔하여 다운로드하세요.",
"邀請好友，享40%返佣": "친구를 초대하고 40% 레이크백을 즐기세요",
"邀請返佣": "추천 리베이트",
"領取高額返佣": "높은 리베이트 받기",
- "您的加入，才能壯大MT10社區！": "여러분의 참여만이 MT10 커뮤니티를 성장시킬 수 있는 유일한 방법입니다!",
+ "您的加入，才能壯大BCWP社區！": "여러분의 참여만이 BCWP 커뮤니티를 성장시킬 수 있는 유일한 방법입니다!",
'bottom-info': '플랫폼 및 웹사이트에 가입하거나 사용할 때 귀하는 디지털 자산 또는 플랫폼 사용과 관련된 거래와 관련된 위험을 완전히 이해하고 있음을 진술하고 보증합니다. 귀하는 자신의 재산과 관련하여 이러한 위험의 잠재적 가치, 적합성 및 적절성을 결정하는 것은 전적으로 귀하에게 책임이 있으며 회사는 적합성과 적절성을 포함하여 디지털 자산에 관한 조언이나 권장 사항을 제공하지 않는다는 점에 동의하고 이해합니다. 모든 디지털 자산 투자 전략. 귀하는 플랫폼과 웹사이트에 대한 액세스 및 사용에 따른 위험은 귀하의 책임이라는 점에 동의하고 이해합니다.',
'版權所有': '판권 소유',
'透過電子郵件/手機號碼註冊': '이메일/휴대폰번호로 등록',
diff --git a/src/i18n/zh/home.js b/src/i18n/zh/home.js
index 17b1fab..03e3b96 100644
--- a/src/i18n/zh/home.js
+++ b/src/i18n/zh/home.js
@@ -1102,11 +1102,11 @@
shangchuanfukuanpingzheng: "上传付款凭证",
fukuanpingzheng: "付款凭证",
xianhuolishi: "现货历史",
- '歡迎來到 MT10': '欢迎来到 MT10',
+ '歡迎來到 BCWP': '欢迎来到 BCWP',
'即刻開啟您的數字貨幣之旅。': '即刻开启您的数字货币之旅。',
- '立刻下載MT10手機 App!': '立刻下载MT10手机 App!',
+ '立刻下載BCWP手機 App!': '立刻下载BCWP手机 App!',
'揭開驚喜，解鎖獎勵 – 你的精彩之旅從這裡開始！': '揭开惊喜，解锁奖励 – 你的精彩之旅从这里开始！',
- '恭喜 MT10新用戶，限時活動等你來': '恭喜 MT10新用户，限时活动等你来',
+ '恭喜 BCWP新用戶，限時活動等你來': '恭喜 BCWP新用户，限时活动等你来',
"m2-ssc-s2-h1": "产品",
"快捷買幣": "快捷买币",
"quicklyContent": "在此交易BTC、ETH等主流数字货币，我们提供超100种优质数字资产交易对。",
@@ -1116,8 +1116,8 @@
'多層次的高級保障': '多层次的高级保障',
'用戶隱私優先': '用户隐私优先',
'實時監控': '实时监控',
- 'MultipleProtection':'MT10采用独特的安全系统，将数据保护提升到一个新的安全水平。',
- 'UserPrivacyFirstContent': '在MT10，我们将用户隐私置于首位。我们确保对您的个人信息提供最高级别的保护。',
+ 'MultipleProtection':'BCWP采用独特的安全系统，将数据保护提升到一个新的安全水平。',
+ 'UserPrivacyFirstContent': '在BCWP，我们将用户隐私置于首位。我们确保对您的个人信息提供最高级别的保护。',
'realTimeMonitoring': '我们积极监控潜在的威胁，不仅保护用户的安全，还时刻关注潜在的黑客攻击。',
"learn-more": "了解更多",
'3步完成交易': '3步完成交易',
@@ -1125,15 +1125,15 @@
'進行現貨交易': '进行现货交易',
'進行永續合約交易': '进行永续合约交易',
'支持多鏈幣種充值，讓你快速開啟加密貨幣交易之旅。': '支持多链币种充值，让你快速开启加密货币交易之旅。',
- '提供包括BTC、ETH等上百種優質交易對以供選擇，在MT10享流暢交易。': '提供包括BTC、ETH等上百种优质交易对以供选择，在MT10享流畅交易。',
+ '提供包括BTC、ETH等上百種優質交易對以供選擇，在BCWP享流暢交易。': '提供包括BTC、ETH等上百种优质交易对以供选择，在BCWP享流畅交易。',
'多倍槓桿放大交易收益，無期限優化投資組合。': '多倍杠杆放大交易收益，无期限优化投资组合。',
'輕鬆玩賺數字貨幣.': '轻松玩赚数字货币.',
- 'download-desc': 'MT10携手您迈向加密货币交易的未来。 简化路径，即时登陆。 交 易顺畅，尽享收益。',
+ 'download-desc': 'BCWP携手您迈向加密货币交易的未来。 简化路径，即时登陆。 交 易顺畅，尽享收益。',
'掃碼下載': '扫码下载',
'邀請好友，享40%返佣': '邀请好友，享40%返佣',
'邀請返佣': '邀请返佣',
'領取高額返佣':'领取高额返佣',
- '您的加入，才能壯大MT10社區！': '您的加入，才能壮大MT10社区！',
+ '您的加入，才能壯大BCWP社區！': '您的加入，才能壮大BCWP社区！',
'bottom-info': '在加入或使用平台和网站时，您声明并保证您完全了解与涉及数位资产的交易或使用平台相关的风险。您同意并了解，您全权负责确定这些风险对您自己的财产、潜在价值、适用性和适当性，且本公司不会对任何数位资产提供意见或建议，包括其适用性和适当性，以及任何数位资产的投资策略。您同意并了解，您造访和使用平台和网站的风险由您承担自行承担。',
'版權所有': '版权所有',
'透過電子郵件/手機號碼註冊': '透过电子邮件/手机号码注册',
diff --git a/src/views/market/components/hangqing.vue b/src/views/market/components/hangqing.vue
index fde493b..c3eb125 100644
--- a/src/views/market/components/hangqing.vue
+++ b/src/views/market/components/hangqing.vue
@@ -89,7 +89,7 @@
/>
</div>
<span class="content">
- {{ $t('message.home["恭喜 MT10新用戶，限時活動等你來"]') }}
+ {{ $t('message.home["恭喜 BCWP新用戶，限時活動等你來"]') }}
</span>
</div>
<div class="more-icon">
diff --git a/src/views/market/components/pageDetail.vue b/src/views/market/components/pageDetail.vue
index 2039810..3815d4d 100644
--- a/src/views/market/components/pageDetail.vue
+++ b/src/views/market/components/pageDetail.vue
@@ -1,7 +1,7 @@
<template>
<div class="welcome">
<div class="welcome-content">
- <div class="title-1">{{ $t('message.home["歡迎來到 MT10"]') }}</div>
+ <div class="title-1">{{ $t('message.home["歡迎來到 BCWP"]') }}</div>
<div class="title-2">
{{ $t('message.home["即刻開啟您的數字貨幣之旅。"]') }}
</div>
@@ -41,7 +41,7 @@
<div class="p1">Google Play</div>
<div class="mask">
<div class="mask-title">Scan to download</div>
- <img src="https://MT10.com/er-code.png" class="icon" />
+ <img src="https://BCWP.com/er-code.png" class="icon" />
<button>More</button>
</div>
</a>
@@ -53,7 +53,7 @@
<div class="p1">App Store</div>
<div class="mask">
<div class="mask-title">Scan to download</div>
- <img src="https://MT10.com/er-code.png" class="icon" />
+ <img src="https://BCWP.com/er-code.png" class="icon" />
<button>More</button>
</div>
</a>
@@ -198,7 +198,7 @@
</div>
<div class="suspension">
<div class="title">
- {{ $t('message.home["立刻下載MT10手機 App!"]') }}
+ {{ $t('message.home["立刻下載BCWP手機 App!"]') }}
</div>
<div class="btns">
<a class="apple-store" style="margin-right: 10px">
@@ -227,7 +227,7 @@
<!-- <div class="left">-->
<!-- <div class="coin-info">-->
<!-- <div class="el-image" style="width: 24px; height: 24px;"><img-->
- <!-- src="https://MT10.com/symbol/btc.png" class="el-image__inner"></div>-->
+ <!-- src="https://BCWP.com/symbol/btc.png" class="el-image__inner"></div>-->
<!-- <span class="coin-title">BTC/USDT </span></div>-->
<!-- <div class="money">70871.11</div>-->
<!-- <div class="percentage percentage-add"> 2.56%</div>-->
@@ -247,7 +247,7 @@
<!-- <div class="left">-->
<!-- <div class="coin-info">-->
<!-- <div class="el-image" style="width: 24px; height: 24px;"><img-->
- <!-- src="https://MT10.com/symbol/eth.png" class="el-image__inner"><!––></div>-->
+ <!-- src="https://BCWP.com/symbol/eth.png" class="el-image__inner"><!––></div>-->
<!-- <span class="coin-title">ETH/USDT </span></div>-->
<!-- <div class="money">3805.03</div>-->
<!-- <div class="percentage percentage-add"> 0.77%</div>-->
@@ -268,7 +268,7 @@
<!-- <div class="left">-->
<!-- <div class="coin-info">-->
<!-- <div class="el-image" style="width: 24px; height: 24px;"><img-->
- <!-- src="https://MT10.com/symbol/ltc.png" class="el-image__inner"><!––></div>-->
+ <!-- src="https://BCWP.com/symbol/ltc.png" class="el-image__inner"><!––></div>-->
<!-- <span class="coin-title">LTC/USDT </span></div>-->
<!-- <div class="money">83.62</div>-->
<!-- <div class="percentage percentage-add"> 0.83%</div>-->
@@ -545,7 +545,7 @@
top: -70px;
width: 866px;
height: 640px;
- background: url(https://MT10.com/img/right-bg-1.c9ac5e41.svg) 166px 0px
+ background: url(https://BCWP.com/img/right-bg-1.c9ac5e41.svg) 166px 0px
no-repeat;
.jq {
position: absolute;
diff --git a/src/views/market/components/pagePromote.vue b/src/views/market/components/pagePromote.vue
index 8df72ba..b2f4387 100644
--- a/src/views/market/components/pagePromote.vue
+++ b/src/views/market/components/pagePromote.vue
@@ -78,7 +78,7 @@
<dt>{{$t('message.home["從帳戶充值開始"]')}}</dt>
<dd>{{$t('message.home["支持多鏈幣種充值，讓你快速開啟加密貨幣交易之旅。"]')}}</dd>
<dt>{{$t('message.home["進行現貨交易"]')}}</dt>
- <dd> {{$t('message.home["提供包括BTC、ETH等上百種優質交易對以供選擇，在MT10享流暢交易。"]')}}</dd>
+ <dd> {{$t('message.home["提供包括BTC、ETH等上百種優質交易對以供選擇，在BCWP享流暢交易。"]')}}</dd>
<dt>{{$t('message.home["進行永續合約交易"]')}}</dt>
<dd>{{$t('message.home["多倍槓桿放大交易收益，無期限優化投資組合。"]')}}</dd>
</dl>
diff --git a/src/views/market/page.vue b/src/views/market/page.vue
index 36a4242..815a471 100644
--- a/src/views/market/page.vue
+++ b/src/views/market/page.vue
@@ -129,7 +129,7 @@
</div>
<div class="join-us">
<div class="join-us-title">{{ $t("message.home.jiaruwomen") }}</div>
- <div class="join-us-desc">{{ $t("message.home['您的加入，才能壯大MT10社區！']") }}</div>
+ <div class="join-us-desc">{{ $t("message.home['您的加入，才能壯大BCWP社區！']") }}</div>
</div>
<div class="footer-box footer-background">
<div class="pc-all">
diff --git a/yarn.lock b/yarn.lock
index 19557e4..288e2c1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1066,9 +1066,9 @@
"resolved" "https://registry.npmmirror.com/@element-plus/icons-vue/-/icons-vue-2.3.1.tgz"
"version" "2.3.1"
-"@esbuild/darwin-x64@0.18.20":
- "integrity" "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ=="
- "resolved" "https://registry.npmmirror.com/@esbuild/darwin-x64/-/darwin-x64-0.18.20.tgz"
+"@esbuild/win32-x64@0.18.20":
+ "integrity" "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ=="
+ "resolved" "https://registry.npmmirror.com/@esbuild/win32-x64/-/win32-x64-0.18.20.tgz"
"version" "0.18.20"
"@eslint/eslintrc@^0.4.3":
@@ -4139,11 +4139,6 @@
"integrity" "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw=="
"resolved" "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz"
"version" "1.0.0"
-
-"fsevents@~2.3.2":
- "integrity" "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="
- "resolved" "https://registry.npmmirror.com/fsevents/-/fsevents-2.3.3.tgz"
- "version" "2.3.3"
"function-bind@^1.1.2":
"integrity" "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="
--
Gitblit v1.9.3