sileya-ai
/
vr-shopxo-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1.顶部导航优化

master
sws 2024-10-17 17:28:36 +08:00
parent f9b153be00
commit f2357b6bb0
5 changed files with 25 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
components/diy/article-tabs.vue
View File

@ -68,7 +68,7 @@
},
watch: {
propScrollTop(newVal) {
if (newVal + this.propTop + this.custom_nav_height >= this.tabs_top && this.top_up == '1') {
if (newVal + this.propTop + this.custom_nav_height > this.tabs_top && this.top_up == '1') {
let new_style = this.propValue.style || {};
let tabs_bg = new_style.common_style.color_list;
let new_tabs_background = '';
@ -82,8 +82,12 @@
this.setData({
tabs_background: (new_tabs_background.length > 0 ? new_tabs_background : 'background:#fff;') + new_tabs_background_img,
});
console.log(1);
} else {
this.tabs_background = 'background:transparent';
this.setData({
tabs_background: 'background:transparent',
});
console.log(2);
}
},
propkey(val) {

15
components/diy/diy.vue
View File

@ -289,14 +289,15 @@
// 判断顶部导航是否置顶
is_header_top: parseInt(this.propValue.header.com_data.style.up_slide_display) == 1 ? true : false,
temp_sticky_top: this.sticky_top,
// temp_header_top: `calc(${this.sticky_top}px + 66rpx + ${parseInt(this.propValue.header.com_data.style.data_alone_row_space || 5) * 2}rpx + ${this.propValue.header.com_data.content.data_alone_row_value.length > 0 ? '66rpx' : '0rpx'});`,
temp_header_top: `calc(${this.sticky_top}px + 66rpx + 40rpx + 66rpx);`,
header_top: `calc(${this.sticky_top}px + 66rpx + 40rpx + 66rpx);`,
temp_header_top: `calc(${this.sticky_top}px + 66rpx + ${parseInt(this.propValue.header.com_data.style.data_alone_row_space || 5) * 2}rpx + ${this.propValue.header.com_data.content.data_alone_row_value.length > 0 ? '66rpx' : '0rpx'});`,
header_top: `calc(${this.sticky_top}px + 66rpx + ${parseInt(this.propValue.header.com_data.style.data_alone_row_space || 5) * 2}rpx + ${this.propValue.header.com_data.content.data_alone_row_value.length > 0 ? '66rpx' : '0rpx'});`,
// temp_header_top: `calc(${this.sticky_top}px + 66rpx + 40rpx + 66rpx);`,
// header_top: `calc(${this.sticky_top}px + 66rpx + 40rpx + 66rpx);`,
// 顶部导航高度是否变化--------------------------------------------------
// is_search_alone_row: this.propValue.header.com_data.content.data_alone_row_value.length > 0 ? true : false,
// data_alone_row_space: parseInt(this.propValue.header.com_data.style.data_alone_row_space || 5),
is_search_alone_row: true,
data_alone_row_space: 20,
is_search_alone_row: this.propValue.header.com_data.content.data_alone_row_value.length > 0 ? true : false,
data_alone_row_space: parseInt(this.propValue.header.com_data.style.data_alone_row_space || 5),
// is_search_alone_row: true,
// data_alone_row_space: 20,
});
// 缓存数据

6
components/diy/goods-tabs.vue
View File

@ -71,7 +71,7 @@
},
watch: {
propScrollTop(newVal) {
if (newVal + this.propTop + this.custom_nav_height >= this.tabs_top && this.top_up == '1') {
if (newVal + this.propTop + this.custom_nav_height > this.tabs_top && this.top_up == '1') {
let new_style = this.propValue.style || {};
let tabs_bg = new_style.common_style.color_list;
let new_tabs_background = '';
@ -86,7 +86,9 @@
tabs_background: (new_tabs_background.length > 0 ? new_tabs_background : 'background:#fff;') + new_tabs_background_img,
});
} else {
this.tabs_background = 'background:transparent';
this.setData({
tabs_background: 'background:transparent',
});
}
},
propkey(val) {

8
components/diy/header.vue
View File

@ -72,13 +72,13 @@
</view>
<block v-if="!is_immersion_model">
<view v-if="!is_positon_realative" class="nav-seat" :style="top_content_style">
<view style="height: 66rpx"></view>
<view :style="'height:' + (is_search_alone_row || is_icon_alone_row ? 'calc(132rpx + ' + data_alone_row_space * 2 + 'rpx);' : '66rpx;')"></view>
</view>
</block>
<!-- #ifndef H5 || MP-TOUTIAO -->
<view v-if="is_positon_realative" class="wh-auto pf top-0 left-0 right-0" :style="roll_style">
<view :style="top_content_style">
<view style="height: 66rpx"></view>
<view :style="'height:' + (is_search_alone_row || is_icon_alone_row ? 'calc(132rpx + ' + data_alone_row_space * 2 + 'rpx);' : '66rpx;')"></view>
</view>
</view>
<!-- #endif -->
@ -155,6 +155,7 @@
// 判断header的查询是否独行
is_search_alone_row: false,
is_icon_alone_row: false,
data_alone_row_space: 0,
};
},
watch: {
@ -219,7 +220,8 @@
header_background_type: header_background_type,
is_immersion_model: header_background_type !== 'color_image' && immersive_style == '1',
is_search_alone_row: new_content.data_alone_row_value.includes('search'),
is_icon_alone_row: new_content.data_alone_row_value.includes('icon')
is_icon_alone_row: new_content.data_alone_row_value.includes('icon'),
data_alone_row_space: new_style.data_alone_row_space,
});
this.$emit('immersion-model-call-back', this.is_immersion_model);
},

4
components/diy/tabs.vue
View File

@ -29,8 +29,8 @@
},
// 置顶距离顶部高度
propTop: {
type: Number,
default: 0,
type: String,
default: '0',
},
// 是否导航栏置顶
propNavIsTop: {