一.先言:
(~ ̄▽ ̄)~,hello,微信小程序系列第二篇,介绍下小程序里的常用功能api,可以快速copy使用~
二.文字可复制:
小程序页面里的文字默认是没有长按复制功能的,需要套个标签来实现:跳转官方文档
<text user-select="{{true}}">哈哈</text>
三.跳转地图:
有时显示一些地址需要在地图显示,这时可以直接借助跳转到小程序内置腾讯地图的api,直接自定义一个点击方法,然后在里面调用下面这个就行:跳转官方文档
wx.openLocation({
longitude: '',//纬度 必填
latitude: '',//经度 必填
address: '',//地址的详细说明
name:''//位置名
})
效果如:
四.扫一扫:
有时候会调用扫码功能,就是相当于微信的扫一扫,扫码获取码值后进行相应操作。官方文档
wx.scanCode({
onlyFromCamera: true,// 是否只能从相机扫码,不允许从相册选择图片
success(res){
console.log("扫码成功:"+ JSON.stringify(res))
//码值
let codeResult = res.result
},
fail (err) {
// Toast('无法识别该二维码')
console.log(err)
}
})
五.拨打电话:
实现点击小程序某个按钮时,直接跳到手机拨打电话界面,且号码自动输入好,直接调下面方法就好。官方文档
wx.makePhoneCall({
phoneNumber: '', //需要拨打的电话号码
success: function () {
console.log("拨打电话成功!")
},
fail: function () {
console.log("拨打电话失败!")
}
})
六.调整屏幕亮度:
有时跳到小程序某个页面时,比如有二维码的页面,想要手机屏幕可以高亮度显示,怕用户看不清。注意的是,先把原先手机屏幕亮度在变量保存下来,当离开这个页面,要恢复原亮度,可在onUnload生命周期恢复。
// 获取屏幕亮度
wx.getScreenBrightness({
success: function (res) {
this.setData({
ScreenBrightness: res.value //先把原先手机屏幕亮度在变量保存下来
})
}
})
//设置屏幕亮度
wx.setScreenBrightness({
value: 1, //屏幕亮度值,范围 0~1,0 最暗,1 最亮
})
七.监听截屏:
当用户用手机自带的截屏功能截屏的时候,可以监听到并显示个提示文字或其它操作啥的。官方文档
//监听截屏事件
wx.onUserCaptureScreen(function (res) {
Toast('截屏成功,请不要将清远码交给他人')
})
八.总结:
暂时先这么多,写多了后面系列就没得写了,哈哈。欲知后事如何,请看下集~
不得不说,10月出了好多番,都是高质量的,有没有追《灵能百分百》、《电锯人》等等等的
我的哔哩哔哩空间
Gitee仓库地址:全部特效源码
其它文章:
~关注我看更多简单创意特效:
文字烟雾效果 html+css+js
环绕倒影加载特效 html+css
气泡浮动背景特效 html+css
简约时钟特效 html+css+js
赛博朋克风格按钮 html+css
仿网易云官网轮播图 html+css+js
水波加载动画 html+css
导航栏滚动渐变效果 html+css+js
书本翻页 html+css
3D立体相册 html+css
霓虹灯绘画板效果 html+css+js
记一些css属性总结(一)
Sass总结笔记
…等等
进我主页看更多~