hookehuyr

fix 修复页眉显示隐藏问题

<!--
* @Date: 2022-07-18 10:22:22
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2023-01-13 09:32:22
* @LastEditTime: 2023-01-17 09:47:54
* @FilePath: /data-table/src/views/index.vue
* @Description: 首页
-->
......@@ -14,18 +14,20 @@
mode="closeable"
/>
<div class="table-box" :style="{ margin: is_pc ? '1rem 0' : '1rem', overflow: 'auto'}">
<van-image
v-if="PHeader.type === 'image'"
width="100%"
:src="PHeader.cover"
fit="cover"
/>
<template v-if="PHeader.type === 'carousel'">
<van-swipe class="my-swipe" lazy-render indicator-color="white">
<van-swipe-item v-for="image in PHeader.cover" :key="index"
><img :src="image" style="height: 12rem; width: 100%; object-fit: cover"
/></van-swipe-item>
</van-swipe>
<template v-if="PHeader.visible">
<van-image
v-if="PHeader.type === 'image'"
width="100%"
:src="PHeader.cover"
fit="cover"
/>
<template v-if="PHeader.type === 'carousel'">
<van-swipe class="my-swipe" lazy-render indicator-color="white">
<van-swipe-item v-for="image in PHeader.cover" :key="index"
><img :src="image" style="height: 12rem; width: 100%; object-fit: cover"
/></van-swipe-item>
</van-swipe>
</template>
</template>
<div v-if="PHeader.label" class="table-title">{{ PHeader.label }}</div>
<div v-if="PHeader.description" class="table-desc" v-html="PHeader.description" />
......@@ -203,6 +205,7 @@ onMounted(async () => {
description: page_header.description,
type: page_header.banner_type,
cover: page_header.banner_url,
visible: !page_header.invisible,
};
}
if (page_commit) {
......