深圳专业做网站多少钱,python3.5 做网站,织梦搭建本地网站,设计公司企业定位1、wx.createSelectorQuery
在微信小程序中#xff0c;wx.createSelectorQuery 是用于创建一个 SelectorQuery 对象的方法#xff0c;而 this.createSelectorQuery 是在组件中获取元素的方法。
使用 wx.createSelectorQuery 创建的 SelectorQuery 对象可以用于获取页面中的…1、wx.createSelectorQuery
在微信小程序中wx.createSelectorQuery 是用于创建一个 SelectorQuery 对象的方法而 this.createSelectorQuery 是在组件中获取元素的方法。
使用 wx.createSelectorQuery 创建的 SelectorQuery 对象可以用于获取页面中的元素信息但是它只能在页面中使用不能在组件中使用。如果在组件中使用 wx.createSelectorQuery会出现获取不到元素信息的问题。
而在组件中可以使用 this.createSelectorQuery 方法来获取组件内部的元素信息。这是因为组件是小程序中的一个独立模块它有自己的作用域和生命周期因此需要使用 this 来获取组件实例。
一般用于获取某个节点的当前位置以及界面的滚动位置。
this.createSelectorQuery().select(.selector).boundingClientRect(function(res) {console.log(res)
}).exec()
2、媒体查询
在微信小程序中media媒体查询不支持screen关键字因为小程序页面是再webview中渲染的而不是在浏览器中渲染的。
在设置样式时可以使用 wxss 文件中的 media 规则来根据屏幕宽度或高度设置不同的样式。
device-width:设备屏幕的宽度单位pxdevice-height:设备屏幕的高度单位pxwidth:小程序窗口的宽度单位rpxheigth:小程序窗口的高度单位rpxaspect-ratio设备屏幕的宽高比orientation:设备屏幕方向可以是portrait竖屏或landscape横屏
.bg {background:#ffffff}/* 当屏幕宽度小于 750rpx 时应用以下样式 */media (max-width: 750rpx) {.bg {background:#000}
}/* 设备宽度 单位px */
media (max-device-width: 350px) {.bg {background:#000}
}
3、图片保存到相册
用户点击保存判断是否开启了相册权限若没有弹出开启权限框若已开启直接保存图片到相册。 download() {var that thiswx.getSetting({success: function (res) {//判断是否已经授权if (res.authSetting[scope.writePhotosAlbum]) {//已经授权下载图片后保存that.saveImageToPhotosAlbum()} else if (!res.authSetting.hasOwnProperty(scope.writePhotosAlbum)) {//用户第一次使用调起授权wx.authorize({scope: scope.writePhotosAlbum,success() {//授权成功下载图片后保存that.saveImageToPhotosAlbum()}})} else {//已经拒绝授权去到设置页面授权wx.showModal({title: 未授权添加到相册,content: 下载素材保存到相册需打开添加到相册的权限开关,confirmColor: #37c062,confirmText: 去设置,success(res) {if (res.confirm) {wx.openSetting({})}}})}},})},saveImageToPhotosAlbum() {wx.downloadFile({url: this.data.previewImage,success: function (res) {wx.saveImageToPhotosAlbum({filePath: res.tempFilePath,success: function () {wx.showToast({title: 保存成功,icon: success,duration: 2000})},fail: function () {wx.showToast({title: 保存失败,icon: none,duration: 2000})}})}})},
