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 635d18b11a
commit b5212a6e9c
2 changed files with 85 additions and 65 deletions
Show Stats Download Patch File Download Diff File

7
src/views/home/index.vue
Unescape View File

@ -373,7 +373,7 @@
</div> </div>
<div class="main_right_bottom"> <div class="main_right_bottom">
<div class="main_right_bottom_nav" @click="toPrivate"> <div class="main_right_bottom_nav" @click="toPrivate">
<div class="main_right_bottom_text">个股详情</div> <div class="main_right_bottom_text">涨停个股</div>
<div class="main_right_bottom_right"> <div class="main_right_bottom_right">
<div>查看详情</div> <div>查看详情</div>
<i class="el-icon-arrow-right"></i> <i class="el-icon-arrow-right"></i>
@ -382,11 +382,10 @@
<div class="private_list_head"> <div class="private_list_head">
<div class="private_head_left"> <div class="private_head_left">
<div class="private_head_name">股票名称</div> <div class="private_head_name">股票名称</div>
<div class="private_head_date">日期</div>
<div class="private_head_price">价格</div> <div class="private_head_price">价格</div>
<div class="private_head_decline">涨跌幅</div> <div class="private_head_price">所属板块</div>
<div class="private_head_price">几天几板</div>
</div> </div>
<div>所属板块</div>
</div> </div>
<div <div
v-if="privateList.length == 0" v-if="privateList.length == 0"

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

@ -1458,77 +1458,49 @@
<div class="rosefall"> <div class="rosefall">
<div class="rosefall_head"> <div class="rosefall_head">
<div <div
v-for="(item, index) in trendTimePeriod" v-for="(item, index) in newRecordTab"
:key="index" :key="index"
:style="{ color: item.is ? '#EC7C00' : '#999999' }" :style="{ color: item.is ? '#EC7C00' : '#999999' }"
@click="trendTimePeriodClick(item.name)" @click="newRecordTabClick(item.name)"
> >
{{ item.name }} {{ item.name }}
</div> </div>
</div> </div>
<div class="rosefall_list_head"> <div class="rosefall_list_head" v-if="newRecordTab[0].is">
<div class="rosefall_head_left"> <div class="rosefall_head_left">
<div class="arosefall__head_date">交易日期</div> <div class="rosefall_head_name">东财指数</div>
<div class="rosefall_head_name">东财2级行业指数</div> <div class="rosefall_head_breakeven">创新高数</div>
<div class="rosefall_head_breakeven">涨停数</div> <div class="rosefall_head_breakeven">昨日创新高数</div>
<div class="rosefall_head_breakeven">涨停数变化</div>
<div class="rosefall_head_plate_box">
<div class="rosefall_head_plate" @click="selectPlateRank">
排名
</div> </div>
<div class="rosefall_module_head_icon" v-if="allPlateRank">
<img
src="../../static/shengxu_true.png"
class="rosefall_head_icon"
mode="scaleToFill"
/>
<img
src="../../static/jiangxu_false.png"
class="rosefall_head_icon"
mode="scaleToFill"
/>
</div> </div>
<div class="rosefall_module_head_icon" v-else> <div class="rosefall_list_head" v-else-if="newRecordTab[1].is">
<img <div class="rosefall_head_left">
src="../../static/shengxu_false.png" <div class="rosefall_head_name">东财指数</div>
class="rosefall_head_icon" <div class="rosefall_head_breakeven">创新低数</div>
mode="scaleToFill" <div class="rosefall_head_breakeven">昨日创新低数</div>
/>
<img
src="../../static/jiangxu_true.png"
class="rosefall_head_icon"
mode="scaleToFill"
/>
</div> </div>
</div> </div>
<div class="rosefall_list_head" v-else-if="newRecordTab[2].is">
<div class="rosefall_head_left">
<div class="rosefall_head_name">东财指数</div>
<div class="rosefall_head_breakeven">涨停数</div>
<div class="rosefall_head_breakeven">昨日涨停数</div>
</div> </div>
<div class="rosefall_head_ranking_box" @click="selectRankChange">
<div>排名变化</div>
<div class="rosefall_module_head_icon" v-if="allRankChange">
<img
src="../../static/shengxu_true.png"
class="rosefall_head_icon"
mode="scaleToFill"
/>
<img
src="../../static/jiangxu_false.png"
class="rosefall_head_icon"
mode="scaleToFill"
/>
</div> </div>
<div class="rosefall_module_head_icon" v-else> <div class="rosefall_list_head" v-else-if="newRecordTab[3].is">
<img <div class="rosefall_head_left">
src="../../static/shengxu_false.png" <div class="rosefall_head_name">东财指数</div>
class="rosefall_head_icon" <div class="rosefall_head_breakeven">跌停数</div>
mode="scaleToFill" <div class="rosefall_head_breakeven">昨日跌停数</div>
/>
<img
src="../../static/jiangxu_true.png"
class="rosefall_head_icon"
mode="scaleToFill"
/>
</div> </div>
</div> </div>
<div class="rosefall_list_head" v-else-if="newRecordTab[4].is">
<div class="rosefall_head_left">
<div class="rosefall_head_name">股票名称</div>
<div class="rosefall_head_name">东财指数</div>
<div class="rosefall_head_breakeven">涨停时间</div>
<div class="rosefall_head_breakeven">几天几板</div>
</div>
</div> </div>
<div <div
v-if="tendencyList.length == 0" v-if="tendencyList.length == 0"
@ -2047,6 +2019,29 @@ export default {
is: false, is: false,
}, },
], ],
// 新高涨跌停等
newRecordTab:[
{
name: "创新高",
is: true,
},
{
name: "创新低",
is: false,
},
{
name: "涨停",
is: false,
},
{
name: "跌停",
is: false,
},
{
name: "涨停个股",
is: false,
},
],
// 趋势板块所有数据 // 趋势板块所有数据
tendencyList: [ tendencyList: [
{ {
@ -2434,6 +2429,32 @@ export default {
this.tendencyNavIndex = 30; this.tendencyNavIndex = 30;
} }
}, },
// 趋势时间段选择
newRecordTabClick(name) {
this.newRecordTab.forEach((item) => {
if (item.name == name) {
item.is = true;
} else {
item.is = false;
}
});
// if (this.trendTimePeriod[0].is) {
// this.getTendencyList(1);
// this.tendencyNavIndex = 1;
// } else if (this.trendTimePeriod[1].is) {
// this.getTendencyList(5);
// this.tendencyNavIndex = 5;
// } else if (this.trendTimePeriod[2].is) {
// this.getTendencyList(10);
// this.tendencyNavIndex = 10;
// } else if (this.trendTimePeriod[3].is) {
// this.getTendencyList(20);
// this.tendencyNavIndex = 20;
// } else if (this.trendTimePeriod[4].is) {
// this.getTendencyList(30);
// this.tendencyNavIndex = 30;
// }
},
// 趋势排名变化升序or降序 // 趋势排名变化升序or降序
selectRankChange() { selectRankChange() {
this.allRankChange = !this.allRankChange; this.allRankChange = !this.allRankChange;

Write Preview
Loading…
Cancel
Save