mirror of
http://112.124.100.131/GFRS/ebiz-h5.git
synced 2025-12-10 05:46:44 +08:00
【银保app】修改首页样式
This commit is contained in:
liu.xiaofeng@ebiz-digits.com
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
<div class="public_container" :style="{paddingTop:marginTop+'px'}">
|
||||
<div class="head" style="margin: 10px;border-radius: 5px;">
|
||||
<div class="head">
|
||||
<van-swipe :autoplay="3000" style="width: 100%;">
|
||||
<van-swipe-item v-for="(item, index) in activity" :key="index" @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend(item)">
|
||||
<!-- <img :src="config.assetsUrl + item.img + '?v=' + thisGetTime" /> -->
|
||||
@@ -9,129 +9,94 @@
|
||||
</van-swipe>
|
||||
</div>
|
||||
|
||||
<div style="margin: 10px;border-radius: 5px;">
|
||||
<div class="iconPart1">
|
||||
<van-notice-bar
|
||||
:left-icon="png8"
|
||||
:text='getCodeValue'
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="top" style="display:flex;justify-content: space-between;margin: 10px;background: #fff;border-radius: 5px;align-items: center;padding: 15px;">
|
||||
<div class="top">
|
||||
<div class="menu" v-for="(item, ind) in homePageIcon" :key="ind" @click="goDetail(item)">
|
||||
<div class="menuImg" style="width:100%;display: flex;justify-content: center;margin-bottom: 5px;">
|
||||
<div class="menuImg">
|
||||
<img :src="item.img">
|
||||
</div>
|
||||
<span class="menuName">{{ item.title }}</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="margin: 10px;background: #fff;border-radius: 5px;padding: 15px;">
|
||||
<div style="display:flex;justify-content: space-between;align-items: center;">
|
||||
<span style="display:flex;align-items: center;">
|
||||
<div class="echarts_con">
|
||||
<div class="echarts_con_head">
|
||||
<span class="echarts_con_head_tit">
|
||||
<img src="@/assets/YB_APP/images/1.png">
|
||||
<span style="margin-left: 10px;font-size: 16px;font-weight: bold;">个人保费排行榜</span>
|
||||
<span class="echarts_con_head_tit_span">个人保费排行榜</span>
|
||||
</span>
|
||||
<span style="color: #2a409d;border:lpx solid #eee;padding: 6px 12px;border-radius: 15px;background: #f4f6ff;cursor: pointer;font-weight: bold;">
|
||||
<span class="echarts_con_head_date">
|
||||
{{calendarValue}}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div style="margin:15px 0px;">
|
||||
<span @click="changePersonalType('1')" v-if="activePersonalType == '1'" style="padding: 8px;border-radius: 5px;background: #f6f6f6;font-weight: bold;cursor: pointer;">期交保费</span>
|
||||
<span @click="changePersonalType('1')" v-if="activePersonalType == '2'" style="padding: 8px;border-radius: 5px;color: #8e8e8e;cursor: pointer;">期交保费</span>
|
||||
<span @click="changePersonalType('2')" v-if="activePersonalType == '2'" style="padding: 8px;border-radius: 5px;background: #f6f6f6;margin-left: 10px;font-weight: bold;cursor: pointer;">总保费</span>
|
||||
<span @click="changePersonalType('2')" v-if="activePersonalType == '1'" style="padding: 8px;border-radius: 5px;color: #8e8e8e;margin-left: 10px;cursor: pointer;">总保费</span>
|
||||
<div class="echarts_con_buttonPart">
|
||||
<span @click="changePersonalType('1')" v-if="activePersonalType == '1'" class="echarts_con_buttonPart_one">期交保费</span>
|
||||
<span @click="changePersonalType('1')" v-if="activePersonalType == '2'" class="echarts_con_buttonPart_two">期交保费</span>
|
||||
<span @click="changePersonalType('2')" v-if="activePersonalType == '2'" class="echarts_con_buttonPart_three">总保费</span>
|
||||
<span @click="changePersonalType('2')" v-if="activePersonalType == '1'" class="echarts_con_buttonPart_four">总保费</span>
|
||||
</div>
|
||||
|
||||
<div v-if="activePersonalType == '1' && ebizPremRankGMList.length != 0">
|
||||
<div style="display: flex;align-items: center;font-size:12px;">
|
||||
<div style="width: 100px;">
|
||||
<span style="background: #ffc71f;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankGMList[0].manageCom3.substring(0,2)}}</span>
|
||||
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankGMList[0].agentName}}</span>
|
||||
<div class="echarts_con_main">
|
||||
<div class="echarts_con_main_part1">
|
||||
<span class="echarts_con_main_part1_span1" style="background: #ffc71f;color: #fff;">{{ebizPremRankGMList[0].manageCom3.substring(0,2)}}</span>
|
||||
<span class="echarts_con_main_part1_span2">{{ebizPremRankGMList[0].agentName}}</span>
|
||||
</div>
|
||||
<div style="width:calc(100% - 150px);
|
||||
margin: 10px 0px;
|
||||
display: flex;
|
||||
background:#f4f6ff;
|
||||
border-top-left-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;">
|
||||
<div class="mySelfEcharts_con">
|
||||
<div class="ebizPremRankGMList0" ref="ebizPremRankGMList0"></div>
|
||||
</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankGMList[0].prem <= 5, 'colorTwo': ebizPremRankGMList[0].prem > 5, 'colorOne': ebizPremRankGMList[0].prem >= 10 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankGMList[0].prem}}万</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankGMList[0].prem <= 5, 'colorTwo': ebizPremRankGMList[0].prem > 5, 'colorOne': ebizPremRankGMList[0].prem >= 10 }" class="echarts_prem">{{ebizPremRankGMList[0].prem}}万</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex;align-items: center;font-size:12px;">
|
||||
<div style="width: 100px;">
|
||||
<span style="background: #c0d4f4;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankGMList[1].manageCom3.substring(0,2)}}</span>
|
||||
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankGMList[1].agentName}}</span>
|
||||
<div class="echarts_con_main">
|
||||
<div class="echarts_con_main_part1">
|
||||
<span class="echarts_con_main_part1_span1" style="background: #c0d4f4;color: #fff;">{{ebizPremRankGMList[1].manageCom3.substring(0,2)}}</span>
|
||||
<span class="echarts_con_main_part1_span2">{{ebizPremRankGMList[1].agentName}}</span>
|
||||
</div>
|
||||
<div style="width:calc(100% - 150px);
|
||||
margin: 10px 0px;
|
||||
display: flex;
|
||||
background:#f4f6ff;
|
||||
border-top-left-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;">
|
||||
<div class="mySelfEcharts_con">
|
||||
<div class="ebizPremRankGMList1" ref="ebizPremRankGMList1"></div>
|
||||
</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankGMList[1].prem <= 5, 'colorTwo': ebizPremRankGMList[1].prem > 5, 'colorOne': ebizPremRankGMList[1].prem >= 10 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankGMList[1].prem}}万</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankGMList[1].prem <= 5, 'colorTwo': ebizPremRankGMList[1].prem > 5, 'colorOne': ebizPremRankGMList[1].prem >= 10 }" class="echarts_prem">{{ebizPremRankGMList[1].prem}}万</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex;align-items: center;font-size:12px;">
|
||||
<div style="width: 100px;">
|
||||
<span style="background: #c9b394;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankGMList[2].manageCom3.substring(0,2)}}</span>
|
||||
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankGMList[2].agentName}}</span>
|
||||
<div class="echarts_con_main">
|
||||
<div class="echarts_con_main_part1">
|
||||
<span class="echarts_con_main_part1_span1" style="background: #c9b394;color: #fff;">{{ebizPremRankGMList[2].manageCom3.substring(0,2)}}</span>
|
||||
<span class="echarts_con_main_part1_span2">{{ebizPremRankGMList[2].agentName}}</span>
|
||||
</div>
|
||||
<div style="width:calc(100% - 150px);
|
||||
margin: 10px 0px;
|
||||
display: flex;
|
||||
background:#f4f6ff;
|
||||
border-top-left-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;">
|
||||
<div class="mySelfEcharts_con">
|
||||
<div class="ebizPremRankGMList2" ref="ebizPremRankGMList2"></div>
|
||||
</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankGMList[2].prem <= 5, 'colorTwo': ebizPremRankGMList[2].prem > 5, 'colorOne': ebizPremRankGMList[2].prem >= 10 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankGMList[2].prem}}万</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankGMList[2].prem <= 5, 'colorTwo': ebizPremRankGMList[2].prem > 5, 'colorOne': ebizPremRankGMList[2].prem >= 10 }" class="echarts_prem">{{ebizPremRankGMList[2].prem}}万</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex;align-items: center;font-size:12px;">
|
||||
<div style="width: 100px;">
|
||||
<span style="background: #f6f6f6;color: #959595;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankGMList[3].manageCom3.substring(0,2)}}</span>
|
||||
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankGMList[3].agentName}}</span>
|
||||
<div class="echarts_con_main">
|
||||
<div class="echarts_con_main_part1">
|
||||
<span class="echarts_con_main_part1_span1" style="background: #f6f6f6;color: #959595;">{{ebizPremRankGMList[3].manageCom3.substring(0,2)}}</span>
|
||||
<span class="echarts_con_main_part1_span2">{{ebizPremRankGMList[3].agentName}}</span>
|
||||
</div>
|
||||
<div style="width:calc(100% - 150px);
|
||||
margin: 10px 0px;
|
||||
display: flex;
|
||||
background:#f4f6ff;
|
||||
border-top-left-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;">
|
||||
<div class="mySelfEcharts_con">
|
||||
<div class="ebizPremRankGMList3" ref="ebizPremRankGMList3"></div>
|
||||
</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankGMList[3].prem <= 5, 'colorTwo': ebizPremRankGMList[3].prem > 5, 'colorOne': ebizPremRankGMList[3].prem >= 10 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankGMList[3].prem}}万</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankGMList[3].prem <= 5, 'colorTwo': ebizPremRankGMList[3].prem > 5, 'colorOne': ebizPremRankGMList[3].prem >= 10 }" class="echarts_prem">{{ebizPremRankGMList[3].prem}}万</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex;align-items: center;font-size:12px;">
|
||||
<div style="font-size:12px;width: 100px;">
|
||||
<span style="background: #f6f6f6;color: #959595;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankGMList[4].manageCom3.substring(0,2)}}</span>
|
||||
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankGMList[4].agentName}}</span>
|
||||
<div class="echarts_con_main">
|
||||
<div class="echarts_con_main_part1">
|
||||
<span class="echarts_con_main_part1_span1" style="background: #f6f6f6;color: #959595;">{{ebizPremRankGMList[4].manageCom3.substring(0,2)}}</span>
|
||||
<span class="echarts_con_main_part1_span2">{{ebizPremRankGMList[4].agentName}}</span>
|
||||
</div>
|
||||
<div style="width:calc(100% - 150px);
|
||||
margin: 10px 0px;
|
||||
display: flex;
|
||||
background:#f4f6ff;
|
||||
border-top-left-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;">
|
||||
<div class="mySelfEcharts_con">
|
||||
<div class="ebizPremRankGMList4" ref="ebizPremRankGMList4"></div>
|
||||
</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankGMList[4].prem <= 5, 'colorTwo': ebizPremRankGMList[4].prem > 5, 'colorOne': ebizPremRankGMList[4].prem >= 10 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankGMList[4].prem}}万</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankGMList[4].prem <= 5, 'colorTwo': ebizPremRankGMList[4].prem > 5, 'colorOne': ebizPremRankGMList[4].prem >= 10 }" class="echarts_prem">{{ebizPremRankGMList[4].prem}}万</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -140,94 +105,59 @@
|
||||
</div>
|
||||
|
||||
<div v-if="activePersonalType == '2' && ebizPremRankQJList.length != 0">
|
||||
<div style="display: flex;align-items: center;font-size:12px;">
|
||||
<div style="width: 100px;">
|
||||
<span style="background: #ffc71f;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankQJList[0].manageCom3.substring(0,2)}}</span>
|
||||
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankQJList[0].agentName}}</span>
|
||||
<div class="echarts_con_main">
|
||||
<div class="echarts_con_main_part1">
|
||||
<span class="echarts_con_main_part1_span1" style="background: #ffc71f;color: #fff;">{{ebizPremRankQJList[0].manageCom3.substring(0,2)}}</span>
|
||||
<span class="echarts_con_main_part1_span2">{{ebizPremRankQJList[0].agentName}}</span>
|
||||
</div>
|
||||
<div style="width:calc(100% - 150px);
|
||||
margin: 10px 0px;
|
||||
display: flex;
|
||||
background:#f4f6ff;
|
||||
border-top-left-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;">
|
||||
<div class="mySelfEcharts_con">
|
||||
<div class="ebizPremRankQJList0" ref="ebizPremRankQJList0"></div>
|
||||
</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankQJList[0].prem <= 5, 'colorTwo': ebizPremRankQJList[0].prem > 5, 'colorOne': ebizPremRankQJList[0].prem >= 20 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankQJList[0].prem}}万</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankQJList[0].prem <= 5, 'colorTwo': ebizPremRankQJList[0].prem > 5, 'colorOne': ebizPremRankQJList[0].prem >= 20 }" class="echarts_prem">{{ebizPremRankQJList[0].prem}}万</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex;align-items: center;font-size:12px;">
|
||||
<div style="width: 100px;">
|
||||
<span style="background: #c0d4f4;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankQJList[1].manageCom3.substring(0,2)}}</span>
|
||||
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankQJList[1].agentName}}</span>
|
||||
<div class="echarts_con_main">
|
||||
<div class="echarts_con_main_part1">
|
||||
<span class="echarts_con_main_part1_span1" style="background: #c0d4f4;color: #fff;">{{ebizPremRankQJList[1].manageCom3.substring(0,2)}}</span>
|
||||
<span class="echarts_con_main_part1_span2">{{ebizPremRankQJList[1].agentName}}</span>
|
||||
</div>
|
||||
<div style="width:calc(100% - 150px);
|
||||
margin: 10px 0px;
|
||||
display: flex;
|
||||
background:#f4f6ff;
|
||||
border-top-left-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;">
|
||||
<div class="mySelfEcharts_con">
|
||||
<div class="ebizPremRankQJList1" ref="ebizPremRankQJList1"></div>
|
||||
</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankQJList[1].prem <= 5, 'colorTwo': ebizPremRankQJList[1].prem > 5, 'colorOne': ebizPremRankQJList[2].prem >= 20 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankQJList[1].prem}}万</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankQJList[1].prem <= 5, 'colorTwo': ebizPremRankQJList[1].prem > 5, 'colorOne': ebizPremRankQJList[2].prem >= 20 }" class="echarts_prem">{{ebizPremRankQJList[1].prem}}万</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex;align-items: center;font-size:12px;">
|
||||
<div style="width: 100px;">
|
||||
<span style="background: #c9b394;color: #fff;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankQJList[2].manageCom3.substring(0,2)}}</span>
|
||||
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankQJList[2].agentName}}</span>
|
||||
<div class="echarts_con_main">
|
||||
<div class="echarts_con_main_part1">
|
||||
<span class="echarts_con_main_part1_span1" style="background: #c9b394;color: #fff;">{{ebizPremRankQJList[2].manageCom3.substring(0,2)}}</span>
|
||||
<span class="echarts_con_main_part1_span2">{{ebizPremRankQJList[2].agentName}}</span>
|
||||
</div>
|
||||
<div style="width:calc(100% - 150px);
|
||||
margin: 10px 0px;
|
||||
display: flex;
|
||||
background:#f4f6ff;
|
||||
border-top-left-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;">
|
||||
<div class="mySelfEcharts_con">
|
||||
<div class="ebizPremRankQJList2" ref="ebizPremRankQJList2"></div>
|
||||
</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankQJList[2].prem <= 5, 'colorTwo': ebizPremRankQJList[2].prem > 5, 'colorOne': ebizPremRankQJList[2].prem >= 20 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankQJList[2].prem}}万</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankQJList[2].prem <= 5, 'colorTwo': ebizPremRankQJList[2].prem > 5, 'colorOne': ebizPremRankQJList[2].prem >= 20 }" class="echarts_prem">{{ebizPremRankQJList[2].prem}}万</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex;align-items: center;font-size:12px;">
|
||||
<div style="width: 100px;">
|
||||
<span style="background: #f6f6f6;color: #959595;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankQJList[3].manageCom3.substring(0,2)}}</span>
|
||||
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankQJList[3].agentName}}</span>
|
||||
<div class="echarts_con_main">
|
||||
<div class="echarts_con_main_part1">
|
||||
<span class="echarts_con_main_part1_span1" style="background: #f6f6f6;color: #959595;">{{ebizPremRankQJList[3].manageCom3.substring(0,2)}}</span>
|
||||
<span class="echarts_con_main_part1_span2">{{ebizPremRankQJList[3].agentName}}</span>
|
||||
</div>
|
||||
<div style="width:calc(100% - 150px);
|
||||
margin: 10px 0px;
|
||||
display: flex;
|
||||
background:#f4f6ff;
|
||||
border-top-left-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;">
|
||||
<div class="mySelfEcharts_con">
|
||||
<div class="ebizPremRankQJList3" ref="ebizPremRankQJList3"></div>
|
||||
</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankQJList[3].prem <= 5, 'colorTwo': ebizPremRankQJList[3].prem > 5, 'colorOne': ebizPremRankQJList[3].prem >= 20 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankQJList[3].prem}}万</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankQJList[3].prem <= 5, 'colorTwo': ebizPremRankQJList[3].prem > 5, 'colorOne': ebizPremRankQJList[3].prem >= 20 }" class="echarts_prem">{{ebizPremRankQJList[3].prem}}万</div>
|
||||
</div>
|
||||
|
||||
<div style="display: flex;align-items: center;font-size:12px;">
|
||||
<div style="font-size:12px;width: 100px;">
|
||||
<span style="background: #f6f6f6;color: #959595;padding: 3px 8px;border-radius: 10px;">{{ebizPremRankQJList[4].manageCom3.substring(0,2)}}</span>
|
||||
<span style="margin-left:8px;font-weight: bold;color: #333;">{{ebizPremRankQJList[4].agentName}}</span>
|
||||
<div class="echarts_con_main">
|
||||
<div class="echarts_con_main_part1">
|
||||
<span class="echarts_con_main_part1_span1" style="background: #f6f6f6;color: #959595;">{{ebizPremRankQJList[4].manageCom3.substring(0,2)}}</span>
|
||||
<span class="echarts_con_main_part1_span2">{{ebizPremRankQJList[4].agentName}}</span>
|
||||
</div>
|
||||
<div style="width:calc(100% - 150px);
|
||||
margin: 10px 0px;
|
||||
display: flex;
|
||||
background:#f4f6ff;
|
||||
border-top-left-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;">
|
||||
<div class="mySelfEcharts_con">
|
||||
<div class="ebizPremRankQJList4" ref="ebizPremRankQJList4"></div>
|
||||
</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankQJList[4].prem <= 5, 'colorTwo': ebizPremRankQJList[4].prem > 5, 'colorOne': ebizPremRankQJList[4].prem >= 20 }" style="width: 60px;text-align: right;font-weight: bold;">{{ebizPremRankQJList[4].prem}}万</div>
|
||||
<div v-bind:class="{ 'colorThree': ebizPremRankQJList[4].prem <= 5, 'colorTwo': ebizPremRankQJList[4].prem > 5, 'colorOne': ebizPremRankQJList[4].prem >= 20 }" class="echarts_prem">{{ebizPremRankQJList[4].prem}}万</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -236,17 +166,17 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div style="margin: 10px;background: #fff;border-radius: 5px;padding: 15px;margin-bottom: 20px;">
|
||||
<div style="display:flex;justify-content: space-between;align-items: center;">
|
||||
<span style="display:flex;align-items: center;">
|
||||
<div class="table_con">
|
||||
<div class="table_con_main">
|
||||
<span class="table_con_main_span">
|
||||
<img src="@/assets/YB_APP/images/6.png">
|
||||
<span style="margin-left: 10px;font-size: 16px;font-weight: bold;">实时出单榜</span>
|
||||
<span class="table_con_main_span_name">实时出单榜</span>
|
||||
</span>
|
||||
<span style="color: #959595;">
|
||||
数据截止时间 {{currentTime}}
|
||||
</span>
|
||||
</div>
|
||||
<div style="margin-top: 15px;border-radius: 10px;overflow: hidden;width: 100%;">
|
||||
<div class="tableDiv">
|
||||
<table border="1" class="issueTable" style="width:100%;">
|
||||
<tr style="background:#4d6cc4;width: 100%;">
|
||||
<th style="width: 13%;">时间</th>
|
||||
@@ -572,7 +502,8 @@ export default {
|
||||
}
|
||||
.head {
|
||||
position: relative;
|
||||
box-shadow: 0px 5px 8px 0px #7a6fc1;
|
||||
margin: 10px;border-radius: 5px;
|
||||
/*box-shadow: 0px 5px 8px 0px #7a6fc1;*/
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@@ -586,6 +517,7 @@ export default {
|
||||
border-radius: 5px;
|
||||
}
|
||||
.menuImg{
|
||||
width:100%;display: flex;justify-content: center;margin-bottom: 5px;
|
||||
/deep/ img{
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
@@ -653,4 +585,85 @@ export default {
|
||||
.noneDataDiv_span{
|
||||
position:absolute;bottom:80px;left:calc(50% - 33px);
|
||||
}
|
||||
/deep/ .van-swipe-item{
|
||||
img{
|
||||
height:145px;
|
||||
}
|
||||
}
|
||||
.iconPart1{
|
||||
margin: 10px;border-radius: 5px;
|
||||
}
|
||||
.top{
|
||||
display:flex;justify-content: space-between;margin: 10px;background: #fff;border-radius: 5px;align-items: center;padding: 15px;
|
||||
}
|
||||
.echarts_con{
|
||||
margin: 10px;background: #fff;border-radius: 5px;padding: 15px;
|
||||
}
|
||||
.echarts_con_head{
|
||||
display:flex;justify-content: space-between;align-items: center;
|
||||
}
|
||||
.echarts_con_head_tit{
|
||||
display:flex;align-items: center;
|
||||
}
|
||||
.echarts_con_head_tit_span{
|
||||
margin-left: 10px;font-size: 16px;font-weight: bold;
|
||||
}
|
||||
.echarts_con_head_date{
|
||||
color: #2a409d;border:lpx solid #eee;padding: 6px 12px;border-radius: 15px;background: #f4f6ff;cursor: pointer;font-weight: bold;
|
||||
}
|
||||
.echarts_con_buttonPart{
|
||||
margin:15px 0px;
|
||||
}
|
||||
.echarts_con_buttonPart_one{
|
||||
padding: 8px;border-radius: 5px;background: #f6f6f6;font-weight: bold;cursor: pointer;
|
||||
}
|
||||
.echarts_con_buttonPart_two{
|
||||
padding: 8px;border-radius: 5px;color: #8e8e8e;cursor: pointer;
|
||||
}
|
||||
.echarts_con_buttonPart_three{
|
||||
padding: 8px;border-radius: 5px;background: #f6f6f6;margin-left: 10px;font-weight: bold;cursor: pointer;
|
||||
}
|
||||
.echarts_con_buttonPart_four{
|
||||
padding: 8px;border-radius: 5px;color: #8e8e8e;margin-left: 10px;cursor: pointer;
|
||||
}
|
||||
.echarts_con_main{
|
||||
display: flex;align-items: center;font-size:12px;
|
||||
}
|
||||
.echarts_con_main_part1{
|
||||
width:100px;
|
||||
}
|
||||
.echarts_con_main_part1_span1{
|
||||
padding: 3px 8px;border-radius: 10px;
|
||||
}
|
||||
.mySelfEcharts_con{
|
||||
width:calc(100% - 150px);
|
||||
margin: 10px 0px;
|
||||
display: flex;
|
||||
background:#f4f6ff;
|
||||
border-top-left-radius: 2px;
|
||||
border-bottom-left-radius: 2px;
|
||||
border-top-right-radius: 8px;
|
||||
border-bottom-right-radius: 8px;
|
||||
}
|
||||
.echarts_prem{
|
||||
width: 60px;text-align: right;font-weight: bold;
|
||||
}
|
||||
.echarts_con_main_part1_span2{
|
||||
margin-left:8px;font-weight: bold;color: #333;
|
||||
}
|
||||
.table_con{
|
||||
margin: 10px;background: #fff;border-radius: 5px;padding: 15px;margin-bottom: 20px;
|
||||
}
|
||||
.table_con_main{
|
||||
display:flex;justify-content: space-between;align-items: center;
|
||||
}
|
||||
.table_con_main_span{
|
||||
display:flex;align-items: center;
|
||||
}
|
||||
.table_con_main_span_name{
|
||||
margin-left: 10px;font-size: 16px;font-weight: bold;
|
||||
}
|
||||
.tableDiv{
|
||||
margin-top: 15px;border-radius: 10px;overflow: hidden;width: 100%;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user