|
@@ -2,33 +2,8 @@
|
|
|
<div>
|
|
|
<index-header></index-header>
|
|
|
<div class="home-content">
|
|
|
- <!-- <div class="section-box">
|
|
|
- <ol>
|
|
|
- <li :class="{active:sectionState==item}" v-for="(item,index) in 5">
|
|
|
- <div class="item">0{{item}}</div>
|
|
|
- </li>
|
|
|
- </ol>
|
|
|
- </div> -->
|
|
|
<div class="banner-block">
|
|
|
- <!-- <el-carousel trigger="click" height="900px" :autoplay="false" indicator-position="none" arrow="never">
|
|
|
- <el-carousel-item>
|
|
|
-
|
|
|
- <div class="banner">
|
|
|
- <img src="../../assets/img/banner1.png" height="910" width="1920" alt="">
|
|
|
- </div>
|
|
|
- </el-carousel-item>
|
|
|
- <el-carousel-item>
|
|
|
- <div class="banner">
|
|
|
- <img src="../../assets/img/arrowhead.png" height="10" width="10" alt="">
|
|
|
- </div>
|
|
|
- </el-carousel-item>
|
|
|
- <el-carousel-item>
|
|
|
- <div class="banner">
|
|
|
- <img src="../../assets/img/hui.png" alt="">
|
|
|
- </div>
|
|
|
- </el-carousel-item>
|
|
|
- </el-carousel> -->
|
|
|
- <el-carousel indicator-position="outside" height="900px" arrow="never" :interval="5000">
|
|
|
+ <el-carousel indicator-position="none" height="900px" arrow="never" :interval="5000">
|
|
|
<el-carousel-item>
|
|
|
<div class="banner1">
|
|
|
<!-- <img src="" height="910" width="1920" alt=""> -->
|
|
@@ -59,7 +34,7 @@
|
|
|
<!-- <button class="btn2">在线咨询</button> -->
|
|
|
<span class="phoneNum">热线电话:4001-566-899</span>
|
|
|
</div>
|
|
|
- <div class="button-line-box"><!-- :class="{buttonLineBox:isStart}" -->
|
|
|
+ <!-- <div class="button-line-box">
|
|
|
<div class="about-line">
|
|
|
<h3>ABOUT</h3>
|
|
|
<h4>Mainstream reliable trading currencies</h4>
|
|
@@ -68,13 +43,13 @@
|
|
|
<p class="word-tip">精选主流币种</p>
|
|
|
<p class="word-tip">多种报价模式</p>
|
|
|
</div>
|
|
|
- <!-- <div class="button-line" v-show="isStart">
|
|
|
+ <div class="button-line" v-show="isStart">
|
|
|
<button class="btn1">申请代理</button>
|
|
|
<button class="btn2">在线咨询</button>
|
|
|
<span class="phoneNum">热线电话:4001-566-899</span>
|
|
|
- </div> -->
|
|
|
- </div>
|
|
|
- <loginPart></loginPart>
|
|
|
+ </div>
|
|
|
+ </div> -->
|
|
|
+ <loginPart></loginPart>
|
|
|
</div>
|
|
|
<div class="fixLine" v-show="isNotStart">
|
|
|
<button class="btn1" @click="jumpapply">申请经纪商</button>
|
|
@@ -107,6 +82,17 @@
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
|
|
+ <!-- 新币种图标 -->
|
|
|
+ <div class="coinTitle">
|
|
|
+ <h1>主流交易币种</h1>
|
|
|
+ <h2>Mainstream trading currency</h2>
|
|
|
+ <div class="blueLine"></div>
|
|
|
+ </div>
|
|
|
+ <div class="coinBox">
|
|
|
+ <ul v-for="(item,index) in coinBlock">
|
|
|
+
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<addUs></addUs>
|
|
|
<plat></plat>
|
|
@@ -128,7 +114,7 @@ import {ajax} from "../../assets/js/common.js"
|
|
|
export default{
|
|
|
data(){
|
|
|
return{
|
|
|
- // dialogVisible:true,
|
|
|
+ //1193139906@qq.com
|
|
|
showBtnState:0,
|
|
|
coinchange:0,
|
|
|
marketData:{
|
|
@@ -161,16 +147,6 @@ export default{
|
|
|
coin:"icon-ETC3",
|
|
|
state:0,
|
|
|
},
|
|
|
- /*{
|
|
|
- name:"比特股",
|
|
|
- coinname:"BTS",
|
|
|
- coin:"icon-BTS",
|
|
|
- state:0,
|
|
|
- },*/
|
|
|
- /*{
|
|
|
- state:0,
|
|
|
- nocoin:true,
|
|
|
- },*/
|
|
|
],
|
|
|
[
|
|
|
{
|
|
@@ -191,10 +167,6 @@ export default{
|
|
|
coin:"icon-LTC3",
|
|
|
state:0,
|
|
|
},
|
|
|
- /*{
|
|
|
- state:0,
|
|
|
- nocoin:true,
|
|
|
- },*/
|
|
|
],
|
|
|
[
|
|
|
{
|
|
@@ -203,23 +175,12 @@ export default{
|
|
|
coin:"icon-BCC3",
|
|
|
state:0,
|
|
|
},
|
|
|
-
|
|
|
- // {
|
|
|
- // name:"云储币",
|
|
|
- // coinname:"SC",
|
|
|
- // coin:"icon-SC",
|
|
|
- // state:0,
|
|
|
- // },
|
|
|
{
|
|
|
name:"零币",
|
|
|
coinname:"ZEC",
|
|
|
coin:"icon-ZEC1",
|
|
|
state:0,
|
|
|
- },
|
|
|
- /*{
|
|
|
- state:0,
|
|
|
- nocoin:true,
|
|
|
- },*/
|
|
|
+ },
|
|
|
{
|
|
|
name:"主流",
|
|
|
coinname:"主流币种",
|
|
@@ -536,6 +497,7 @@ export default{
|
|
|
top: 360px;
|
|
|
left:50%;
|
|
|
transform: rotate(45deg) translateX(-50%);
|
|
|
+ display: none;
|
|
|
/*border:1px solid #dcdcdc;*/
|
|
|
ul{
|
|
|
display: flex;
|
|
@@ -649,6 +611,33 @@ export default{
|
|
|
margin-bottom: 0;
|
|
|
}
|
|
|
}
|
|
|
+ .coinTitle{
|
|
|
+ text-align: center;
|
|
|
+ padding-top: 78px;
|
|
|
+ h1{
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 35px;
|
|
|
+ color: #333;
|
|
|
+ }
|
|
|
+ h2{
|
|
|
+ font-size: 20px;
|
|
|
+ color: rgba(153,153,153,0.8);
|
|
|
+ margin-top: 12px;
|
|
|
+ }
|
|
|
+ .blueLine{
|
|
|
+ width: 60px;
|
|
|
+ height: 2px;
|
|
|
+ margin:0 auto;
|
|
|
+ margin-top: 15px;
|
|
|
+ background-color: #1A6FA6;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .coinBox{
|
|
|
+ width: 1200px;
|
|
|
+ height: auto;
|
|
|
+ margin: 80px auto 0;
|
|
|
+
|
|
|
+ }
|
|
|
}
|
|
|
.plat-block{
|
|
|
height: 900px;
|