| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
- <meta name="description" content="" />
- <meta name="author" content="" />
- <title></title>
- <!-- <link rel="icon" type="image/x-icon" href="imgs/favicon.ico" /> -->
- <link rel="stylesheet" href="css/element-ui.css" />
- <link rel="stylesheet" href="css/element@2.12.2.css" />
- <link rel="stylesheet" href="../../css/preloading.css" />
- <link rel="stylesheet" href="assets/iconfont/iconfont.css" />
- <link rel="stylesheet" href="css/active1.css" />
- <script>
- (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
- new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
- j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
- 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
- })(window,document,'script','dataLayer','GTM-T8P44WHV');
- </script>
- </head>
- <style>
- [v-cloak] {
- display: none;
- }
- </style>
- <body>
- <div
- id="pre"
- style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; "
- >
- <div
- style="background-color: rgba(0, 0, 0, 1); width: 100%; height: 100%;"
- >
- <div
- style="position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);"
- >
- <div class="line-scale">
- <div></div>
- <div></div>
- <div></div>
- <div></div>
- <div></div>
- </div>
- </div>
- </div>
- </div>
- <div class="container" id="active1" v-cloak>
- <div class="Va-document">
- <div class="content-info">
- <!-- 第一部分 -->
- <div class="my-box1" id="kaihu">
- <div class="my-content">
- <el-row>
- <el-col :span="14" :xs="24" :sm="24" :md="14" class="col-l">
- <div class="banner-title">
- <div>
- <h5 class="title">{{lang.box1item1}}</h5>
- <p class="tit">{{lang.box1item2_1}}</p>
- <p class="tit">{{lang.box1item2_2}}</p>
- <p class="tit">{{lang.box1item2_3}}</p>
- <p class="tit">{{lang.box1item2_4}}</p>
- <p class="tit">{{lang.box1item2_5}}</p>
- </div>
- </div>
- </el-col>
- <el-col :span="10" :xs="24" :sm="24" :md="10" class="col-r">
- <div class="banner-signup" v-loading="loading">
- <div class="title">
- <p>{{lang.box1item3}}</p>
- <p>{{lang.box1item3_1}}</p>
- </div>
- <el-form
- :model="params"
- :rules="rules"
- ref="params"
- class="form"
- >
- <el-form-item prop="name" :label="lang.box1item4">
- <el-input
- class="m-input"
- v-model="params.name"
- :placeholder="lang.box1item4"
- >
- </el-input>
- </el-form-item>
- <el-form-item prop="wechat" :label="lang.box1item5">
- <el-input
- class="m-input"
- v-model="params.wechat"
- :placeholder="lang.box1item5"
- >
- </el-input>
- </el-form-item>
- <el-form-item prop="email" :label="lang.box1item6">
- <el-input
- class="m-input"
- v-model="params.email"
- :placeholder="lang.box1item6"
- ></el-input>
- </el-form-item>
- <el-form-item>
- <el-button
- class="s-btn"
- type="primary"
- @click="register"
- >
- {{lang.box1item7}}
- </el-button>
- </el-form-item>
- </el-form>
- </div>
- </el-col>
- </el-row>
- </div>
- </div>
- <!-- 第二部分 -->
- <div class="my-box2">
- <div class="my-content">
- <el-row>
- <el-col :span="12" :xs="24" :sm="24" :md="12">
- <div>
- <p class="title">{{lang.box2item1}}</p>
- <p class="title1">{{lang.box2item2}}</p>
- </div>
- </el-col>
- <el-col :span="12" :xs="24" :sm="24" :md="12">
- <div>
- <img src="imgs/metatrader4.png" alt="">
- </div>
- </el-col>
- </el-row>
- <el-row>
- <el-col :span="6" :xs="12" :sm="12" :md="6">
- <img src="imgs/img1.jpg" alt="">
- <p class="small">{{lang.box2item4}}</p>
- <div class="s-btn">
- <a href="#kaihu">{{lang.box2item3}}</a>
- </div>
- </el-col>
- <el-col :span="6" :xs="12" :sm="12" :md="6">
- <img src="imgs/img2.jpg" alt="">
- <p class="small">{{lang.box2item5}}</p>
- <div class="s-btn">
- <a href="#kaihu">{{lang.box2item3}}</a>
- </div>
- </el-col>
- <el-col :span="6" :xs="12" :sm="12" :md="6">
- <img src="imgs/img3.jpg" alt="">
- <p class="small">{{lang.box2item6}}</p>
- <div class="s-btn">
- <a href="#kaihu">{{lang.box2item3}}</a>
- </div>
- </el-col>
- <el-col :span="6" :xs="12" :sm="12" :md="6">
- <img src="imgs/img4.jpg" alt="">
- <p class="small">{{lang.box2item7}}</p>
- <div class="s-btn">
- <a href="#kaihu">{{lang.box2item3}}</a>
- </div>
- </el-col>
- <el-col :span="24" :xs="24" :sm="24" :md="24">
- <p class="divider-separator"></p>
- </el-col>
- </el-row>
- </div>
- </div>
- <!-- 第三部分 -->
- <div class="my-box3">
- <div class="my-content">
- <h5 class="title">
- <span>{{lang.box3}}</span>
- </h5>
- <el-row class="con-box">
- <el-col :span="12" :xs="24" :sm="24" :md="12">
- <div class="box">
- <div class="img-box">
- <img src="imgs/1.png" alt="" />
- </div>
- <div class="tit">{{lang.box3item1}}</div>
- <div class="con">{{lang.box3item2}}</div>
- </div>
- </el-col>
- <el-col :span="12" :xs="24" :sm="24" :md="12">
- <div class="box">
- <div class="img-box">
- <img src="imgs/2.png" alt="" />
- </div>
- <div class="tit">{{lang.box3item3}}</div>
- <div class="con">{{lang.box3item4}}</div>
- </div>
- </el-col>
- <el-col :span="12" :xs="24" :sm="24" :md="12">
- <div class="box">
- <div class="img-box">
- <img src="imgs/3.png" alt="" />
- </div>
- <div class="tit">{{lang.box3item5}}</div>
- <div class="con">{{lang.box3item6}}</div>
- </div>
- </el-col>
- <el-col :span="12" :xs="24" :sm="24" :md="12">
- <div class="box">
- <div class="img-box">
- <img src="imgs/4.png" alt="" />
- </div>
- <div class="tit">{{lang.box3item7}}</div>
- <div class="con">{{lang.box3item8}}</div>
- </div>
- </el-col>
- </el-row>
- </div>
- </div>
- <!-- 第五部分 -->
- <div class="my-box3">
- <div class="my-content">
- <h5 class="title">
- <span>{{lang.box4}}</span><span style="color: #ed1f25;">{{lang.box4_1}}</span>
- </h5>
- <div class="con-box1">
- <p class="divider-separator"></p>
- <div class="teps">
- <div>
- <p class="step">01</p>
- <p>{{lang.box4item1}}</p>
- </div>
- <div>
- <p class="step">02</p>
- <p>{{lang.box4item2}}</p>
- </div>
- <div>
- <p class="step">03</p>
- <p>{{lang.box4item3}}</p>
- </div>
- </div>
- <a class="s-btn" href="#kaihu">{{lang.box4item4}}</a>
- </div>
- </div>
- </div>
-
- <!-- 第七部分 -->
- <div class="my-box7">
- <div class="my-content">
- <div class="bottom">
- <p>{{lang.box7item1}}</p>
- <p></p>
- </div>
- <p>{{lang.box7item2}}</p>
- </div>
- </div>
- </div>
- </div>
- </div>
-
-
-
- <script src="js/bootstrap.bundle.min.js"></script>
- <script src="js/scripts.js"></script>
- <script src="js/jquery.js"></script>
- <script src="js/vue.min.js"></script>
- <script src="js/axios.min.js"></script>
- <script src="js/element-ui.js"></script>
- <script src="js/element@2.12.2.js"></script>
- <script src="js/active1.js"></script>
- <!-- Google Tag Manager (noscript) -->
- <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-T8P44WHV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
- <!-- End Google Tag Manager (noscript) -->
- </body>
- </html>
|