介休城乡建设网站,怎样建立自己网站,网店推广的目的,网站建设 服务流程筒子们#xff0c;这一章接着讲Button 标签。开放能力的属性button标签的开放能力是指open-type 属性。其中#xff0c;这个属性的合法值包括如下#xff1a;这一部分呢#xff0c;需要分为两个方式来演示。一是可在模拟器中直接看效果#xff1b; 二是要通过真机调试看效…筒子们这一章接着讲Button 标签。开放能力的属性button标签的开放能力是指open-type 属性。其中这个属性的合法值包括如下这一部分呢需要分为两个方式来演示。一是可在模拟器中直接看效果 二是要通过真机调试看效果。button开发能力是指open-type 的合法值。我们将其全部属性写入demo13.wxml文件中。contactsharegetPhoneNumbergetUserInfolaunchAppopenSettingfeedback下面一一介绍其属性。1、contact可直接打开客服对话功能需在微信小程序的后台进行配置。保存代码后点击左侧contact按钮弹出模拟进入客服对话的窗口。但是这个功能是无法在模拟器中看效果的需要进行真机调试才能进行演示。详细了解该属性用法和特征请戳下方官方文档。https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/customer-message/customer-message.html2、share分享、转发此小程序。保存代码后页面出现share按钮点击后可分享给好友小程序。详细了解该属性用法和特征请戳官方文档。https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html#%E4%BD%BF%E7%94%A8%E6%8C%87%E5%BC%953、getPhoneNumber用来获取用户手机号码信息。仅限于企业用户否则无此权限。使用此属性需要绑定一个事件从bindgetphonenumber回调中通过参数来获取⽤⼾信息。操作步骤如下先是在demo13.wxml文件中写入如下代码Page({// 获取用户的手机号码信息getPhoneNumber(e){console.log(e);},})复制getPhoneNumber回到demo13.js文件中删除原先的代码只保留page部分。写入如下代码Page({// 获取用户的手机号码信息getPhoneNumber(e){console.log(e);},})保存后点击调试器-console可以看到detail部分是显示如下信息(注意这里登录要用企业账户个人账户会获取失败。)如上detail信息是难以理解的看不懂。因为信息已经被加密过了。如果需要解析手机号就需要用户搭建小程序的后台服务器在后台服务器中进行解析手机号。4、getUserInfo同getPhoneNumber都是用来获取⽤⼾信息可以从bindgetuserinfo回调中获取到⽤⼾信息步骤同getPhoneNumber先在demo13.wxml文件中写入如下代码getUserInfo复制getUserInfo回到demo13.js文件中写入如下代码Page({// 获取用户个人信息getUserInfo(e){console.log(e);}})保存后点击调试器-console可以看到detail部分是显示如下信息userinfo部分显示个人的基本信息可直接获取不加密。5、launchApp用来打开APP可以通过app-parameter属性设定向APP传的参数敲黑板要在app中的某个链接中才能打开小程序在小程序中通过launchApp重新打开app;此效果难以重现可以直接参考京东app、小程序进行学习。详细了解该属性用法和特征请戳下方官方文档。https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/launchApp.html6、openSetting用来打开小程序内置的授权界面。在授权界面中只会出现用户点击过的权限。点击开发者工具菜单栏的编译进行刷新再点击小程序页面中的openSetting按钮出现如下界面只显示通讯地址和用户信息两栏。这两个是在前面使用getPhoneNumber 和 getUserInfo 两个属性中被允许的所以会出现。我们点击菜单栏的清除缓存—— 全部清除。点击开发者工具菜单栏的编译进行刷新再点击小程序页面中的openSetting按钮出现如下界面没有被允许的用户选项。7、feedback用来打开小程序的意见反馈页面。此属性和contact 属性一样都无法在模拟器中演示均需要使用真机调试了演示。先来看一下contact 属性的实现流程(1)将小程序的appid 修改为自己的id之前用的是测试号现在也要改为自己的。步骤打开微信公众号平台——点击登录——点击开发按钮——开发设置选项——复制ID回到小程序中点击详情——修改按钮——粘贴新的ID(2)准备两个客服账号A是普通用户的账号B是客服的微信账号。(3)手动为小程序添加客服微信也就是微信B步骤登录微信官网——客服——添加——输入自己的微信号(4)回到微信开发者工具中点击预览按钮——用账号A扫码——点击contact按钮手机截屏显示如下在对话框中输入信息客服微信B就会收到消息。接着我们再来看一下feedback 属性真机调试如下手机扫码后在微信中打开该小程序点击feedback按钮页面如下okbutton标签的内容通过两章已经完全讲解完毕了大家认真操练起来吧~不懂得地方欢迎评论区留言告诉我哦~~~搜索并关注微信公众号飞寝旺食获取更多小程序运营干货、免费的开发教程、源代码等做小程序我们是认真的
