Lxy
/
gupiao_web_vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 修改趋势页面

Browse Source
dev
laixingyu 3 years ago
parent b5212a6e9c
commit 54dcb78a31
1 changed files with 59 additions and 125 deletions
Show Stats Download Patch File Download Diff File

184
src/views/trend/index.vue
Unescape View File

@ -336,65 +336,7 @@
</div>
<div class="head_plate_box">
<div class="all__head_plate" @click="selectPlateRank">
上涨
</div>
<div class="module_head_icon" v-if="allPlateRank">
<img
src="../../static/shengxu_true.png"
class="head_icon"
mode="scaleToFill"
/>
<img
src="../../static/jiangxu_false.png"
class="head_icon"
mode="scaleToFill"
/>
</div>
<div class="module_head_icon" v-else>
<img
src="../../static/shengxu_false.png"
class="head_icon"
mode="scaleToFill"
/>
<img
src="../../static/jiangxu_true.png"
class="head_icon"
mode="scaleToFill"
/>
</div>
</div>
<div class="head_plate_box">
<div class="all__head_plate" @click="selectPlateRank">
平盘
</div>
<div class="module_head_icon" v-if="allPlateRank">
<img
src="../../static/shengxu_true.png"
class="head_icon"
mode="scaleToFill"
/>
<img
src="../../static/jiangxu_false.png"
class="head_icon"
mode="scaleToFill"
/>
</div>
<div class="module_head_icon" v-else>
<img
src="../../static/shengxu_false.png"
class="head_icon"
mode="scaleToFill"
/>
<img
src="../../static/jiangxu_true.png"
class="head_icon"
mode="scaleToFill"
/>
</div>
</div>
<div class="head_plate_box">
<div class="all__head_plate" @click="selectPlateRank">
下跌
涨跌家数
</div>
<div class="module_head_icon" v-if="allPlateRank">
<img
@ -1362,79 +1304,71 @@
</div>
<div class="list_plate_box">
<div>{{ Math.trunc(item.riseNumber) }}
<div>
<div v-if="item.riseNumberChange > 0" class="plate_box_right">
<div style="color: #d9001b">{{ Math.trunc(item.riseNumberChange) }}</div>
<img
src="../../static/home_paiming_shangsheng.png"
class="liate_box_icon"
/>
</div>
<div v-if="item.riseNumberChange == 0" class="plate_box_right">
<div>-</div>
</div>
<div v-if="item.riseNumberChange < 0" class="plate_box_right">
<div style="color: #8fc320">
{{ Math.abs(Math.trunc(item.riseNumberChange)) }}
<div> <span style="color: #d9001b;font-size: larger;">{{ Math.trunc(item.riseNumber) }}</span> <span style="color:gray"> / </span> <span style="color: #8fc320;font-size: larger;">{{ Math.trunc(item.lossesNumber) }}</span> <span style="color:gray"> / </span> <span style="color: #666666;font-size: larger;">{{ Math.trunc(item.flatNumber) }}</span>
<div style="display:flex;">
<div v-if="item.riseNumberChange > 0" class="plate_box_right">
<div style="color: gray">{{ Math.trunc(item.riseNumberChange) }}</div>
<img
src="../../static/home_paiming_shangsheng.png"
class="liate_box_icon"
/>
</div>
<div v-if="item.riseNumberChange == 0" class="plate_box_right">
<div>-</div>
</div>
<div v-if="item.riseNumberChange < 0" class="plate_box_right">
<div style="color: gray">
{{ Math.abs(Math.trunc(item.riseNumberChange)) }}
</div>
<img
src="../../static/home_paiming_xiajiang.png"
class="liate_box_icon"
/>
</div>
<img
src="../../static/home_paiming_xiajiang.png"
class="liate_box_icon"
/>
</div>
</div></div>
</div>
<div class="list_plate_box">
<div>{{ Math.trunc(item.flatNumber) }}
<div>
<div v-if="item.flatNumberChange > 0" class="plate_box_right">
<div style="color: #d9001b">{{ Math.trunc(item.flatNumberChange) }}</div>
<img
src="../../static/home_paiming_shangsheng.png"
class="liate_box_icon"
/>
</div>
<div v-if="item.flatNumberChange == 0" class="plate_box_right">
<div>-</div>
</div>
<div v-if="item.flatNumberChange < 0" class="plate_box_right">
<div style="color: #8fc320">
{{ Math.abs(Math.trunc(item.flatNumberChange)) }}
<div v-if="item.lossesNumberChange > 0" class="plate_box_right">
<div style="color: gray">{{ Math.trunc(item.lossesNumberChange) }}</div>
<img
src="../../static/home_paiming_shangsheng.png"
class="liate_box_icon"
/>
</div>
<div v-if="item.lossesNumberChange == 0" class="plate_box_right">
<div>-</div>
</div>
<div v-if="item.lossesNumberChange < 0" class="plate_box_right">
<div style="color: gray">
{{ Math.abs(Math.trunc(item.lossesNumberChange)) }}
</div>
<img
src="../../static/home_paiming_xiajiang.png"
class="liate_box_icon"
/>
</div>
<img
src="../../static/home_paiming_xiajiang.png"
class="liate_box_icon"
/>
</div>
</div></div>
</div>
<div class="list_plate_box">
<div>{{ Math.trunc(item.lossesNumber) }}
<div>
<div v-if="item.lossesNumberChange > 0" class="plate_box_right">
<div style="color: #d9001b">{{ Math.trunc(item.lossesNumberChange) }}</div>
<img
src="../../static/home_paiming_shangsheng.png"
class="liate_box_icon"
/>
</div>
<div v-if="item.lossesNumberChange == 0" class="plate_box_right">
<div>-</div>
</div>
<div v-if="item.lossesNumberChange < 0" class="plate_box_right">
<div style="color: #8fc320">
{{ Math.abs(Math.trunc(item.lossesNumberChange)) }}
<div v-if="item.flatNumberChange > 0" class="plate_box_right">
<div style="color: gray">{{ Math.trunc(item.flatNumberChange) }}</div>
<img
src="../../static/home_paiming_shangsheng.png"
class="liate_box_icon"
/>
</div>
<div v-if="item.flatNumberChange == 0" class="plate_box_right">
<div>-</div>
</div>
<div v-if="item.flatNumberChange < 0" class="plate_box_right">
<div style="color: gray">
{{ Math.abs(Math.trunc(item.flatNumberChange)) }}
</div>
<img
src="../../static/home_paiming_xiajiang.png"
class="liate_box_icon"
/>
</div>
<img
src="../../static/home_paiming_xiajiang.png"
class="liate_box_icon"
/>
</div>
</div></div>
</div>
</div>
<!-- <div class="all__list_breakeven">{{ item.sort/10 }}</div>
<div class="all__list_breakeven">{{ item.sort }}</div>

Write Preview
Loading…
Cancel
Save