功能

el-image 的修改版，增加文字展示方式，点击展开大图

WARNING

文字模式时，表现为块级元素。如果改成内联元素，功能会失效。此并非 bug，而是故意设置，以实现自动判断是否显示省略号。

功能示例

展示区：文字
文字标题展示图片 文字标题展示图片
展示区：图片

最小示例

<template>
    <Wrapper>
        <HImage src="https://fuss10.elemecdn.com/8/27/f01c15bb73e1ef3793e64e6b7bbccjpeg.jpeg" width="200px" />
    </Wrapper>
</template>

<script lang="ts" setup>
import { ref } from 'vue'
import Wrapper from '@/components/simple-wrapper.vue'
import HImage from '../index.vue'
</script>

API

参数

参数类型

插槽