Showing
1 changed file
with
16 additions
and
13 deletions
| 1 | <!-- | 1 | <!-- |
| 2 | * @Date: 2022-07-18 10:22:22 | 2 | * @Date: 2022-07-18 10:22:22 |
| 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com | 3 | * @LastEditors: hookehuyr hookehuyr@gmail.com |
| 4 | - * @LastEditTime: 2023-01-13 09:32:22 | 4 | + * @LastEditTime: 2023-01-17 09:47:54 |
| 5 | * @FilePath: /data-table/src/views/index.vue | 5 | * @FilePath: /data-table/src/views/index.vue |
| 6 | * @Description: 首页 | 6 | * @Description: 首页 |
| 7 | --> | 7 | --> |
| ... | @@ -14,18 +14,20 @@ | ... | @@ -14,18 +14,20 @@ |
| 14 | mode="closeable" | 14 | mode="closeable" |
| 15 | /> | 15 | /> |
| 16 | <div class="table-box" :style="{ margin: is_pc ? '1rem 0' : '1rem', overflow: 'auto'}"> | 16 | <div class="table-box" :style="{ margin: is_pc ? '1rem 0' : '1rem', overflow: 'auto'}"> |
| 17 | - <van-image | 17 | + <template v-if="PHeader.visible"> |
| 18 | - v-if="PHeader.type === 'image'" | 18 | + <van-image |
| 19 | - width="100%" | 19 | + v-if="PHeader.type === 'image'" |
| 20 | - :src="PHeader.cover" | 20 | + width="100%" |
| 21 | - fit="cover" | 21 | + :src="PHeader.cover" |
| 22 | - /> | 22 | + fit="cover" |
| 23 | - <template v-if="PHeader.type === 'carousel'"> | 23 | + /> |
| 24 | - <van-swipe class="my-swipe" lazy-render indicator-color="white"> | 24 | + <template v-if="PHeader.type === 'carousel'"> |
| 25 | - <van-swipe-item v-for="image in PHeader.cover" :key="index" | 25 | + <van-swipe class="my-swipe" lazy-render indicator-color="white"> |
| 26 | - ><img :src="image" style="height: 12rem; width: 100%; object-fit: cover" | 26 | + <van-swipe-item v-for="image in PHeader.cover" :key="index" |
| 27 | - /></van-swipe-item> | 27 | + ><img :src="image" style="height: 12rem; width: 100%; object-fit: cover" |
| 28 | - </van-swipe> | 28 | + /></van-swipe-item> |
| 29 | + </van-swipe> | ||
| 30 | + </template> | ||
| 29 | </template> | 31 | </template> |
| 30 | <div v-if="PHeader.label" class="table-title">{{ PHeader.label }}</div> | 32 | <div v-if="PHeader.label" class="table-title">{{ PHeader.label }}</div> |
| 31 | <div v-if="PHeader.description" class="table-desc" v-html="PHeader.description" /> | 33 | <div v-if="PHeader.description" class="table-desc" v-html="PHeader.description" /> |
| ... | @@ -203,6 +205,7 @@ onMounted(async () => { | ... | @@ -203,6 +205,7 @@ onMounted(async () => { |
| 203 | description: page_header.description, | 205 | description: page_header.description, |
| 204 | type: page_header.banner_type, | 206 | type: page_header.banner_type, |
| 205 | cover: page_header.banner_url, | 207 | cover: page_header.banner_url, |
| 208 | + visible: !page_header.invisible, | ||
| 206 | }; | 209 | }; |
| 207 | } | 210 | } |
| 208 | if (page_commit) { | 211 | if (page_commit) { | ... | ... |
-
Please register or login to post a comment