Image

图片

基本用法

fluid

1
<db-img src="..." fluid="true" alt="demo"></db-img>

thumbnail

1
<db-img src="..." thumbnail="true" alt="demo"></db-img>

width and height

1
<db-img src="..." alt="demo" width="400" height="90%"></db-img>

alignment left and right

1
2
<db-img src="..." alt="demo" alignment="left"></db-img>
<db-img src="..." alt="demo" alignment="right"></db-img>

alignment center

1
<db-img src="..." alt="demo" alignment="center"></db-img>

borderRound

1
<db-img src="..." alt="demo" borderRound="circle" height="200" width="200"></db-img>

通用属性

  1. Border 中的borderRound属性
  2. Spacing

属性

名称 说明 默认值 可选值 值类型
widgetId 标识 string
fluid 水平铺满 false true, false boolean
thumbnail 缩略图 false true, false boolean
src 资源路径 string
alt 替代文本 string
title 提示文本 string
width 宽度 auto, 数字, 百分数 number/string
height 高度 auto, 数字, 百分数 number/string
alignment 排列方式 default default, left, center, right string
  1. widthheight属性值为数字时计量单位是px