|
|
@@ -15,15 +15,14 @@
|
|
|
<text>{{title}}</text>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view :style="[{height:is_fixed? `${60+bgHeight}px`:`${60+fixedHeight}px`}]">
|
|
|
- <!-- {{fixedHeight}}{{bgHeight}} -->
|
|
|
+ <view :style="[{height:is_fixed? `${$tools.topHeight()+bgHeight}px`:`${$tools.topHeight()+fixedHeight}px`}]">
|
|
|
</view>
|
|
|
<!-- 带背景插槽 start-->
|
|
|
<slot></slot>
|
|
|
<!-- 带背景插槽 end-->
|
|
|
- <view class="sys-list-background-color header" style="z-index: 2;"
|
|
|
- :style="[{height:is_fixed?`${navsHeight}px` :`${fixedHeight}px`},{opacity:is_fixed?navOpacity:1}]">
|
|
|
- <image class="" style="width: 100%;height: 100%;" :src="bgList[genre].nav_path" mode="">
|
|
|
+ <view class="header" style="z-index: 2;"
|
|
|
+ :style="[{height:is_fixed?`${$tools.topHeight()+navsHeight}px` :`${$tools.topHeight()+fixedHeight}px`},{opacity:is_fixed?navOpacity:1},{'background':bgckgroundBox}]">
|
|
|
+ <image v-if="genre>= 0" class="" style="width: 100%;height: 100%;" :src="bgList[genre].nav_path" mode="">
|
|
|
</image>
|
|
|
</view>
|
|
|
</view>
|
|
|
@@ -127,10 +126,12 @@
|
|
|
},
|
|
|
|
|
|
created() {
|
|
|
- // const navTop = uni.getMenuButtonBoundingClientRect()
|
|
|
- // this.height = navTop.height + 'px'
|
|
|
- // this.paddingTop = navTop.top + 'px'
|
|
|
- // this.navHeight = `${navTop.height+navTop.top}px`
|
|
|
+ // #ifdef MP-WEIXIN
|
|
|
+ const navTop = uni.getMenuButtonBoundingClientRect()
|
|
|
+ this.height = navTop.height + 'px'
|
|
|
+ this.paddingTop = navTop.top + 'px'
|
|
|
+ this.navHeight = `${navTop.height+navTop.top}px`
|
|
|
+ // #endif
|
|
|
},
|
|
|
watch: {
|
|
|
opacity(newValue, oldValue) {
|
|
|
@@ -178,7 +179,7 @@
|
|
|
position: absolute;
|
|
|
width: 100rpx;
|
|
|
height: 42rpx;
|
|
|
- top: 60rpx;
|
|
|
+ top: 12rpx;
|
|
|
bottom: 0;
|
|
|
left: 30rpx;
|
|
|
color: #fff;
|
|
|
@@ -194,7 +195,9 @@
|
|
|
font-size: 32rpx;
|
|
|
font-weight: bold;
|
|
|
font-family: Source Han Sans CN;
|
|
|
- padding-top: 60rpx;
|
|
|
+ // #ifdef H5 || APP-PLUS
|
|
|
+ padding-top: 30rpx;
|
|
|
+ // #endif
|
|
|
}
|
|
|
}
|
|
|
|