hookehuyr

fix 页眉图片显示

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: 2022-12-28 10:46:29 4 + * @LastEditTime: 2023-01-04 10:22:13
5 * @FilePath: /data-table/src/views/index.vue 5 * @FilePath: /data-table/src/views/index.vue
6 * @Description: 首页 6 * @Description: 首页
7 --> 7 -->
...@@ -15,13 +15,13 @@ ...@@ -15,13 +15,13 @@
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 <van-image
18 - v-if="PHeader.type === '单张图'" 18 + v-if="PHeader.type === 'image'"
19 width="100%" 19 width="100%"
20 :height="PHeaderHeight" 20 :height="PHeaderHeight"
21 :src="PHeader.cover" 21 :src="PHeader.cover"
22 fit="cover" 22 fit="cover"
23 /> 23 />
24 - <template v-if="PHeader.type === '轮播图'"> 24 + <template v-if="PHeader.type === 'carousel'">
25 <van-swipe class="my-swipe" lazy-render indicator-color="white"> 25 <van-swipe class="my-swipe" lazy-render indicator-color="white">
26 <van-swipe-item v-for="image in PHeader.cover" :key="index" 26 <van-swipe-item v-for="image in PHeader.cover" :key="index"
27 ><img :src="image" style="height: 12rem; width: 100%; object-fit: cover" 27 ><img :src="image" style="height: 12rem; width: 100%; object-fit: cover"
...@@ -193,7 +193,7 @@ onMounted(async () => { ...@@ -193,7 +193,7 @@ onMounted(async () => {
193 // TODO: 后期需要适配多种图片展示方式,展示只显示单张图片模式 193 // TODO: 后期需要适配多种图片展示方式,展示只显示单张图片模式
194 /** 页眉属性 194 /** 页眉属性
195 * @param label 表单标题 195 * @param label 表单标题
196 - * @param banner_type 页眉类型:["文字", "单张图", "轮播图"] 196 + * @param banner_type 页眉类型:["文字", "单张图", "轮播图"] text=文字,image=单张图,carousel=轮播图
197 * @param banner_url 页眉图片地址 197 * @param banner_url 页眉图片地址
198 * @param description 描述内容 198 * @param description 描述内容
199 * @param invisible 页眉展示 199 * @param invisible 页眉展示
......