|
@@ -62,18 +62,21 @@
|
|
|
nativeOnClick={ () => nativeClickHandler(index, item)}>{ item.name}</TabItem>
|
|
|
})
|
|
|
|
|
|
+ let showTable = this.tabs.length >= 2;
|
|
|
+ let tabDisplay = showTable ? "block" : "none";
|
|
|
+ let containerPaddingTop = showTable ? "170px" : "84px";
|
|
|
+
|
|
|
return (
|
|
|
<div>
|
|
|
<div v-document_title>熊猫美妆</div>
|
|
|
<Search isScroll={this.isScroll}></Search>
|
|
|
- <div>
|
|
|
+ <div style={{display: tabDisplay}}>
|
|
|
<div class="list_tab" style={{position: 'fixed'}}>
|
|
|
<Tab style={{width: 150 * this.tabs.length + "px", background: "#fff"}}
|
|
|
customBarWidth="150px">{top_tabs}</Tab>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="list_container">
|
|
|
-
|
|
|
+ <div class="list_container" style={{paddingTop: containerPaddingTop}}>
|
|
|
<router-view></router-view>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -107,7 +110,7 @@
|
|
|
}
|
|
|
|
|
|
.list_container {
|
|
|
- padding-top: 170px;
|
|
|
+
|
|
|
padding-bottom: 101px;
|
|
|
background: #f9f9f9;
|
|
|
}
|