商业版首页增加地图/调低各个图表的高度,以便同时可以显示更多的图表

This commit is contained in:
刘祥超
2021-12-05 18:59:20 +08:00
parent b611427c17
commit 28514276ec
27 changed files with 447 additions and 30 deletions

View File

@@ -28,6 +28,6 @@
display: inline;
}
.chart-box {
height: 20em;
height: 14em;
}
/*# sourceMappingURL=dns.css.map */

View File

@@ -42,5 +42,5 @@
}
.chart-box {
height: 20em;
height: 14em;
}

View File

@@ -28,7 +28,13 @@
display: inline;
}
.chart-box {
height: 20em;
height: 14em;
}
.traffic-map-box {
height: 16em;
}
.traffic-map-box div::-webkit-scrollbar {
width: 4px;
}
h4 span {
font-size: 0.8em;

View File

@@ -1 +1 @@
{"version":3,"sources":["index.less"],"names":[],"mappings":"AAAA,GAAG,QACF,EACC,MAAK;EACJ,kBAAA;EACA,UAAA;EACA,QAAA;;AAKH;EACC,0BAAA;EACA,2BAAA;;AAFD,KAIC;EACC,kBAAA;EACA,4BAAA;;AANF,KAIC,QAIC,IAAG;EACF,iBAAA;;AATH,KAIC,QAIC,IAAG,MAGF;EACC,cAAA;EACA,mBAAA;;AAbJ,KAkBC,QAAO;EACN,eAAA;;AAnBF,KAsBC,GACC;EACC,aAAA;;AAxBH,KA4BC,QAAO,MACN;EACC,eAAA;;AAKH;EACC,YAAA;;AAGD,EACC;EACC,gBAAA;EACA,WAAA","file":"index.css"}
{"version":3,"sources":["index.less"],"names":[],"mappings":"AAAA,GAAG,QACF,EACC,MAAK;EACJ,kBAAA;EACA,UAAA;EACA,QAAA;;AAKH;EACC,0BAAA;EACA,2BAAA;;AAFD,KAIC;EACC,kBAAA;EACA,4BAAA;;AANF,KAIC,QAIC,IAAG;EACF,iBAAA;;AATH,KAIC,QAIC,IAAG,MAGF;EACC,cAAA;EACA,mBAAA;;AAbJ,KAkBC,QAAO;EACN,eAAA;;AAnBF,KAsBC,GACC;EACC,aAAA;;AAxBH,KA4BC,QAAO,MACN;EACC,eAAA;;AAKH;EACC,YAAA;;AAGD;EACC,YAAA;;AADD,gBAGC,IAAG;EACF,UAAA;;AAIF,EACC;EACC,gBAAA;EACA,WAAA","file":"index.css"}

View File

@@ -1,5 +1,11 @@
{$layout}
{$template "/echarts"}
{$var "header"}
<!-- world map -->
<script type="text/javascript" src="/js/echarts/echarts.min.js"></script>
<script type="text/javascript" src="/js/world.js"></script>
<script type="text/javascript" src="/js/world-countries-map.js"></script>
{$end}
{$template "menu"}
@@ -111,6 +117,12 @@
<div class="ui divider"></div>
<!-- 流量地图 -->
<div class="traffic-map-box" v-if="!isLoading">
<traffic-map-box :v-stats="topCountryStats"></traffic-map-box>
</div>
<div class="ui divider"></div>
<!-- 流量 -->
<div class="ui menu tabular" v-show="!isLoading">
<a href="" class="item" :class="{active: trafficTab == 'hourly'}" @click.prevent="selectTrafficTab('hourly')">24小时流量趋势</a>

View File

@@ -3,6 +3,7 @@ Tea.context(function () {
this.trafficTab = "hourly"
this.metricCharts = []
this.plusExpireDay = ""
this.topCountryStats = []
this.$delay(function () {
this.$post("$")

View File

@@ -44,7 +44,15 @@
}
.chart-box {
height: 20em;
height: 14em;
}
.traffic-map-box {
height: 16em;
div::-webkit-scrollbar {
width: 4px;
}
}
h4 {

View File

@@ -28,7 +28,7 @@
display: inline;
}
.chart-box {
height: 20em;
height: 14em;
}
h4 span {
font-size: 0.8em;

View File

@@ -42,7 +42,7 @@
}
.chart-box {
height: 20em;
height: 14em;
}
h4 {

View File

@@ -28,7 +28,7 @@
display: inline;
}
.chart-box {
height: 20em;
height: 14em;
}
.color-span {
font-size: 0.8em;

View File

@@ -42,7 +42,7 @@
}
.chart-box {
height: 20em;
height: 14em;
}
.color-span {

View File

@@ -28,7 +28,7 @@
display: inline;
}
.chart-box {
height: 20em;
height: 14em;
}
h4 span {
font-size: 0.8em;

View File

@@ -44,7 +44,7 @@
}
.chart-box {
height: 20em;
height: 14em;
}
h4 {