![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
像素检测仪
你再改需求试试呢...
展开
-
微信小程序wx.getBackgroundAudioManager()背景音频播放
显现的功能:开始播放、暂停播放、停止播放、进度条显示(没有做拖拽进度条)效果播放状态是个动图(图是网上随便找的,如侵删)暂停状态是静态图片:app.json设置首先要在app.json里设置:"requiredBackgroundModes":["audio","backgroundAudioManager"]目的是使播放器可以息屏播放。wxml页面显示设置 <view class="spotAudio"> <image src="https://原创 2021-12-16 12:34:30 · 5598 阅读 · 0 评论 -
微信小程序获取用户地理位置
在app.json中添加: "permission": { "scope.userLocation": { "desc": "请求获取位置信息" } }加了个提示框,用户点击确定时获取地理位置:wx.showModal({ title: '提示', content: '请求获取位置信息', success(res) { if (res.confirm) { wx.getLocation({ type: 'wgs84原创 2021-12-13 09:06:12 · 990 阅读 · 0 评论 -
微信小程序现实点击图片预览功能
html部分<image bindtap="showPic"></image>js部分 showPic: function () { // 预览图片,放大预览 wx.previewImage({ urls: [url], }) },原创 2021-12-12 17:38:38 · 2359 阅读 · 0 评论 -
微信小程序画布canvas制作海报图片清晰度过低
出现的问题在制作时出现了在画布上画出来的图片特别糊的问题,原图清晰度是没问题的定义画布<canvas type="2d" id="canvas" style="width: 270px;height: 450px;"></canvas>在onLoad生命周期中声明画布wx.createSelectorQuery() .select('#canvas') .fields({ node: true, size: true, }) .ex原创 2021-12-12 17:33:55 · 1495 阅读 · 0 评论 -
微信小程序设置点击复制
设置点击事件<button bindtap="copy">复制</button>js部分 // 复制 copy: function () { wx.setClipboardData({ data: '...', //成功回调函数 success: function (res) { } }) },...原创 2021-12-12 17:22:55 · 594 阅读 · 0 评论 -
微信小程序页面跳转报错:navigateTo:fail can not navigateTo a tabbar page
报错微信小程序设置跳转页面报错:navigateTo:fail can not navigateTo a tabbar page原因很有可能是在底部tabbar里面定义了同样连接地址的bar,如果在底部footer页面定义了相同地址的bar,则此页面无法跳转解决方法使用微信小程序的wx.switchTab({undefined url: '路径'});进行页面跳转...原创 2021-12-12 17:19:02 · 1958 阅读 · 0 评论 -
微信小程序自定义导航栏样式
修改导航栏为自定义首先明确一下导航栏样式navigationStyle的属性:default默认样式custom自定义样式打开app.json或者当前页面的json文件,设置navigationStyle导航栏样式为custom, 自定义导航栏,只保留右上角胶囊按钮。"navigationStyle": "custom",设置导航样式在自定义页面的wxml和wxss页面中设置样式,样式中要注意定位:position: fixed;z-index: 1;固定的距离顶端的距离在下面获取原创 2021-12-10 16:22:08 · 3837 阅读 · 1 评论