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>
<div class="head_plate_box"> <div class="head_plate_box">
<div class="all__head_plate" @click="selectPlateRank"> <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>
<div class="module_head_icon" v-if="allPlateRank"> <div class="module_head_icon" v-if="allPlateRank">
<img <img
@ -1362,79 +1304,71 @@
</div> </div>
<div class="list_plate_box"> <div class="list_plate_box">
<div>{{ Math.trunc(item.riseNumber) }} <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> <div style="display:flex;">
<div v-if="item.riseNumberChange > 0" class="plate_box_right"> <div v-if="item.riseNumberChange > 0" class="plate_box_right">
<div style="color: #d9001b">{{ Math.trunc(item.riseNumberChange) }}</div> <div style="color: gray">{{ Math.trunc(item.riseNumberChange) }}</div>
<img <img
src="../../static/home_paiming_shangsheng.png" src="../../static/home_paiming_shangsheng.png"
class="liate_box_icon" class="liate_box_icon"
/> />
</div> </div>
<div v-if="item.riseNumberChange == 0" class="plate_box_right"> <div v-if="item.riseNumberChange == 0" class="plate_box_right">
<div>-</div> <div>-</div>
</div> </div>
<div v-if="item.riseNumberChange < 0" class="plate_box_right"> <div v-if="item.riseNumberChange < 0" class="plate_box_right">
<div style="color: #8fc320"> <div style="color: gray">
{{ Math.abs(Math.trunc(item.riseNumberChange)) }} {{ Math.abs(Math.trunc(item.riseNumberChange)) }}
</div>
<img
src="../../static/home_paiming_xiajiang.png"
class="liate_box_icon"
/>
</div> </div>
<img
src="../../static/home_paiming_xiajiang.png"
class="liate_box_icon"
/>
</div>
</div></div>
</div>
<div class="list_plate_box"> <div v-if="item.lossesNumberChange > 0" class="plate_box_right">
<div>{{ Math.trunc(item.flatNumber) }} <div style="color: gray">{{ Math.trunc(item.lossesNumberChange) }}</div>
<div> <img
<div v-if="item.flatNumberChange > 0" class="plate_box_right"> src="../../static/home_paiming_shangsheng.png"
<div style="color: #d9001b">{{ Math.trunc(item.flatNumberChange) }}</div> class="liate_box_icon"
<img />
src="../../static/home_paiming_shangsheng.png" </div>
class="liate_box_icon" <div v-if="item.lossesNumberChange == 0" class="plate_box_right">
/> <div>-</div>
</div> </div>
<div v-if="item.flatNumberChange == 0" class="plate_box_right"> <div v-if="item.lossesNumberChange < 0" class="plate_box_right">
<div>-</div> <div style="color: gray">
</div> {{ Math.abs(Math.trunc(item.lossesNumberChange)) }}
<div v-if="item.flatNumberChange < 0" class="plate_box_right"> </div>
<div style="color: #8fc320"> <img
{{ Math.abs(Math.trunc(item.flatNumberChange)) }} src="../../static/home_paiming_xiajiang.png"
class="liate_box_icon"
/>
</div> </div>
<img
src="../../static/home_paiming_xiajiang.png"
class="liate_box_icon"
/>
</div>
</div></div>
</div>
<div class="list_plate_box"> <div v-if="item.flatNumberChange > 0" class="plate_box_right">
<div>{{ Math.trunc(item.lossesNumber) }} <div style="color: gray">{{ Math.trunc(item.flatNumberChange) }}</div>
<div> <img
<div v-if="item.lossesNumberChange > 0" class="plate_box_right"> src="../../static/home_paiming_shangsheng.png"
<div style="color: #d9001b">{{ Math.trunc(item.lossesNumberChange) }}</div> class="liate_box_icon"
<img />
src="../../static/home_paiming_shangsheng.png" </div>
class="liate_box_icon" <div v-if="item.flatNumberChange == 0" class="plate_box_right">
/> <div>-</div>
</div> </div>
<div v-if="item.lossesNumberChange == 0" class="plate_box_right"> <div v-if="item.flatNumberChange < 0" class="plate_box_right">
<div>-</div> <div style="color: gray">
</div> {{ Math.abs(Math.trunc(item.flatNumberChange)) }}
<div v-if="item.lossesNumberChange < 0" class="plate_box_right"> </div>
<div style="color: #8fc320"> <img
{{ Math.abs(Math.trunc(item.lossesNumberChange)) }} src="../../static/home_paiming_xiajiang.png"
class="liate_box_icon"
/>
</div> </div>
<img
src="../../static/home_paiming_xiajiang.png"
class="liate_box_icon"
/>
</div> </div>
</div></div> </div>
</div> </div>
<!-- <div class="all__list_breakeven">{{ item.sort/10 }}</div> <!-- <div class="all__list_breakeven">{{ item.sort/10 }}</div>
<div class="all__list_breakeven">{{ item.sort }}</div> <div class="all__list_breakeven">{{ item.sort }}</div>

Write Preview
Loading…
Cancel
Save