个人案例
- 出趣游
景点推荐、路线推荐、实时讲解、AI咨询
出趣游扫码体验
- 美聚乡村微应用
乡村景点,精品乡村景点
美聚乡村扫码体验
- 【bug】map中cover-view层级问题
map中两个cover-view是兄弟元素,第一个cover-view的z-index高于第二个的,但是真机上无效。 具体demo如下: [代码]<[代码][代码]map[代码] [代码]class[代码][代码]=[代码][代码]"map"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"top"[代码][代码]>top[代码]cover-view[代码][代码]>[代码][代码][代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"mask"[代码][代码]>mask[代码]cover-view[代码][代码]>[代码][代码][代码][代码][代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"bottom"[代码][代码]>bottom[代码]cover-view[代码][代码]>[代码][代码][代码][代码][代码][代码][代码][代码]map[代码][代码]>[代码][代码][代码][代码] [代码]/*测试z-index层级问题 */[代码][代码]/* .map-box {[代码][代码] [代码][代码]position: relative;[代码][代码] [代码][代码]top: 50rpx;[代码][代码] [代码][代码]right: 0;[代码][代码] [代码][代码]bottom: 0;[代码][代码] [代码][代码]left: 0;[代码][代码] [代码][代码]width: 100%;[代码][代码] [代码][代码]height: 100%;[代码][代码]} */[代码][代码].map{ [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码]; [代码][代码]height[代码][代码]: [代码][代码]500[代码][代码]rpx;}[代码][代码].[代码][代码]top[代码][代码]{[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100[代码][代码]rpx;[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]fixed[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]100[代码][代码]rpx;[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]150[代码][代码]rpx;[代码][代码] [代码][代码]z-index[代码][代码]: [代码][代码]222[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#fff[代码][代码];[代码][代码]}[代码][代码].mask{[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]fixed[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]left[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]bottom[代码][代码]: [代码][代码]0[代码][代码];[代码][代码] [代码][代码]z-index[代码][代码]: [代码][代码]1[代码][代码];[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]100%[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#000[代码][代码];[代码][代码] [代码][代码]opacity: .[代码][代码]25[代码][代码];[代码][代码]}[代码][代码].[代码][代码]bottom[代码][代码]{[代码][代码] [代码][代码]width[代码][代码]: [代码][代码]200[代码][代码]rpx;[代码][代码] [代码][代码]height[代码][代码]: [代码][代码]200[代码][代码]rpx;[代码][代码] [代码][代码]position[代码][代码]: [代码][代码]fixed[代码][代码];[代码][代码] [代码][代码]top[代码][代码]: [代码][代码]250[代码][代码]rpx;[代码][代码] [代码][代码]z-index[代码][代码]: [代码][代码]22[代码][代码];[代码][代码] [代码][代码]background[代码][代码]: [代码][代码]#fbfbfb[代码][代码];[代码][代码]}[代码] 演示如下: [图片][图片] 左边是开发者工具演示,右边是真机上演示,top的层级设置高于mask的,但是真机上无效。 假如我吧top和mask容器对调,真机上表现一致了,但是这和语义不一致。治标不治本。@官方
2018-01-31 - wx.showtoast开发者工具bug
我直接在逻辑层写了如下代码: [代码]wx.showToast({[代码][代码] [代码][代码]title: [代码][代码]'在景点100m内才能盖戳'[代码][代码],[代码][代码] [代码][代码]icon: [代码][代码]'none'[代码][代码] [代码][代码]});[代码] 开发者工具还是会显示图标,安卓真机测试未出现图标。苹果未测。 [图片]
2018-01-29 - map组件中心点重设失效
我有个map组件,通过移动地图产生变化后,重新获取中心点,可是show-location并不会产生变化,而我新增的markers标记点是有变化的,是什么情况?希望官方给个回应 测试代码如下: [代码]<[代码][代码]map[代码] [代码]id[代码][代码]=[代码][代码]"map"[代码] [代码]latitude[代码][代码]=[代码][代码]"{{lat}}"[代码] [代码]longitude[代码][代码]=[代码][代码]"{{lng}}"[代码] [代码]markers[代码][代码]=[代码][代码]'{{markers}}'[代码] [代码]bindregionchange[代码][代码]=[代码][代码]"moveMap"[代码] [代码]show-location>[代码] [代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]class[代码][代码]=[代码][代码]"text"[代码][代码]>{{lat}}***{{lng}}</[代码][代码]cover-view[代码][代码]>[代码] [代码]</[代码][代码]map[代码][代码]>[代码] [代码]let mapCtx=[代码][代码]null[代码][代码];[代码][代码]Page({[代码][代码] [代码][代码]data: {[代码][代码] [代码][代码]lat: 0,[代码][代码] [代码][代码]lng: 0,[代码][代码] [代码][代码]markers:[][代码][代码] [代码][代码]},[代码][代码] [代码][代码]onLoad: [代码][代码]function[代码] [代码](options) {[代码][代码] [代码][代码]let that = [代码][代码]this[代码][代码];[代码][代码] [代码][代码]wx.getLocation({[代码][代码] [代码][代码]success: [代码][代码]function[代码] [代码](res) {[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]lat: res.latitude,[代码][代码] [代码][代码]lng: res.longitude,[代码][代码] [代码][代码]markers: [{[代码][代码] [代码][代码]id: 0,[代码][代码] [代码][代码]title: [代码][代码]'000'[代码][代码],[代码][代码] [代码][代码]latitude: res.latitude,[代码][代码] [代码][代码]longitude: res.longitude[代码][代码] [代码][代码]}][代码][代码] [代码][代码]});[代码][代码] [代码][代码]},[代码][代码] [代码][代码]});[代码][代码] [代码][代码]},[代码][代码] [代码][代码]onReady: [代码][代码]function[代码] [代码]() {[代码][代码] [代码][代码]mapCtx=wx.createMapContext([代码][代码]'map'[代码][代码], [代码][代码]this[代码][代码]);[代码][代码] [代码][代码]},[代码][代码] [代码][代码]moveMap(e){[代码][代码] [代码][代码]console.log(e)[代码][代码] [代码][代码]let that=[代码][代码]this[代码][代码];[代码][代码] [代码][代码]if[代码][代码](e.type===[代码][代码]'end'[代码][代码]){[代码][代码] [代码][代码]let markers=that.data.markers;[代码][代码] [代码][代码]mapCtx.getCenterLocation({[代码][代码] [代码][代码]success(res) {[代码][代码] [代码][代码]console.log(res)[代码][代码] [代码][代码]markers.push({[代码][代码] [代码][代码]id: 1,[代码][代码] [代码][代码]title: [代码][代码]'111'[代码][代码],[代码][代码] [代码][代码]latitude: res.latitude,[代码][代码] [代码][代码]longitude: res.longitude[代码][代码] [代码][代码]})[代码][代码] [代码][代码]that.setData({[代码][代码] [代码][代码]lat: res.latitude,[代码][代码] [代码][代码]lng: res.longitude,[代码][代码] [代码][代码]markers: markers[代码] [代码] [代码][代码]});[代码][代码] [代码][代码]console.log(that.data.markers)[代码][代码] [代码][代码]}[代码][代码] [代码][代码]})[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码][代码]})[代码]以上逻辑代码中,我将用户中心点作为markers标记点,移动地图后重新获取用户中心点并赋值中心点坐标和markers标记点,但是show-location坐标点并没有跟着产生变化 效果如下: [图片]
2018-01-29 - web-view网页隐藏部分模块失败
我在网页里面检测到是小程序环境,然后隐藏部分模块,在开发者工具上调试是成功的,用手机扫码预览,发现该模块还在。。 vue项目: 代码如下: [代码]//专门处理这种额外的情况,需要放在wx.ready方法体内的[代码][代码] [代码][代码]wxReady_cb(){[代码][代码] [代码][代码]//处理小程序内部情况[代码][代码] [代码][代码]//alert(window.__wxjs_environment === 'miniprogram');[代码][代码] [代码][代码]//console.log('在小程序环境内::'+(window.__wxjs_environment === 'miniprogram'));[代码][代码] [代码][代码]if[代码][代码](window.__wxjs_environment === [代码][代码]'miniprogram'[代码][代码]){[代码][代码] [代码][代码]that.hasAppNav=[代码][代码]false[代码][代码];[代码][代码] [代码][代码]that.showAppNav=[代码][代码]false[代码][代码];[代码][代码] [代码][代码]} [代码][代码] [代码][代码]}[代码][代码]<[代码][代码]wx-head[代码] [代码]id[代码][代码]=[代码][代码]"head"[代码] [代码]v-on:closeAppNav[代码][代码]=[代码][代码]"closeAppNav($event)"[代码] [代码]v-if[代码][代码]=[代码][代码]"showAppNav"[代码][代码]>[代码]wx-head[代码][代码]>[代码][代码] 开发者工具体现如下: [图片] 真机上预览: [图片]
2018-01-17 - 获取小程序码接口B生成的图片无法打开
我使用nodejs调试接口B生成小程序码,得到返回的数据后,调用fs.writeFile写入图片文件,但是本地图片打不开,提示“...此文件已损坏...”。代码如下: [图片]
2018-01-17 - 当小程序停止在后台的时候,可以继续播放语音
我使用wx.createInnerAudioContext实例来播放一段语音,但是当我小程序停在后台后,语音直接被停止了。 我是一进入小程序就开始播放,播放程序在onload上进行的。 1、有没有办法让语音播报继续不停止,除非程序设置停止? 2、当我使用耳机听取语音播报的时候,按耳机上的“播放/暂停键”会直接开启手机音乐的播放,有没有办法可以让耳机上的控制键直接控制的是小程序的语音播报的播放和暂停呢?
2018-01-10 - wx.getLocation和show-location定位点不符
正在开发路线规划模块,发展开发者工具未发现此类问题,到了真机上预览,观察到wx.getLocation的经纬度和show-location定位点的未知不符合。请问怎么解决? [图片] 真机上预览 [图片] 开发者工具上预览
2017-11-07