signup.html 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <title>Earn Rewards For Each Trade</title>
  8. <link rel="icon" type="image/png" href="assets/img/favicon.ico">
  9. <meta name="msapplication-TileColor" content="#da532c">
  10. <meta name="theme-color" content="#ffffff">
  11. <link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css">
  12. <link rel="stylesheet" href="assets/css/animate.css" type="text/css">
  13. <link rel="stylesheet" href="assets/css/slick.css" type="text/css">
  14. <link rel="stylesheet" href="assets/css/style.css" type="text/css">
  15. <link rel="stylesheet" href="assets/css/magnific-popup.css" type="text/css">
  16. <link rel="stylesheet" href="assets/css/swiper.min.css" type="text/css">
  17. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
  18. <link rel="stylesheet" href="../../css/element-ui.css" />
  19. <link rel="stylesheet" href="../../css/element@2.12.2.css" />
  20. <link rel="stylesheet" href="../../css/preloading.css" />
  21. <link rel="stylesheet" href="assets/iconfont/iconfont.css" />
  22. <script>
  23. (function (w, d, s, l, i) {
  24. w[l] = w[l] || []; w[l].push({
  25. 'gtm.start':
  26. new Date().getTime(), event: 'gtm.js'
  27. }); var f = d.getElementsByTagName(s)[0],
  28. j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
  29. 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
  30. })(window, document, 'script', 'dataLayer', 'GTM-T8P44WHV');
  31. </script>
  32. </head>
  33. <style>
  34. [v-cloak] {
  35. display: none;
  36. }
  37. </style>
  38. <body id="home-version-1" class="home-saas-main" data-style="default">
  39. <div
  40. id="pre"
  41. style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; "
  42. >
  43. <div
  44. style="background-color: rgba(0, 0, 0, 1); width: 100%; height: 100%;"
  45. >
  46. <div
  47. style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
  48. >
  49. <div class="line-scale">
  50. <div></div>
  51. <div></div>
  52. <div></div>
  53. <div></div>
  54. <div></div>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. <div class="main-content" id="active1" v-cloak v-loading="pictLoading">
  60. <div class="banner-signup" v-loading="loading">
  61. <div class="title">
  62. <img src="assets/img/logo.png" class="img-responsive" alt="cwg-logo">
  63. <h1 class="text-primary fw-bolder">{{lang.box1item4}}</h1>
  64. <div class="title2">{{lang.box1item4_1}}</div>
  65. </div>
  66. <el-form :model="params" :rules="rules" ref="params" label-width="0" class="form">
  67. <el-form-item prop="country" style="position: relative">
  68. <el-select filterable class="country" v-model="params.country" :placeholder="lang.box1item5">
  69. <el-option v-for="item in mock_options" :key="item.id" :label="item.enName"
  70. :value="item.code" :disabled="notCountry.indexOf(item.code)!==-1"></el-option>
  71. </el-select>
  72. <i class="iconfont icondingwei"></i>
  73. </el-form-item>
  74. <el-form-item prop="phone">
  75. <el-input class="m-input" v-model.trim="params.phone" :placeholder="lang.box1item6"
  76. prefix-icon="iconfont iconshouji">
  77. </el-input>
  78. </el-form-item>
  79. <el-form-item prop="email">
  80. <el-input class="m-input" v-model.trim="params.email" :placeholder="lang.box1item7"
  81. prefix-icon="iconfont iconyouxiang1">
  82. </el-input>
  83. </el-form-item>
  84. <el-form-item prop="emailCode">
  85. <el-row>
  86. <el-col :span="14">
  87. <el-input class="code" v-model.trim="params.emailCode"
  88. prefix-icon="iconfont iconyanzhengma" :placeholder="lang.box1item8"></el-input>
  89. </el-col>
  90. <el-col :span="9" :push="1">
  91. <!-- <span @click="getCode(1)" class="getCode"
  92. >{{getCodeString}}</span
  93. > -->
  94. <a class="btn btn-gradient getCode" href="javascript:;" @click="getCode(1)">
  95. {{getCodeString}}
  96. </a>
  97. </el-col>
  98. </el-row>
  99. </el-form-item>
  100. <el-form-item prop="password">
  101. <el-input class="m-input" show-password v-model.trim="params.password" autocomplete="off"
  102. prefix-icon="iconfont iconmima" :placeholder="lang.box1item9"></el-input>
  103. </el-form-item>
  104. <el-form-item>
  105. <ul class="pwd">
  106. <li :class="{ fit: rule1 }">{{lang.st1}}</li>
  107. <li :class="{ fit: rule2 }">{{lang.nd2}}</li>
  108. <li :class="{ fit: rule3 }">{{lang.rd3}}</li>
  109. </ul>
  110. </el-form-item>
  111. <el-form-item class="agree" prop="agree">
  112. <el-checkbox v-model="params.agree"> </el-checkbox>
  113. <span class="agree_title">{{lang.box1item10}}</span>
  114. </el-form-item>
  115. <el-form-item>
  116. <div class="banner-signup-btnBox">
  117. <a class="btn btn-gradient mt-5 sign-btn" href="javascript:;" @click="signup"
  118. style="margin-right: 5px;">
  119. <img src="assets/img/check.png" class="img-fluid" alt="check"> {{lang.box1item11}}
  120. </a>
  121. </div>
  122. </el-form-item>
  123. </el-form>
  124. </div>
  125. <el-dialog custom-class="crm-signup" top="30vh" :show-close="false" :visible.sync="notRegisterMsgOpen">
  126. <div class="banner-signup">
  127. <div class="close" @click="notRegisterMsgOpen = false">
  128. <i class="el-icon-close"></i>
  129. </div>
  130. <span class="" v-if="language == 'cn'">
  131. <strong>重要声明:</strong> <br> 根据本公司内部合规政策及适用地区监管机构的要求,CWG 不向马来西亚地区的自然人或法人实体提供任何产品或服务。若本提示与您的实际居住地或注册地不符,且您并非马来西亚居民或法人,请在确认后继续进行相关操作。若您对本声明存在任何疑问或异议,请立即联系本公司客户支持部门以获取进一步指导。感谢您的理解与配合。
  132. </span>
  133. <span class="" v-else>
  134. <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.
  135. </span>
  136. </div>
  137. </el-dialog>
  138. <div class="high-lighter-overlay"></div>
  139. </div>
  140. <!-- /#site -->
  141. <!-- Dependency Scripts -->
  142. <script src="assets/js/jquery.min.js"></script>
  143. <script src="assets/js/bootstrap.min.js"></script>
  144. <script src="assets/js/swiper.min.js"></script>
  145. <script src="assets/js/isotope.pkgd.min.js"></script>
  146. <script src="assets/js/imagesloaded.pkgd.min.js"></script>
  147. <script src="assets/js/jquery.magnific-popup.min.js"></script>
  148. <script src="assets/js/jquery.appear.js"></script>
  149. <script src="assets/js/wow.min.js"></script>
  150. <script src="assets/js/TweenMax.min.js"></script>
  151. <script src="assets/js/lottie.min.js"></script>
  152. <script src="assets/js/jquery.parallax-scroll.js"></script>
  153. <script src="assets/js/wavify.js"></script>
  154. <script src="assets/js/jquery.marquee.js"></script>
  155. <script src="assets/js/slick.min.js"></script>
  156. <script src="assets/js/jquery.parallax.min.js"></script>
  157. <script src="assets/js/jarallax.min.js"></script>
  158. <!-- Site Scripts -->
  159. <script src="assets/js/header.js"></script>
  160. <script src="assets/js/app.js"></script>
  161. <script src="../../js/vue.min.js"></script>
  162. <script src="../../js/axios.min.js"></script>
  163. <script src="../../js/element-ui.js"></script>
  164. <script src="../../js/element@2.12.2.js"></script>
  165. <script src="assets/js/active1.js"></script>
  166. <script>
  167. var $zopim = null;
  168. rep = setInterval(aTimer, 10000);
  169. function aTimer() {
  170. if ($zopim) {
  171. $zopim(function () {
  172. if (sessionStorage.getItem("lang") == "cn") {
  173. $zopim.livechat.setLanguage("zh_CN");
  174. } else {
  175. $zopim.livechat.setLanguage("en");
  176. }
  177. });
  178. }
  179. }
  180. </script>
  181. <!-- Google Tag Manager (noscript) -->
  182. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8P44WHV" height="0" width="0"
  183. style="display:none;visibility:hidden"></iframe></noscript>
  184. <!-- End Google Tag Manager (noscript) -->
  185. </body>
  186. </html>