|
|
@@ -70,7 +70,7 @@
|
|
|
<div class="icon iconfont" :class="i.coin" v-if="!i.nocoin"></div>
|
|
|
<p class="coin-name">{{i.coinname}}</p>
|
|
|
</div>
|
|
|
- <!-- <div class="part2" v-if="i.state===1&&!i.normal">
|
|
|
+ <!-- <div class="part2" v-if="i. ===1&&!i.normal">
|
|
|
<div class="icon iconfont" :class="i.coin" v-if="!i.nocoin"></div>
|
|
|
<p class="price" v-if="!i.nocoin">
|
|
|
<span>{{i.coinname}}/BTC：</span>
|
|
|
@@ -89,9 +89,16 @@
|
|
|
<div class="blueLine"></div>
|
|
|
</div>
|
|
|
<div class="coinBox">
|
|
|
- <ul v-for="(item,index) in coinBlock">
|
|
|
-
|
|
|
+ <div class="btn pre iconfont icon-fanhui"></div>
|
|
|
+ <ul v-for="(item,index) in newCoinBox">
|
|
|
+ <li v-for="(i,num) in item" :class="{'bottomLi':num>=5}">
|
|
|
+ <div class="smallBox">
|
|
|
+ <div class="icon iconfont" :class="i.coinclass"></div>
|
|
|
+ <p>{{i.coinname}}</p>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
</ul>
|
|
|
+ <div class="btn next iconfont icon-fanhui-copy-copy"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<addUs></addUs>
|
|
|
@@ -190,6 +197,70 @@ export default{
|
|
|
},
|
|
|
],
|
|
|
],
|
|
|
+ newCoinBox:[
|
|
|
+ [
|
|
|
+ {
|
|
|
+ name:"USDT",
|
|
|
+ coinname:"USDT",
|
|
|
+ coinclass:"icon-meiyuan",
|
|
|
+ state:0,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:"比特币",
|
|
|
+ coinname:"BTC",
|
|
|
+ coinclass:"icon-BTC3",
|
|
|
+ state:0,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:"比特元",
|
|
|
+ coinname:"BTY",
|
|
|
+ coinclass:"icon-BTY3",
|
|
|
+ state:0,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:"",
|
|
|
+ coinname:"BCC",
|
|
|
+ coinclass:"icon-BCC3",
|
|
|
+ state:0,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:"",
|
|
|
+ coinname:"ETH",
|
|
|
+ coinclass:"icon-ETH1",
|
|
|
+ state:0,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:"",
|
|
|
+ coinname:"ETC",
|
|
|
+ coinclass:"icon-ETC3",
|
|
|
+ state:0,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:"",
|
|
|
+ coinname:"ZEC",
|
|
|
+ coinclass:"icon-ZEC1",
|
|
|
+ state:0,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:"",
|
|
|
+ coinname:"LTC",
|
|
|
+ coinclass:"icon-ltc",
|
|
|
+ state:0,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:"",
|
|
|
+ coinname:"敬请期待",
|
|
|
+ coinclass:"icon-jiaoyi",
|
|
|
+ state:0,
|
|
|
+ },
|
|
|
+ {
|
|
|
+ name:"",
|
|
|
+ coinname:"敬请期待",
|
|
|
+ coinclass:"icon-jiaoyi",
|
|
|
+ state:0,
|
|
|
+ },
|
|
|
+ ],
|
|
|
+ ],
|
|
|
sectionState:1,
|
|
|
requtime:'',//轮询计时器
|
|
|
isStart:true,
|
|
|
@@ -636,7 +707,61 @@ export default{
|
|
|
width: 1200px;
|
|
|
height: auto;
|
|
|
margin: 80px auto 0;
|
|
|
-
|
|
|
+ position: relative;
|
|
|
+ ul{
|
|
|
+ width: 915px;
|
|
|
+ height: 363px;
|
|
|
+ margin: 0 auto;
|
|
|
+ li{
|
|
|
+ width: 180px;
|
|
|
+ height: 180px;
|
|
|
+ background-color: #fff;
|
|
|
+ display: inline-block;
|
|
|
+ float: left;
|
|
|
+ margin-right: 3px;
|
|
|
+ margin-bottom: 3px;
|
|
|
+ .smallBox{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ .icon{
|
|
|
+ font-size: 62px;
|
|
|
+ margin-top: 30px;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ color: #1a6fa6;
|
|
|
+ }
|
|
|
+ p{
|
|
|
+ font-size: 28px;
|
|
|
+ color: #999;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ li:nth-child(5){
|
|
|
+ margin-right: 0px;
|
|
|
+ }
|
|
|
+ .bottomLi{
|
|
|
+ margin-bottom: 0px;
|
|
|
+ }
|
|
|
+ li:nth-child(10){
|
|
|
+ margin-right: 0px;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .btn{
|
|
|
+ position: absolute;
|
|
|
+ top: 142px;
|
|
|
+ font-size: 75px;
|
|
|
+ color: #C0C0C0;
|
|
|
+ cursor: pointer;
|
|
|
+ display: none;
|
|
|
+ &:hover{
|
|
|
+ color: #3884D3;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .pre{
|
|
|
+ left: 0px;
|
|
|
+ }
|
|
|
+ .next{
|
|
|
+ right: 0px;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
.plat-block{
|
