具体的button的api地址为:[链接](https://developers.weixin.qq.com/miniprogram/dev/component/button.html)
~~~
<button
type="primary"
open-type="getUserInfo" bindgetuserinfo="onGetUserInfo">获取用户信息
</button>
~~~
button中常用的属性:
* type: 可以设置button的背景颜色,primary(绿),default(白),warn(红)
* open-type: 微信小程序的开放功能,值有很多,其中share会触发用户转发,getUserInfo获取用户信息,在绑定事件bindgetuserinfo回调中获取到用户信息......
* plain 设置button边框为透明色,免去button的border的苦恼
* bindgetuserinfo给button绑定点击事件,点击时会返回获取的用户信息
> **设置button的type可以为button设置背景颜色,open-type为微信开放功能,plain可以将button的边框变为透明,bindgetuserinfo用户点击该按钮时,会返回获取到的用户信息**
- 小程序环境配置
- 1.生命周期
- 页面生命周期
- 组件生命周期
- 2.小程序组件
- 点击事件bindtap|catchtap
- swiper轮播
- wx:for循环
- 播放音乐
- map
- tabBar底部页面切换
- scroll-view可滚动视图区域。
- web-view装载显示网页
- priviewImage新页面预览照片
- chooseImage本地选择照片
- onReachBottom上拉刷新,加载等待条
- setStorage缓存
- showToast弹出提示框
- slot父组件wxml传递到子组件
- form表单
- 小程序.wxs,方法在.wxml调用
- 3.组件前身:模板、模板传参
- 4.自定义组件、组件传参|传wxss|wxml代码
- 5.小程序正则
- 6.小程序页面跳转
- 7.open-type 微信开放功能
- 实例
- 1.第一个实例 hello world
- 2.第二个实例豆瓣电影数据渲染
- 豆瓣1.0基本版
- 豆瓣2.0升级版
- 豆瓣3.0豪华版
- 3.第三个实例多接口在同一页面使用
- HTTP封装
- 基础报错提示,类式封装
- Promise回调,类式封装