孟习笔谈
1.3 其它常用组件
发布时间:
button
•按钮组件
•功能比HTML 中的button 按钮丰富
•通过 open-type 属性可以调用微信提供的各种功能（客服、转发、获取用户授权、获取用户信息等）
js
<button>普通按钮</button>
<button type="primary">主色调按钮</button>
<button type="warn">警告按钮</button>
<button size="mini">小按钮</button>
<button type="primary" size="mini">主色调小按钮</button>
<button type="warn" size="mini">警告小按钮</button>
<button size="mini" plain>普通小镂空按钮</button>
<button type="primary" size="mini" plain>小镂空按钮</button>
<button type="warn" size="mini" plain>小警告镂空按钮</button>
image
•图片组件
•image 组件默认宽度约 300px、高度约 240px. image 组件的mode 属性用来指定图片的裁剪和缩放模式，常用的mode 属性值如下：
| mode 值 | 说明 |
|---|---|
| scaleToFill | （默认值）缩放模式，不保持纵横比缩放图片，使图片的宽高完全拉伸至填满 image 元素 |
| aspectFit | 缩放模式，保持纵横比缩放图片，使图片的长边能完全显示出来。也就是说，可以完整地将图片显示出来。 |
| aspectFill | 缩放模式，保持纵横比缩放图片，只保证图片的短边能完全显示出来。也就是说，图片通常只在水平或垂直方向是完整的，另一个方向将会发生截取。 |
| widthFix | 缩放模式，宽度不变，高度自动变化，保持原图宽高比不变 |
| heightFix | 缩放模式，高度不变，宽度自动变化，保持原图宽高比不变 |