1.diy---header

master
sws 2024-09-25 14:00:46 +08:00
parent 3248f6de48
commit 1fb728f493
2 changed files with 27 additions and 25 deletions

View File

@ -1,6 +1,6 @@
<template>
<!-- 底部导航 -->
<view v-if="value" class="footer-nav flex-row jc-c align-c">
<view v-if="(value || null) !== null" class="footer-nav flex-row jc-c align-c">
<view class="footer-nav-content flex-row jc-c align-c wh" :style="style_container">
<view class="bottom-line-exclude">
<view class="flex-row jc-sa align-c wh padding-0">
@ -51,32 +51,32 @@
uni.hideTabBar();
},
mounted() {
this.init();
if ((this.value || null) !== null) {
this.init();
}
},
methods: {
init() {
if (this.value) {
const new_content = this.value.content || {};
const new_style = this.value.style || {};
this.setData({
nav_content: new_content.nav_content || [],
nav_style: new_content.nav_style || 0,
default_text_color: 'color:' + new_style.default_text_color || 'rgba(0, 0, 0, 1)',
text_color_checked: 'color:' + new_style.text_color_checked || 'rgba(204, 204, 204, 1)',
style_container: common_styles_computer(new_style.common_style),
});
let footer_height = new_style.common_style.padding_top + new_style.common_style.padding_bottom + new_style.common_style.margin_top + new_style.common_style.margin_bottom + 50;
// #ifndef APP
//
footer_height = footer_height + uni.getSystemInfoSync().statusBarHeight - 40;
// #endif
if (footer_height >= 70) {
footer_height = footer_height;
} else {
footer_height = 70;
}
this.$emit('footer-height', footer_height);
const new_content = this.value.content || {};
const new_style = this.value.style || {};
this.setData({
nav_content: new_content.nav_content || [],
nav_style: new_content.nav_style || 0,
default_text_color: 'color:' + new_style.default_text_color || 'rgba(0, 0, 0, 1)',
text_color_checked: 'color:' + new_style.text_color_checked || 'rgba(204, 204, 204, 1)',
style_container: common_styles_computer(new_style.common_style),
});
let footer_height = new_style.common_style.padding_top + new_style.common_style.padding_bottom + new_style.common_style.margin_top + new_style.common_style.margin_bottom + 50;
// #ifndef APP
//
footer_height = footer_height + uni.getSystemInfoSync().statusBarHeight - 40;
// #endif
if (footer_height >= 70) {
footer_height = footer_height;
} else {
footer_height = 70;
}
this.$emit('footer-height', footer_height);
},
//
url_event(e) {

View File

@ -1,5 +1,5 @@
<template>
<view class="header-container" :style="roll_style + position">
<view v-if="(value || null) !== null" class="header-container" :style="roll_style + position">
<view class="bg-white pf top-0 left-0 right-0" :style="top_content_style">
<view class="header-content flex-row align-c padding-vertical-xs" style="height: 34px">
<view class="model-top flex-1">
@ -88,7 +88,9 @@
};
},
created() {
this.init();
if ((this.value || null) !== null) {
this.init();
}
},
methods: {
isEmpty,