<template>
|
<div v-if="false">
|
<div class="verybottom">
|
<div v-for="(item, index) in homeList" :key="index" class="everylist" v-if="index < 3">
|
<div class="everylist_nei" :class="item.range < 0 ? 'greens' : 'reds'">
|
<span class="mingc">{{item.name}} （{{item.symbol}}）</span>
|
<div class="zhangfu">
|
<span>{{item.price}}</span>
|
<span>{{item.range}}</span>
|
<!-- <span>3119.98</span> -->
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
</template>
|
<script>
|
import * as api from "../axios/api";
|
export default {
|
data() {
|
return {
|
homeList: ''
|
}
|
},
|
mounted() {
|
this.getshuju()
|
},
|
methods: {
|
async getshuju() {
|
var opt = {};
|
var data = await api.queryHomeIndex(opt);
|
console.log(data)
|
this.homeList = data.data.result.data;
|
}
|
},
|
}
|
</script>
|
<style lang="less" scoped>
|
.blues {
|
color: rgb(3, 182, 191) !important;
|
}
|
|
.greens {
|
color: rgb(22, 135, 64) !important;
|
}
|
.reds {
|
color: #ed3a3b !important;
|
}
|
.verybottom {
|
width: 100%;
|
height: 40px;
|
background: #25262a;
|
display: flex;
|
align-items: center;
|
overflow-x: scroll;
|
&::-webkit-scrollbar {
|
display: none;
|
}
|
|
.everylist {
|
|
padding: 0 60px;
|
|
.everylist_nei {
|
display: flex;
|
align-items: center;
|
white-space: nowrap;
|
.mingc {
|
color: rgb(240, 190, 131);
|
}
|
|
.zhangfu {
|
span {
|
margin-left: 10px;
|
}
|
}
|
}
|
|
}
|
}
|
</style>
|
