|
|
|
@ -1,5 +1,5 @@ |
|
|
|
<template> |
|
|
|
<div class="contract-page" style=""> |
|
|
|
<div class="contract-page" style="background-color: #F8F8F8;"> |
|
|
|
<!-- <div class="banner-block col-xs-8">--> |
|
|
|
<!-- <el-carousel :interval="6000" height="450px">--> |
|
|
|
<!-- <el-carousel-item v-for="item in pcBannerList" :key="item.id">--> |
|
|
|
@ -16,7 +16,7 @@ |
|
|
|
</div> |
|
|
|
<div class="d-flex fn-14 px-4 p-l-A align-items-center py-2"> |
|
|
|
<div class="item px-2 min-width-A"> |
|
|
|
<div class="title" :class="{ decreace2: activeContract.increase < 0, increase: activeContract.increase >= 0}"> |
|
|
|
<div class="title" :class="{ decreace2: activeContract.increase < 0, increase: activeContract.increase >= 0}" style="margin-bottom: 10px;"> |
|
|
|
{{ activeContract.price }} |
|
|
|
</div> |
|
|
|
<div :class="{ decreace2: activeContract.increase < 0, increase: activeContract.increase >= 0}"> |
|
|
|
@ -27,7 +27,7 @@ |
|
|
|
<!-- 币种价值数据 --> |
|
|
|
<div class="d-flex fn-14"> |
|
|
|
<div class="item px-2 min-width-B"> |
|
|
|
<div class="title mb-1 text-secondary"> |
|
|
|
<div class="title text-secondary" style="margin-bottom: 10px;"> |
|
|
|
24h {{ $t("contract.h7") }} |
|
|
|
</div> |
|
|
|
<div class="fn-12" style="color: #a8263b;"> |
|
|
|
@ -35,7 +35,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="item px-2 min-width-B"> |
|
|
|
<div class="title mb-1 text-secondary"> |
|
|
|
<div class="title text-secondary" style="margin-bottom: 10px;"> |
|
|
|
24h {{ $t("contract.h8") }} |
|
|
|
</div> |
|
|
|
<div class="fn-12" style="color: #a8263b;"> |
|
|
|
@ -43,7 +43,7 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="item px-2 min-width-B"> |
|
|
|
<div class="title mb-1 text-secondary"> |
|
|
|
<div class="title text-secondary" style="margin-bottom: 10px;"> |
|
|
|
24h {{ $t("contract.h9") }} |
|
|
|
(USDT) |
|
|
|
</div> |
|
|
|
@ -284,6 +284,28 @@ |
|
|
|
this.contractList = data; |
|
|
|
if (this.filterCoin == '') { |
|
|
|
this.contractListFilter = data; |
|
|
|
this.Listes(); |
|
|
|
// console.log(this.Liste,'2222'); |
|
|
|
} |
|
|
|
} else if (cmd == "ping") { |
|
|
|
this.ws.send({ |
|
|
|
cmd: "pong" |
|
|
|
}); |
|
|
|
} |
|
|
|
}); |
|
|
|
this.ws.on('close', () => { |
|
|
|
this.ws = new Socket(this.Globals.Server.Path.WS1), |
|
|
|
console.log('链接关闭'); |
|
|
|
this.wsOpen(); |
|
|
|
}) |
|
|
|
}, |
|
|
|
wsOpen() { |
|
|
|
this.ws.on("open", () => { |
|
|
|
this.swapMarketList(); |
|
|
|
this.$refs.handicap.linkSocket() |
|
|
|
}); |
|
|
|
}, |
|
|
|
Listes(){ |
|
|
|
this.Liste = [] |
|
|
|
this.contractListFilter[0].marketInfoList.map(item=>{ |
|
|
|
this.imge[0].marketInfoList.map(items=>{ |
|
|
|
@ -310,25 +332,6 @@ |
|
|
|
} |
|
|
|
}) |
|
|
|
}) |
|
|
|
// console.log(this.Liste,'2222'); |
|
|
|
} |
|
|
|
} else if (cmd == "ping") { |
|
|
|
this.ws.send({ |
|
|
|
cmd: "pong" |
|
|
|
}); |
|
|
|
} |
|
|
|
}); |
|
|
|
this.ws.on('close', () => { |
|
|
|
this.ws = new Socket(this.Globals.Server.Path.WS1), |
|
|
|
console.log('链接关闭'); |
|
|
|
this.wsOpen(); |
|
|
|
}) |
|
|
|
}, |
|
|
|
wsOpen() { |
|
|
|
this.ws.on("open", () => { |
|
|
|
this.swapMarketList(); |
|
|
|
this.$refs.handicap.linkSocket() |
|
|
|
}); |
|
|
|
}, |
|
|
|
// 获取合约市场 |
|
|
|
getMarketList() { |
|
|
|
@ -340,6 +343,7 @@ |
|
|
|
this.contractList = res; |
|
|
|
if (this.filterCoin == '') { |
|
|
|
this.contractListFilter = res; |
|
|
|
// this.Listes(); |
|
|
|
} |
|
|
|
// 默认值 |
|
|
|
let firstParent = res[0]; |
|
|
|
@ -476,7 +480,7 @@ |
|
|
|
width: 95%; |
|
|
|
height: 40px; |
|
|
|
margin: 10px auto; |
|
|
|
border: 1px solid #2e2e2e; |
|
|
|
border: 1px solid #D9D9D9; |
|
|
|
border-radius: 5px; |
|
|
|
color: #2e2e2e; |
|
|
|
align-items: center; |
|
|
|
@ -490,7 +494,7 @@ |
|
|
|
input { |
|
|
|
background-color: transparent; |
|
|
|
border: none; |
|
|
|
border-left: 1px solid #2e2e2e; |
|
|
|
border-left: 1px solid #D9D9D9; |
|
|
|
padding: 0px 10px; |
|
|
|
height: 40px; |
|
|
|
font-size: 16px; |
|
|
|
|
