适配头条导航
parent
955efcf02c
commit
09ee245083
|
|
@ -6,17 +6,14 @@
|
|||
/* #ifdef MP-ALIPAY */
|
||||
padding-right: 255rpx;
|
||||
/* #endif */
|
||||
/* #ifdef H5 || APP */
|
||||
padding-right: 20rpx;
|
||||
/* #endif */
|
||||
/* #ifdef MP-TOUTIAO */
|
||||
/* #ifdef H5 || MP-TOUTIAO || APP */
|
||||
padding-right: 20rpx;
|
||||
/* #endif */
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
.category-content {
|
||||
height: calc(100vh - 68px);
|
||||
/* #ifdef H5 || APP */
|
||||
/* #ifdef H5 || MP-TOUTIAO || APP */
|
||||
height: calc(100vh - 98px) !important;
|
||||
/* #endif */
|
||||
}
|
||||
|
|
|
|||
|
|
@ -193,9 +193,9 @@
|
|||
|
||||
var common_static_url = app.globalData.get_static_url('common');
|
||||
// 状态栏高度
|
||||
var bar_height = 0;
|
||||
// #ifndef MP-TOUTIAO
|
||||
bar_height = parseInt(app.globalData.get_system_info('statusBarHeight', 0));
|
||||
var bar_height = parseInt(app.globalData.get_system_info('statusBarHeight', 0));
|
||||
// #ifdef MP-TOUTIAO
|
||||
bar_height = 0;
|
||||
// #endif
|
||||
|
||||
export default {
|
||||
|
|
|
|||
|
|
@ -5,9 +5,9 @@
|
|||
background-repeat: no-repeat;
|
||||
background-size: 100% auto;
|
||||
min-height: 410rpx;
|
||||
padding-top: 8px;
|
||||
/* #ifndef MP-TOUTIAO */
|
||||
padding-top: calc(var(--status-bar-height) + 8px);
|
||||
/* #ifndef MP-TOUTIAO */
|
||||
padding-top: 0;
|
||||
/* #endif */
|
||||
}
|
||||
.home-top-nav-title {
|
||||
|
|
@ -16,7 +16,7 @@
|
|||
padding: 2px 250rpx 0 20rpx;
|
||||
height: 37px;
|
||||
font-size: 42rpx;
|
||||
/* #ifdef H5 || APP */
|
||||
/* #ifdef H5 || MP-TOUTIAO || APP */
|
||||
font-size: 24px;
|
||||
padding-top: 0;
|
||||
/* #endif */
|
||||
|
|
@ -37,12 +37,12 @@
|
|||
background-repeat: no-repeat;
|
||||
background-size: 100% auto;
|
||||
padding-top: 25px;
|
||||
/* #ifdef H5 || APP */
|
||||
/* #ifdef H5 || MP-TOUTIAO || APP */
|
||||
padding-top: 15rpx !important;
|
||||
padding-bottom: 15rpx !important;
|
||||
/* #endif */
|
||||
}
|
||||
/* #ifdef H5 || APP */
|
||||
/* #ifdef H5 || MP-TOUTIAO || APP */
|
||||
.search-content-fixed .nav-top-right-icon {
|
||||
top: 9px !important;
|
||||
}
|
||||
|
|
@ -51,7 +51,7 @@
|
|||
/**
|
||||
* 消息
|
||||
*/
|
||||
/* #ifdef H5 || APP */
|
||||
/* #ifdef H5 || MP-TOUTIAO || APP */
|
||||
.nav-top-right-icon {
|
||||
top: -34px;
|
||||
right: 28rpx;
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@
|
|||
</view>
|
||||
</view>
|
||||
|
||||
<!-- #ifdef H5 || APP -->
|
||||
<!-- #ifdef H5 || MP-TOUTIAO || APP -->
|
||||
<!-- 右上角icon列表 -->
|
||||
<view v-if="(right_icon_list || null) != null && right_icon_list.length > 0" class="nav-top-right-icon pa">
|
||||
<block v-for="(item,index) in right_icon_list">
|
||||
|
|
@ -298,9 +298,9 @@
|
|||
var common_static_url = app.globalData.get_static_url('common');
|
||||
var static_url = app.globalData.get_static_url('home');
|
||||
// 状态栏高度
|
||||
var bar_height = 0;
|
||||
// #ifndef MP-TOUTIAO
|
||||
bar_height = parseInt(app.globalData.get_system_info('statusBarHeight', 0));
|
||||
var bar_height = parseInt(app.globalData.get_system_info('statusBarHeight', 0));
|
||||
// #ifdef MP-TOUTIAO
|
||||
bar_height = 0;
|
||||
// #endif
|
||||
|
||||
export default {
|
||||
|
|
@ -500,7 +500,6 @@
|
|||
|
||||
// 页面滚动监听
|
||||
onPageScroll(e) {
|
||||
// #ifndef MP-TOUTIAO
|
||||
if(this.common_app_is_header_nav_fixed == 1 && this.common_app_is_enable_search == 1) {
|
||||
var top = e.scrollTop > 35 ? 35 : e.scrollTop;
|
||||
var num = top*7;
|
||||
|
|
@ -508,7 +507,7 @@
|
|||
// #ifdef MP-ALIPAY
|
||||
base = 235
|
||||
// #endif
|
||||
// #ifdef H5 || APP
|
||||
// #ifdef H5 || MP-TOUTIAO || APP
|
||||
var len = (this.right_icon_list || []).length;
|
||||
base = (len <= 0) ? 0 : 66*len;
|
||||
// #endif
|
||||
|
|
@ -520,8 +519,7 @@
|
|||
search_is_fixed: (top >= 35) ? 1 : 0,
|
||||
});
|
||||
}
|
||||
}
|
||||
// #endif
|
||||
}
|
||||
},
|
||||
|
||||
// url事件
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@
|
|||
}
|
||||
.nav-search {
|
||||
width: calc(100% - 90rpx);
|
||||
/* #ifdef MP-ALIPAY || MP-TOUTIAO */
|
||||
/* #ifdef MP-ALIPAY || MP-TOUTIAO || H5 || APP */
|
||||
width: 100%;
|
||||
/* #endif */
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue