- 为什么有些小程序的相机可以把右上角的「菜单胶囊」隐藏掉?
[图片] [图片] [图片] [图片] 小程序的相机组件怎么样才能做到跟「拼多多」、「京东购物」和「腾讯元宝」小程序里面的相机交互一样。有以下三个诉求: 1、隐藏掉了右上角的「菜单胶囊」, 2、相机打开的时候是从底部滑上来的,很丝滑。 3、手势导航左滑退出相机(相当于返回上一页) 这个是不是有什么开源的「相机组件库」提供的解决方案?或者微信小程序camera有最佳实践案例的文档。 请大佬帮忙给点解决思路~
11-13 - 为什么「京东购物」和「拼多多」小程序的相机可以把右上角的菜单胶囊隐藏掉?
[图片] 只UI和交互结果上来看,好像用的是同一个封装的组件。 有没有大佬给指个路,讲解一下其中的门道。感谢 是否是某一个开源的三方库,请指个路~
11-12 - wx.onLocationChange接口返回的位置坐标类型是gcj02还是wgs84?
wx.getLocation接口可以指明要获取的位置坐标的类型,但是接口耗时比较久 // getLocation 接口获取位置新的时间比较长 wx.getLocation({ type: 'gcj02', isHighAccuracy: true, highAccuracyExpireTime: 10 * 1000, success (res) { console.log('getLocation', res) const { latitude, longitude } = res || {} wx.setStorageSync(USER_LOCATION_INFO, { latitude, longitude }) }, fail (err) { console.log('getLocation-err', err) } }) 通过wx.onLocationChage接口能够比较快速的获取位置坐标,经过测试数据得到的数据是500ms以内就能获取位置信息! let startTime = 0 export function onUserLocationChange() { wx.startLocationUpdate({ success(res) { console.log('startLocationUpdate-开始接收位置更新', res); startTime = + new Date() }, fail(err) { console.error('startLocationUpdate-位置更新失败', err); } }); wx.onLocationChange(linstenLocationChangeFn) } export function linstenLocationChangeFn(res: any) { console.log( 111111111111111, 'onLocationChange', + new Date() - startTime, res) const { latitude, longitude } = res || {} wx.setStorageSync(USER_LOCATION_INFO, { latitude, longitude }) removeLinstenLocationChange() } // 位置变化监听 - 移除 export function removeLinstenLocationChange() { wx.offLocationChange(linstenLocationChangeFn) wx.stopLocationUpdate() } 但是从打印的位置信息的结果上来看,不确定返回的坐标类型。有没有大佬知道坐标的类型是什么?通过这个方案快速获取位置信息有没有什么缺陷? [图片]
10-22 - 微信小程序的Text组件,设置user-select之后,怎么样才能当一行放不下的时候不整体换行?
微信小程序的Text组件,设置user-select之后,当一行放不下这个text文本的时候,会整体换行。有没有什么办法让这是user-select的text组件按照原来的样式正常换行(填充完当前行之后剩下部分的再换行展示) <scroll-view class="scroll-area" type="list" scroll-y style="padding: 0px 20px; box-sizing: border-box;"> <view style="display: inline;"> <text >欢迎使用代码片段,</text> <text >:可在控制台查看代码片段的说明和文档</text> </view> <view style="margin-top: 50px;"> <text user-select>欢迎使用代码片段,</text> <text user-select>:可在控制台查看代码片段的说明和文档</text> </view> </scroll-view> [图片]
10-21