index.html 10 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
  6. <meta name="description" content="" />
  7. <meta name="author" content="" />
  8. <title></title>
  9. <!-- <link rel="icon" type="image/x-icon" href="imgs/favicon.ico" /> -->
  10. <link rel="stylesheet" href="css/element-ui.css" />
  11. <link rel="stylesheet" href="css/element@2.12.2.css" />
  12. <link rel="stylesheet" href="../../css/preloading.css" />
  13. <link rel="stylesheet" href="assets/iconfont/iconfont.css" />
  14. <link rel="stylesheet" href="css/active1.css" />
  15. <script>
  16. (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  17. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  18. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  19. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  20. })(window,document,'script','dataLayer','GTM-T8P44WHV');
  21. </script>
  22. </head>
  23. <style>
  24. [v-cloak] {
  25. display: none;
  26. }
  27. </style>
  28. <body>
  29. <div
  30. id="pre"
  31. style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; "
  32. >
  33. <div
  34. style="background-color: rgba(0, 0, 0, 1); width: 100%; height: 100%;"
  35. >
  36. <div
  37. style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
  38. >
  39. <div class="line-scale">
  40. <div></div>
  41. <div></div>
  42. <div></div>
  43. <div></div>
  44. <div></div>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. <div class="container" id="active1" v-cloak>
  50. <div class="Va-document">
  51. <div class="content-info">
  52. <!-- 第一部分 -->
  53. <div class="my-box1" id="kaihu">
  54. <div class="my-content">
  55. <el-row>
  56. <el-col :span="14" :xs="24" :sm="24" :md="14" class="col-l">
  57. <div class="banner-title">
  58. <div>
  59. <h5 class="title">{{lang.box1item1}}</h5>
  60. <p class="tit">{{lang.box1item2_1}}</p>
  61. <p class="tit">{{lang.box1item2_2}}</p>
  62. <p class="tit">{{lang.box1item2_3}}</p>
  63. <p class="tit">{{lang.box1item2_4}}</p>
  64. <p class="tit">{{lang.box1item2_5}}</p>
  65. </div>
  66. </div>
  67. </el-col>
  68. <el-col :span="10" :xs="24" :sm="24" :md="10" class="col-r">
  69. <div class="banner-signup" v-loading="loading">
  70. <div class="title">
  71. <p>{{lang.box1item3}}</p>
  72. <p>{{lang.box1item3_1}}</p>
  73. </div>
  74. <el-form
  75. :model="params"
  76. :rules="rules"
  77. ref="params"
  78. class="form"
  79. >
  80. <el-form-item prop="name" :label="lang.box1item4">
  81. <el-input
  82. class="m-input"
  83. v-model="params.name"
  84. :placeholder="lang.box1item4"
  85. >
  86. </el-input>
  87. </el-form-item>
  88. <el-form-item prop="wechat" :label="lang.box1item5">
  89. <el-input
  90. class="m-input"
  91. v-model="params.wechat"
  92. :placeholder="lang.box1item5"
  93. >
  94. </el-input>
  95. </el-form-item>
  96. <el-form-item prop="email" :label="lang.box1item6">
  97. <el-input
  98. class="m-input"
  99. v-model="params.email"
  100. :placeholder="lang.box1item6"
  101. ></el-input>
  102. </el-form-item>
  103. <el-form-item>
  104. <el-button
  105. class="s-btn"
  106. type="primary"
  107. @click="register"
  108. >
  109. {{lang.box1item7}}
  110. </el-button>
  111. </el-form-item>
  112. </el-form>
  113. </div>
  114. </el-col>
  115. </el-row>
  116. </div>
  117. </div>
  118. <!-- 第二部分 -->
  119. <div class="my-box2">
  120. <div class="my-content">
  121. <el-row>
  122. <el-col :span="12" :xs="24" :sm="24" :md="12">
  123. <div>
  124. <p class="title">{{lang.box2item1}}</p>
  125. <p class="title1">{{lang.box2item2}}</p>
  126. </div>
  127. </el-col>
  128. <el-col :span="12" :xs="24" :sm="24" :md="12">
  129. <div>
  130. <img src="imgs/metatrader4.png" alt="">
  131. </div>
  132. </el-col>
  133. </el-row>
  134. <el-row>
  135. <el-col :span="6" :xs="12" :sm="12" :md="6">
  136. <img src="imgs/img1.jpg" alt="">
  137. <p class="small">{{lang.box2item4}}</p>
  138. <div class="s-btn">
  139. <a href="#kaihu">{{lang.box2item3}}</a>
  140. </div>
  141. </el-col>
  142. <el-col :span="6" :xs="12" :sm="12" :md="6">
  143. <img src="imgs/img2.jpg" alt="">
  144. <p class="small">{{lang.box2item5}}</p>
  145. <div class="s-btn">
  146. <a href="#kaihu">{{lang.box2item3}}</a>
  147. </div>
  148. </el-col>
  149. <el-col :span="6" :xs="12" :sm="12" :md="6">
  150. <img src="imgs/img3.jpg" alt="">
  151. <p class="small">{{lang.box2item6}}</p>
  152. <div class="s-btn">
  153. <a href="#kaihu">{{lang.box2item3}}</a>
  154. </div>
  155. </el-col>
  156. <el-col :span="6" :xs="12" :sm="12" :md="6">
  157. <img src="imgs/img4.jpg" alt="">
  158. <p class="small">{{lang.box2item7}}</p>
  159. <div class="s-btn">
  160. <a href="#kaihu">{{lang.box2item3}}</a>
  161. </div>
  162. </el-col>
  163. <el-col :span="24" :xs="24" :sm="24" :md="24">
  164. <p class="divider-separator"></p>
  165. </el-col>
  166. </el-row>
  167. </div>
  168. </div>
  169. <!-- 第三部分 -->
  170. <div class="my-box3">
  171. <div class="my-content">
  172. <h5 class="title">
  173. <span>{{lang.box3}}</span>
  174. </h5>
  175. <el-row class="con-box">
  176. <el-col :span="12" :xs="24" :sm="24" :md="12">
  177. <div class="box">
  178. <div class="img-box">
  179. <img src="imgs/1.png" alt="" />
  180. </div>
  181. <div class="tit">{{lang.box3item1}}</div>
  182. <div class="con">{{lang.box3item2}}</div>
  183. </div>
  184. </el-col>
  185. <el-col :span="12" :xs="24" :sm="24" :md="12">
  186. <div class="box">
  187. <div class="img-box">
  188. <img src="imgs/2.png" alt="" />
  189. </div>
  190. <div class="tit">{{lang.box3item3}}</div>
  191. <div class="con">{{lang.box3item4}}</div>
  192. </div>
  193. </el-col>
  194. <el-col :span="12" :xs="24" :sm="24" :md="12">
  195. <div class="box">
  196. <div class="img-box">
  197. <img src="imgs/3.png" alt="" />
  198. </div>
  199. <div class="tit">{{lang.box3item5}}</div>
  200. <div class="con">{{lang.box3item6}}</div>
  201. </div>
  202. </el-col>
  203. <el-col :span="12" :xs="24" :sm="24" :md="12">
  204. <div class="box">
  205. <div class="img-box">
  206. <img src="imgs/4.png" alt="" />
  207. </div>
  208. <div class="tit">{{lang.box3item7}}</div>
  209. <div class="con">{{lang.box3item8}}</div>
  210. </div>
  211. </el-col>
  212. </el-row>
  213. </div>
  214. </div>
  215. <!-- 第五部分 -->
  216. <div class="my-box3">
  217. <div class="my-content">
  218. <h5 class="title">
  219. <span>{{lang.box4}}</span><span style="color: #ed1f25;">{{lang.box4_1}}</span>
  220. </h5>
  221. <div class="con-box1">
  222. <p class="divider-separator"></p>
  223. <div class="teps">
  224. <div>
  225. <p class="step">01</p>
  226. <p>{{lang.box4item1}}</p>
  227. </div>
  228. <div>
  229. <p class="step">02</p>
  230. <p>{{lang.box4item2}}</p>
  231. </div>
  232. <div>
  233. <p class="step">03</p>
  234. <p>{{lang.box4item3}}</p>
  235. </div>
  236. </div>
  237. <a class="s-btn" href="#kaihu">{{lang.box4item4}}</a>
  238. </div>
  239. </div>
  240. </div>
  241. <!-- 第七部分 -->
  242. <div class="my-box7">
  243. <div class="my-content">
  244. <div class="bottom">
  245. <p>{{lang.box7item1}}</p>
  246. <p></p>
  247. </div>
  248. <p>{{lang.box7item2}}</p>
  249. </div>
  250. </div>
  251. </div>
  252. </div>
  253. </div>
  254. <script src="js/bootstrap.bundle.min.js"></script>
  255. <script src="js/scripts.js"></script>
  256. <script src="js/jquery.js"></script>
  257. <script src="js/vue.min.js"></script>
  258. <script src="js/axios.min.js"></script>
  259. <script src="js/element-ui.js"></script>
  260. <script src="js/element@2.12.2.js"></script>
  261. <script src="js/active1.js"></script>
  262. <!-- Google Tag Manager (noscript) -->
  263. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8P44WHV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  264. <!-- End Google Tag Manager (noscript) -->
  265. </body>
  266. </html>