hookehuyr

fix 页眉图片显示

<!--
* @Date: 2022-07-18 10:22:22
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2022-12-28 10:46:29
* @LastEditTime: 2023-01-04 10:22:13
* @FilePath: /data-table/src/views/index.vue
* @Description: 首页
-->
......@@ -15,13 +15,13 @@
/>
<div class="table-box" :style="{ margin: is_pc ? '1rem 0' : '1rem', overflow: 'auto'}">
<van-image
v-if="PHeader.type === '单张图'"
v-if="PHeader.type === 'image'"
width="100%"
:height="PHeaderHeight"
:src="PHeader.cover"
fit="cover"
/>
<template v-if="PHeader.type === '轮播图'">
<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"
......@@ -193,7 +193,7 @@ onMounted(async () => {
// TODO: 后期需要适配多种图片展示方式,展示只显示单张图片模式
/** 页眉属性
* @param label 表单标题
* @param banner_type 页眉类型:["文字", "单张图", "轮播图"]
* @param banner_type 页眉类型:["文字", "单张图", "轮播图"] text=文字,image=单张图,carousel=轮播图
* @param banner_url 页眉图片地址
* @param description 描述内容
* @param invisible 页眉展示
......