|
@@ -12,20 +12,20 @@
|
|
<view class="gnh-top flex">
|
|
<view class="gnh-top flex">
|
|
<view class="top-item flex">
|
|
<view class="top-item flex">
|
|
<image src="../../static/icon/gn-1.png" mode="" class=""></image>
|
|
<image src="../../static/icon/gn-1.png" mode="" class=""></image>
|
|
- <view class="">认购</view>
|
|
|
|
|
|
+ <view class="">認購</view>
|
|
</view>
|
|
</view>
|
|
<view class="top-item flex">
|
|
<view class="top-item flex">
|
|
<image src="../../static/icon/gn-2.png" mode="" class=""></image>
|
|
<image src="../../static/icon/gn-2.png" mode="" class=""></image>
|
|
- <view class="">充币</view>
|
|
|
|
|
|
+ <view class="">充幣</view>
|
|
</view>
|
|
</view>
|
|
<view class="top-item flex">
|
|
<view class="top-item flex">
|
|
<image src="../../static/icon/gn-3.png" mode="" class=""></image>
|
|
<image src="../../static/icon/gn-3.png" mode="" class=""></image>
|
|
- <view class="">提币</view>
|
|
|
|
|
|
+ <view class="">提幣</view>
|
|
</view>
|
|
</view>
|
|
- <view class="top-item flex">
|
|
|
|
|
|
+ <!-- <view class="top-item flex">
|
|
<image src="../../static/icon/gn-4.png" mode="" class=""></image>
|
|
<image src="../../static/icon/gn-4.png" mode="" class=""></image>
|
|
- <view class="">语言</view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <view class="">語言</view>
|
|
|
|
+ </view> -->
|
|
<view class="top-item flex">
|
|
<view class="top-item flex">
|
|
<image src="../../static/icon/gn-5.png" mode="" class=""></image>
|
|
<image src="../../static/icon/gn-5.png" mode="" class=""></image>
|
|
<view class="">客服</view>
|
|
<view class="">客服</view>
|
|
@@ -68,6 +68,23 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 功能盒 end -->
|
|
<!-- 功能盒 end -->
|
|
|
|
+ <!-- -->
|
|
|
|
+ <view class="list">
|
|
|
|
+ <view class="list-title flex">
|
|
|
|
+ <view class="title-left">交易對</view>
|
|
|
|
+ <view class="title-center">最新價格</view>
|
|
|
|
+ <view class="title-right">24h漲跌</view>
|
|
|
|
+ </view>
|
|
|
|
+ <!-- <scroll-view class="swiper-box" scroll-y="true" :style="{ height: maxheight }">
|
|
|
|
+ <view class="list-main flex">
|
|
|
|
+ <view class="main-left">{{ }}</view>
|
|
|
|
+ <view class="main-center" :class="{ down: item.zd < 0, ping: item.zd == 0 }">{{ item.price == 0 ? '--.--' : item.price }}</view>
|
|
|
|
+ <view class="main-right">
|
|
|
|
+ <view class="btn" :class="{ down: item.zd < 0, ping: item.zd == 0 }">{{ item.zd }}%</view>
|
|
|
|
+ </view>
|
|
|
|
+ </view>
|
|
|
|
+ </scroll-view> -->
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -82,6 +99,7 @@
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ maxheight: '',
|
|
scoket: '',
|
|
scoket: '',
|
|
instId: 'IOTA-USDT', //请求的产品id
|
|
instId: 'IOTA-USDT', //请求的产品id
|
|
spList:[],//需要查询的列表
|
|
spList:[],//需要查询的列表
|
|
@@ -94,6 +112,22 @@
|
|
onLoad: function(option) {
|
|
onLoad: function(option) {
|
|
|
|
|
|
|
|
|
|
|
|
+ },
|
|
|
|
+ onReady(res) {
|
|
|
|
+ var _this = this;
|
|
|
|
+ uni.getSystemInfo({
|
|
|
|
+ success: resu => {
|
|
|
|
+ const query = uni.createSelectorQuery();
|
|
|
|
+ query.select('.swiper-box').boundingClientRect();
|
|
|
|
+ query.exec(function(res) {
|
|
|
|
+ _this.maxheight = resu.windowHeight - res[0].top + 'px';
|
|
|
|
+ console.log('打印页面的剩余高度', _this.maxheight);
|
|
|
|
+ });
|
|
|
|
+ },
|
|
|
|
+ fail: res => {
|
|
|
|
+ console.log('打印页面的剩余高度', res);
|
|
|
|
+ }
|
|
|
|
+ });
|
|
},
|
|
},
|
|
onShow: function() {
|
|
onShow: function() {
|
|
this.geLevertade()
|
|
this.geLevertade()
|
|
@@ -129,6 +163,7 @@
|
|
that.scoket.scoketMessage((res)=>{
|
|
that.scoket.scoketMessage((res)=>{
|
|
try{
|
|
try{
|
|
that.listOBj[res.arg.instId] = res.data
|
|
that.listOBj[res.arg.instId] = res.data
|
|
|
|
+ console.log(that.listOBj,'that.listOBj++++++')
|
|
}catch(e){
|
|
}catch(e){
|
|
console.log(res,'报错');
|
|
console.log(res,'报错');
|
|
}
|
|
}
|
|
@@ -239,4 +274,78 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ .list {
|
|
|
|
+ background: #ffffff;
|
|
|
|
+ border-top-left-radius: 26rpx;
|
|
|
|
+ border-top-right-radius: 26rpx;
|
|
|
|
+ padding: 40rpx 15rpx 0;
|
|
|
|
+ .list-title {
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ font-family: PingFang SC;
|
|
|
|
+ font-weight: 500;
|
|
|
|
+ color: #525c6e;
|
|
|
|
+ padding-bottom: 32rpx;
|
|
|
|
+ .title-left {
|
|
|
|
+ text-align: left;
|
|
|
|
+ width: 33%;
|
|
|
|
+ }
|
|
|
|
+ .title-center {
|
|
|
|
+ text-align: center;
|
|
|
|
+ width: 33%;
|
|
|
|
+ }
|
|
|
|
+ .title-right {
|
|
|
|
+ text-align: right;
|
|
|
|
+ width: 33%;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .list-main {
|
|
|
|
+ padding: 12rpx 0;
|
|
|
|
+ .main-left {
|
|
|
|
+ text-align: left;
|
|
|
|
+ width: 33%;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ font-family: PingFang SC;
|
|
|
|
+ font-weight: 500;
|
|
|
|
+ color: #525c6e;
|
|
|
|
+ }
|
|
|
|
+ .main-center {
|
|
|
|
+ text-align: center;
|
|
|
|
+ width: 33%;
|
|
|
|
+ font-size: 28rpx;
|
|
|
|
+ font-family: PingFang SC;
|
|
|
|
+ font-weight: 500;
|
|
|
|
+ color: #e15560;
|
|
|
|
+ &.down {
|
|
|
|
+ color: #5ec886;
|
|
|
|
+ }
|
|
|
|
+ &.ping {
|
|
|
|
+ color: #525c6e;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ .main-right {
|
|
|
|
+ text-align: right;
|
|
|
|
+ width: 33%;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: flex-end;
|
|
|
|
+ .btn {
|
|
|
|
+ width: 122rpx;
|
|
|
|
+ height: 63rpx;
|
|
|
|
+ background: #e15562;
|
|
|
|
+ border-radius: 5rpx;
|
|
|
|
+ text-align: center;
|
|
|
|
+ line-height: 63rpx;
|
|
|
|
+ font-size: 24rpx;
|
|
|
|
+ font-family: PingFang SC;
|
|
|
|
+ font-weight: 500;
|
|
|
|
+ color: #ffffff;
|
|
|
|
+ &.down {
|
|
|
|
+ background: #5ec886;
|
|
|
|
+ }
|
|
|
|
+ &.ping {
|
|
|
|
+ background: #f6f6f6;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
</style>
|
|
</style>
|