activity.html 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <title>CWGMarkets</title>
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge" />
  7. <meta name="full-screen" content="yes" />
  8. <meta name="x5-fullscreen" content="true" />
  9. <meta
  10. name="viewport"
  11. content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"
  12. />
  13. <link rel="stylesheet" href="../../css/element-ui.css" />
  14. <link rel="stylesheet" href="../../css/element@2.12.2.css" />
  15. <link rel="stylesheet" href="../../css/preloading.css" />
  16. <link rel="stylesheet" href="../common/css/active1.css" />
  17. <!-- Google T ag Manager -->
  18. <script>
  19. (function (w, d, s, l, i) {
  20. w[l] = w[l] || [];
  21. w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
  22. var f = d.getElementsByTagName(s)[0],
  23. j = d.createElement(s),
  24. dl = l != "dataLayer" ? "&l=" + l : "";
  25. j.async = true;
  26. j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
  27. f.parentNode.insertBefore(j, f);
  28. })(window, document, "script", "dataLayer", "GTM-T8P44WHV");
  29. </script>
  30. <!-- End Google T ag Manager -->
  31. <!-- Start of cwgmarkets Zendesk Widget script -->
  32. <!-- <script
  33. id="ze-snippet"
  34. src="https://static.zdassets.com/ekr/snippet.js?key=9f69a229-9696-4c86-adee-bdfb18d4b293"
  35. ></script> -->
  36. <script type="text/javascript">
  37. window.__lc = window.__lc || {};
  38. window.__lc.license = 18945964;
  39. (function (n, t, c) {
  40. function i(n) {
  41. return e._h ? e._h.apply(null, n) : e._q.push(n);
  42. }
  43. var e = {
  44. _q: [],
  45. _h: null,
  46. _v: "2.0",
  47. on: function () {
  48. i(["on", c.call(arguments)]);
  49. },
  50. once: function () {
  51. i(["once", c.call(arguments)]);
  52. },
  53. off: function () {
  54. i(["off", c.call(arguments)]);
  55. },
  56. get: function () {
  57. if (!e._h)
  58. throw new Error(
  59. "[LiveChatWidget] You can't use getters before load."
  60. );
  61. return i(["get", c.call(arguments)]);
  62. },
  63. call: function () {
  64. i(["call", c.call(arguments)]);
  65. },
  66. init: function () {
  67. var n = t.createElement("script");
  68. (n.async = !0),
  69. (n.type = "text/javascript"),
  70. (n.src = "https://cdn.livechatinc.com/tracking.js"),
  71. t.head.appendChild(n);
  72. },
  73. };
  74. !n.__lc.asyncInit && e.init(),
  75. (n.LiveChatWidget = n.LiveChatWidget || e);
  76. })(window, document, [].slice);
  77. </script>
  78. <noscript>
  79. <a href="https://www.livechat.com/chat-with/18945964/" rel="nofollow"
  80. >Chat with us</a
  81. >, powered by
  82. <a
  83. href="https://www.livechat.com/?welcome"
  84. rel="noopener nofollow"
  85. target="_blank"
  86. >LiveChat</a
  87. >
  88. </noscript>
  89. <script>
  90. (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  91. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  92. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  93. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  94. })(window,document,'script','dataLayer','GTM-T8P44WHV');
  95. </script>
  96. </head>
  97. <style>
  98. [v-cloak] {
  99. display: none;
  100. }
  101. </style>
  102. <body><div
  103. id="pre"
  104. style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; "
  105. >
  106. <div
  107. style="background-color: rgba(0, 0, 0, 1); width: 100%; height: 100%;"
  108. >
  109. <div
  110. style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
  111. >
  112. <div class="line-scale">
  113. <div></div>
  114. <div></div>
  115. <div></div>
  116. <div></div>
  117. <div></div>
  118. </div>
  119. </div>
  120. </div>
  121. </div>
  122. <div class="container" id="active1" v-cloak>
  123. <div class="Va-document">
  124. <div class="title-head">
  125. <div class="my-content">
  126. <div>
  127. <a href="javascript:;" class="logo">
  128. <img src="../common/img/logo.png" alt="" />
  129. </a>
  130. </div>
  131. <div class="col-12 col-md-6 pl-0">
  132. <div class="user-area ml-auto">
  133. <ul class="nav">
  134. <!-- <li class="login" style="border: none">
  135. <a
  136. class="text-white"
  137. href="https://secure.cwgmarkets.com/#/signin"
  138. ><span>{{lang.headers1}}</span></a
  139. >
  140. </li> -->
  141. <li class="login" style="padding-left: 0px;border-left:none;">
  142. <a
  143. class="text-white"
  144. href="javascript: $zopim.livechat.window.show();"
  145. ><span style="background: none; padding: 0"
  146. >{{lang.headers2}}</span
  147. >
  148. </a>
  149. </li>
  150. <li class="dropdown login" style="display: none;">
  151. <div style="display: flex; justify-content: flex-end;">
  152. <div class="menu-logo chooseLang">
  153. <img
  154. v-if="langList[language] == 'ENGLISH'"
  155. style="width: 15px; height: 10px; margin: 0 4px"
  156. src="../common/img/EN.jpg"
  157. alt=""
  158. />
  159. <img
  160. v-if="langList[language] == '中文简体'"
  161. style="width: 15px; height: 10px; margin: 0 4px"
  162. src="../common/img/CN.jpg"
  163. alt=""
  164. />
  165. <el-dropdown trigger="click" @command="chooseLang">
  166. <span class="menu">
  167. {{langList[language]}}
  168. <i class="el-icon-arrow-down el-icon--right"></i>
  169. </span>
  170. <el-dropdown-menu slot="dropdown">
  171. <el-dropdown-item command="cn"
  172. >中文简体</el-dropdown-item
  173. >
  174. <el-dropdown-item command="en"
  175. >English</el-dropdown-item
  176. >
  177. </el-dropdown-menu>
  178. </el-dropdown>
  179. </div>
  180. </div>
  181. </li>
  182. <li class="login dro-r" style="margin-left: 20px;display: none;">
  183. <a
  184. class="text-white"
  185. href="https://secure.cwgmarkets.com/#/signup"
  186. ><span style="background: none; padding: 0"
  187. >{{lang.headers3}}</span
  188. ></a
  189. >
  190. </li>
  191. </ul>
  192. </div>
  193. </div>
  194. </div>
  195. </div>
  196. <div class="content-info">
  197. <!-- 第一部分 -->
  198. <div class="my-box1" id="kaihu">
  199. <div class="my-content">
  200. <el-row>
  201. <el-col :span="14" :xs="24" :sm="24" :md="14" class="col-l">
  202. <div class="banner-title">
  203. <div>
  204. <h5 class="title">{{lang.box1item1}}</h5>
  205. <!-- <p class="tit">{{lang.box1item2}}</p> -->
  206. </div>
  207. </div>
  208. </el-col>
  209. <el-col :span="10" :xs="24" :sm="24" :md="10" class="col-r">
  210. <div class="banner-signup" v-loading="loading">
  211. <div class="title">
  212. <span>{{lang.box1item4}}</span>
  213. </div>
  214. <el-form
  215. :model="params"
  216. :rules="rules"
  217. ref="params"
  218. label-width="0"
  219. class="form"
  220. >
  221. <el-form-item prop="country" style="position: relative">
  222. <el-select
  223. filterable
  224. class="country"
  225. v-model="params.country"
  226. :placeholder="lang.box1item5"
  227. >
  228. <el-option
  229. v-for="item in mock_options"
  230. :key="item.id"
  231. :label="item.enName"
  232. :value="item.code"
  233. :disabled="notCountry.indexOf(item.code)!==-1"
  234. ></el-option>
  235. </el-select>
  236. <i class="iconfont icondingwei"></i>
  237. </el-form-item>
  238. <el-form-item prop="phone">
  239. <el-input
  240. class="m-input"
  241. v-model.trim="params.phone"
  242. :placeholder="lang.box1item6"
  243. >
  244. </el-input>
  245. </el-form-item>
  246. <el-form-item prop="email">
  247. <el-input
  248. class="m-input"
  249. v-model.trim="params.email"
  250. :placeholder="lang.box1item7"
  251. >
  252. </el-input>
  253. </el-form-item>
  254. <el-form-item prop="emailCode">
  255. <el-row>
  256. <el-col :span="14">
  257. <el-input
  258. class="code"
  259. v-model.trim="params.emailCode"
  260. :placeholder="lang.box1item8"
  261. ></el-input>
  262. </el-col>
  263. <el-col :span="9" :push="1">
  264. <span @click="getCode(1)" class="getCode"
  265. >{{getCodeString}}</span
  266. >
  267. </el-col>
  268. </el-row>
  269. </el-form-item>
  270. <el-form-item prop="password">
  271. <el-input
  272. class="m-input"
  273. show-password
  274. v-model.trim="params.password"
  275. autocomplete="off"
  276. :placeholder="lang.box1item9"
  277. ></el-input>
  278. </el-form-item>
  279. <el-form-item class="agree" prop="agree">
  280. <el-checkbox v-model="params.agree"> </el-checkbox>
  281. <span>{{lang.box1item10}}</span>
  282. </el-form-item>
  283. <el-form-item>
  284. <el-button
  285. class="s-btn"
  286. type="primary"
  287. @click="register"
  288. >
  289. {{lang.box1item11}}
  290. </el-button>
  291. </el-form-item>
  292. </el-form>
  293. </div>
  294. </el-col>
  295. <el-col :span="24" :xs="24" :sm="24" :md="24" class="col-l">
  296. <div class="banner-title">
  297. <p class="tit tip">{{lang.box1item3}}</p>
  298. </div>
  299. </el-col>
  300. </el-row>
  301. </div>
  302. </div>
  303. <!-- 第二部分 -->
  304. <!-- <div class="my-box2">
  305. <div class="my-content">
  306. <el-row>
  307. <el-col :span="6" :xs="24" :sm="24" :md="6">
  308. <span class="red">$10</span>
  309. <span class="small">{{lang.box2item1}}</span>
  310. </el-col>
  311. <el-col :span="6" :xs="24" :sm="24" :md="6">
  312. <span class="red">1:1000</span>
  313. <span class="small">{{lang.box2item2}}</span>
  314. </el-col>
  315. <el-col :span="6" :xs="24" :sm="24" :md="6">
  316. <span class="red">0.0</span>
  317. <span class="small">{{lang.box2item3}}</span>
  318. </el-col>
  319. <el-col :span="6" :xs="24" :sm="24" :md="6">
  320. <span class="red">500+</span>
  321. <span class="small">{{lang.box2item4}}</span>
  322. </el-col>
  323. </el-row>
  324. </div>
  325. </div> -->
  326. <!-- 第四部分 -->
  327. <div class="my-box4">
  328. <div class="my-content">
  329. <h5 class="title">{{lang.box4}}</h5>
  330. <el-row>
  331. <el-col :span="12" :xs="24" :sm="24" :md="12" class="box-r">
  332. <div>
  333. <img src="../common/img/cwg_img_01.png" alt="" style="width: 100%" />
  334. </div>
  335. </el-col>
  336. <el-col :span="12" :xs="24" :sm="24" :md="12" class="box-l">
  337. <div class="step">
  338. <p class="sum">01</p>
  339. <div class="tit">
  340. <h5>{{lang.box4item1}}</h5>
  341. <p>{{lang.box4item2}}</p>
  342. </div>
  343. </div>
  344. <div>
  345. <i class="el-icon-arrow-down"></i>
  346. </div>
  347. <div class="step">
  348. <p class="sum">02</p>
  349. <div class="tit">
  350. <h5>{{lang.box4item3}}</h5>
  351. <p>{{lang.box4item4}}</p>
  352. </div>
  353. </div>
  354. <div>
  355. <i class="el-icon-arrow-down"></i>
  356. </div>
  357. <div class="step">
  358. <p class="sum">03</p>
  359. <div class="tit">
  360. <h5>{{lang.box4item5}}</h5>
  361. <p>{{lang.box4item6}}</p>
  362. </div>
  363. </div>
  364. </el-col>
  365. </el-row>
  366. </div>
  367. </div>
  368. <!-- 第三部分 -->
  369. <div class="my-box3">
  370. <div class="my-content">
  371. <h5 class="title">
  372. <span>{{lang.box3}}</span>
  373. </h5>
  374. <el-row class="con-box">
  375. <!-- <el-col :span="8" :xs="24" :sm="24" :md="8">
  376. <div class="box">
  377. <div>
  378. <img src="../common/img/s_img_01.png" alt="" />
  379. </div>
  380. <div class="tit">{{lang.box3item1}}</div>
  381. <div class="con">{{lang.box3item2}}</div>
  382. </div>
  383. </el-col> -->
  384. <el-col :span="8" :xs="24" :sm="24" :md="8">
  385. <div class="box">
  386. <div>
  387. <img src="../common/img/s_img_02.png" alt="" />
  388. </div>
  389. <div class="tit">{{lang.box3item3}}</div>
  390. <div class="con">{{lang.box3item4}}</div>
  391. </div>
  392. </el-col>
  393. <!-- <el-col :span="8" :xs="24" :sm="24" :md="8">
  394. <div class="box">
  395. <div>
  396. <img src="../common/img/s_img_03.png" alt="" />
  397. </div>
  398. <div class="tit">{{lang.box3item5}}</div>
  399. <div class="con">{{lang.box3item6}}</div>
  400. </div>
  401. </el-col> -->
  402. <el-col :span="8" :xs="24" :sm="24" :md="8">
  403. <div class="box">
  404. <div>
  405. <img src="../common/img/s_img_04.png" alt="" />
  406. </div>
  407. <div class="tit">{{lang.box3item7}}</div>
  408. <div class="con">{{lang.box3item8}}</div>
  409. </div>
  410. </el-col>
  411. <el-col :span="8" :xs="24" :sm="24" :md="8">
  412. <div class="box">
  413. <div>
  414. <img src="../common/img/s_img_05.png" alt="" />
  415. </div>
  416. <div class="tit">{{lang.box3item9}}</div>
  417. <div class="con">{{lang.box3item10}}</div>
  418. </div>
  419. </el-col>
  420. <!-- <el-col :span="8" :xs="24" :sm="24" :md="8">
  421. <div class="box">
  422. <div>
  423. <img src="../common/img/s_img_06.png" alt="" />
  424. </div>
  425. <div class="tit">{{lang.box3item11}}</div>
  426. <div class="con">{{lang.box3item12}}</div>
  427. </div>
  428. </el-col> -->
  429. </el-row>
  430. </div>
  431. </div>
  432. <!-- 第五部分 -->
  433. <div class="my-box5">
  434. <div class="my-content">
  435. <el-row>
  436. <el-col :span="14" :xs="24" :sm="24" :md="14" class="box-r">
  437. <h5 class="title">{{lang.box5}}</h5>
  438. <div class="step">
  439. <p class="sum">01</p>
  440. <p class="tit">{{lang.box5item1}}</p>
  441. </div>
  442. <div class="step">
  443. <p class="sum">02</p>
  444. <p class="tit">{{lang.box5item2}}</p>
  445. </div>
  446. <div class="step">
  447. <p class="sum">03</p>
  448. <p class="tit">{{lang.box5item3}}</p>
  449. </div>
  450. <div class="step">
  451. <p class="sum">04</p>
  452. <p class="tit">{{lang.box5item4}}</p>
  453. </div>
  454. </el-col>
  455. <el-col :span="10" :xs="24" :sm="24" :md="10" class="box-l">
  456. <img src="../1-en/img/1.png" alt="" style="width: 100%" />
  457. </el-col>
  458. </el-row>
  459. </div>
  460. </div>
  461. <!-- 第六部分 -->
  462. <!-- <div class="my-box6">
  463. <div class="my-content">
  464. <div class="tit">
  465. <h5>{{lang.box6item1}}</h5>
  466. <p>{{lang.box6item2}}</p>
  467. </div>
  468. <div class="btn">
  469. <a href="#kaihu">{{lang.box6item3}}</a>
  470. </div>
  471. </div>
  472. </div> -->
  473. <!-- 第七部分 -->
  474. <div class="my-box7">
  475. <div class="my-content">
  476. <p>{{lang.box7item1}}</p>
  477. <p>{{lang.box7item2}}</p>
  478. <p>{{lang.box7item3}}</p>
  479. <p>{{lang.box7item4}}</p>
  480. <p>{{lang.box7item5}}</p>
  481. <p>
  482. <span>{{lang.box7item6}}</span>
  483. <a
  484. target="_blank"
  485. href="https://www.cwgvu.com/doc/Risk-Disclosures-and-Acknowledgements-2020-08.pdf"
  486. >{{lang.box7item7}}</a
  487. >
  488. <span>{{lang.box7item8}}</span>
  489. </p>
  490. <p>{{lang.box7item9}}</p>
  491. <p>{{lang.box7item10}}</p>
  492. <div class="bottom">
  493. <p>{{lang.box7item11}}</p>
  494. <!-- <p>
  495. <a
  496. target="_blank"
  497. href="https://www.cwgvu.com/doc/PrivacyPolicy2019-01.pdf"
  498. >{{lang.box7item12}}</a
  499. >
  500. <span>{{lang.box7item13}}</span>
  501. <a
  502. target="_blank"
  503. href="https://www.cwgvu.com/doc/Terms-and-Conditions-2020-08.pdf"
  504. >{{lang.box7item14}}</a
  505. >
  506. <span>{{lang.box7item15}}</span>
  507. </p> -->
  508. </div>
  509. </div>
  510. </div>
  511. </div>
  512. </div>
  513. <el-dialog custom-class="crm-signup" top="30vh" :show-close="false" :visible.sync="notRegisterMsgOpen">
  514. <div class="banner-signup">
  515. <div class="close" @click="notRegisterMsgOpen = false">
  516. <i class="el-icon-close"></i>
  517. </div>
  518. <span class="" v-if="language == 'cn'">
  519. <strong>重要声明:</strong> <br> 根据本公司内部合规政策及适用地区监管机构的要求,CWG 不向马来西亚地区的自然人或法人实体提供任何产品或服务。若本提示与您的实际居住地或注册地不符,且您并非马来西亚居民或法人,请在确认后继续进行相关操作。若您对本声明存在任何疑问或异议,请立即联系本公司客户支持部门以获取进一步指导。感谢您的理解与配合。
  520. </span>
  521. <span class="" v-else>
  522. <strong>Important Notice:</strong><br> In accordance with CWG’s internal compliance policies and the requirements of applicable regional regulatory authorities, <strong>CWG does not offer any products or services to individuals or legal entities located in Malaysia</strong> .If this notice does not apply to your actual place of residence or registration, and you are <strong>not a Malaysian resident or entity</strong> , you may proceed with the relevant operations after confirming.If you have any questions or concerns regarding this statement, please <strong>immediately contact our Customer Support team</strong> for further assistance.Thank you for your understanding and cooperation.
  523. </span>
  524. </div>
  525. </el-dialog>
  526. </div>
  527. <script src="../common/js/jquery.js"></script>
  528. <script src="../common/js/app.js"></script>
  529. <script src="../common/js/chunk-vendors.js"></script>
  530. <script src="../../js/vue.min.js"></script>
  531. <script src="../../js/axios.min.js"></script>
  532. <script src="../../js/element-ui.js"></script>
  533. <script src="../../js/element@2.12.2.js"></script>
  534. <script src="../1-en/js/active1.js"></script>
  535. <script>
  536. var $zopim = null;
  537. rep = setInterval(aTimer, 10000);
  538. function aTimer() {
  539. if ($zopim) {
  540. $zopim(function() {
  541. if (sessionStorage.getItem("lang") == "cn") {
  542. $zopim.livechat.setLanguage("zh_CN");
  543. } else {
  544. $zopim.livechat.setLanguage("en");
  545. }
  546. });
  547. }
  548. }
  549. </script>
  550. <script>
  551. if (window.location.host.split(".")[1] == "cwgmarkets") {
  552. var _hmt = _hmt || [];
  553. (function() {
  554. var hm = document.createElement("script");
  555. hm.src =
  556. "https://hm.baidu.com/hm.js?0ebbfee0cf6c62cbe89106958e36c2f2";
  557. var s = document.getElementsByTagName("script")[0];
  558. s.parentNode.insertBefore(hm, s);
  559. })();
  560. } else if (window.location.host.split(".")[1] == "cwgvu") {
  561. var _hmt = _hmt || [];
  562. (function() {
  563. var hm = document.createElement("script");
  564. hm.src =
  565. "https://hm.baidu.com/hm.js?183731d0eb75dadbb063d380ecd0e7ed";
  566. var s = document.getElementsByTagName("script")[0];
  567. s.parentNode.insertBefore(hm, s);
  568. })();
  569. }
  570. </script>
  571. <!-- Google Tag Manager (noscript) -->
  572. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8P44WHV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  573. <!-- End Google Tag Manager (noscript) -->
  574. </body>
  575. </html>