微信小程序按钮，开发微信小程序

app.json中已经配置

{\”pages\”:[ \”pages/demo13/demo13\”]}

demo13.wxml

学习笔记（1）：

button 标签

外观的属性

size 控制按钮的大小

default 默认值

mini 小尺寸

type 控制按钮的颜色

default 白色（灰色）

primary 绿色

warn 红色

plain: 按钮是否镂空，背景色透明

默认按钮 mini小尺寸 primary按钮 warn按钮 plain按钮 loading按钮

学习笔记（2）：

button 开放能力

open-type:

contract 直接打开 客服对话功能 需要在微信小程序的后台配置

share 转发当前的小程序 到微信朋友中 （不能吧小程序分享到朋友圈中）

getPhoneNumber 获取当前用户的手机号码信息 结合一个事件来使用 不是企业的小程序账号 没有权限来获取用户的手机号码

绑定一个事件： bindgetphonenumber

在事件的回调函数中，通过参数来获取信息

获取到的信息 已经加密过了

需要用户自己搭建小程序的后台服务器，在后台服务器中进行解析 手机号码，返回到小程序中，就可以看到信息了

getUserInfo 获取当前用户的个人信息

使用方法：类似获取用户的手机号码

可以直接获取 不存在的加密的字段

launchApp 在小程序当中 直接打开APP

需要先在 APP中 通过APP 的某个链接 打开小程序

在小程序中再通过这个功能，重新打开APP

（建议找到 京东的APP 和 京东的小程序 ，再来演示上面两个步骤）

openSetting 打开小程序内置的授权页面

授权页面中 只会出现 用户曾经 点击过的 权限

feedback 打开活动：慈云数据爆款香港服务器，CTG+CN2高速带宽、快速稳定、平均延迟10+ms 速度快，免备案，每月仅需19元！！ 点击查看小程序内置的 意见反馈页面

只能够通过 真机调试 来打开

contactsharegetPhoneNumbergetUserInfolaunchAppopenSettingfeedback

demo13.js

// pages/demo13/demo13.jsPage({ //表示 获取用户的手机号码信息 getPhoneNumber(e){ console.log(e); }, //获取用户个人信息 getUserInfo(e){ console.log(e); }})

模拟器端：


（界面最上面的“默认按钮”和“mini小尺寸”，由于界面演示，下拉，故没有展示。）

声明：所用的模拟适配机型为iPhone5、iPhone6/7/8等均可。

78516081

《微信小程序按钮，开发微信小程序》来自互联网同行内容，若有侵权，请联系我们删除！