Pic 图片展示

INFO

带标题的图片展示组件。

基本语法

<c-pic src="图片地址" caption="图片说明" width="宽度" height="高度"></c-pic>

参数说明

参数

类型

默认值

说明

src

string

必填

图片 URL

caption

string

图片说明文字

width

string/number

自动

图片宽度

height

string/number

自动

图片高度

使用示例

示例 1:基本图片

<c-pic src="/upload/screenshot.png" caption="主题预览截图"></c-pic>

示例 2:指定尺寸

<c-pic src="/upload/logo.png" caption="Logo 设计" width="200"></c-pic>

示例 3:响应式宽度

<c-pic src="/upload/banner.jpg" caption="首页横幅" width="100%"></c-pic>

示例 4:无说明

<c-pic src="/upload/photo.jpg"></c-pic>

使用效果