1.button
按钮组件,功能比HTML中的button按钮丰富
通过open-type属性可以调用微信提供的各种功能(客服,转发,获取用户授权,获取用户信息等)
通用属性
例如:
<!--pages/list/list.wxml--> <view>----------通过type指定按钮类型----------</view> <button>默认按钮</button> <!-- primary为主色调 --> <button type="primary">主色调按钮</button> <button type="warn">警告按钮</button> <view>---------size="mini"小尺寸按钮----------</view> <button size="mini">默认按钮</button> <button type="primary" size="mini">主色调按钮</button> <button type="warn" size="mini">警告按钮</button> <view>----------镂空按钮------------</view> <button size="mini" plain>默认按钮</button> <button type="primary" size="mini" plain>主色调按钮</button> <button type="warn" size="mini" plain>警告按钮</button>
2.image
图片组件,image组件默认宽度约300px,高度约240px
属性:
例如:
<!--pages/list/list.wxml--> <!-- 1.空图片 --> <image></image> <!-- 2.使用src指向图片路径 --> <image src="/image/xiao.jpg"></image>
/* pages/list/list.wxss */ image{ /* 通过边框线证明image有默认的宽和高 */ border: 1px solid red; }
3.navigator
页面导航组件,类似于HTML中的a链接
