fix(ranking): fix ranking page tag css

This commit is contained in:
OldHawk
2018-01-20 10:53:07 +08:00
parent 9aa281608c
commit 8d290f409c
2 changed files with 24 additions and 11 deletions

View File

@@ -1327,6 +1327,14 @@ body {
}
.tab-ranking {
.ranking-tabs-top {
height: 70px;
background-color: #fafbfc;
border-bottom: solid 1px #ddd;
}
.mt-responsive-tabs-xs {
margin-top: -44px;
}
.nav-tabs {
> li {
@media (max-width: @screen-xs-max) {
@@ -1355,6 +1363,7 @@ body {
> a {
margin-right: 5px;
border-top: 3px solid transparent;
max-height: 44px;
.fa-2x {
font-size: 1.4em;
}

View File

@@ -1,14 +1,18 @@
<section class="container padding-top-10" ng-controller="RankingController as vm" ng-init="vm.getRankingList();">
<div class="tab-ranking margin-top-30">
<uib-tabset class="mt-responsive-tabs-xs">
<uib-tab index="$index" ng-repeat="tab in vm.rankingTabs" ng-show="tab.ng_show" title="{{tab.title}}">
<uib-tab-heading>
<i class="fa {{tab.icon}} fa-2x" aria-hidden="true"></i><span class="tab-title">{{tab.title}}</span>
</uib-tab-heading>
<div ng-include="tab.templateUrl">
</div>
</uib-tab>
</uib-tabset>
<section ng-controller="RankingController as vm" ng-init="vm.getRankingList();">
<div class="tab-ranking">
<div class="ranking-tabs-top">
</div>
<div class="container">
<uib-tabset class="mt-responsive-tabs-xs">
<uib-tab index="$index" ng-repeat="tab in vm.rankingTabs" ng-show="tab.ng_show" title="{{tab.title}}">
<uib-tab-heading>
<i class="fa {{tab.icon}} fa-2x" aria-hidden="true"></i><span class="tab-title">{{tab.title}}</span>
</uib-tab-heading>
<div ng-include="tab.templateUrl">
</div>
</uib-tab>
</uib-tabset>
</div>
</div>