- api wx.previewImage() 图片预览无法显示
需求:一个图文列表,点击图片预览 图片的链接是 http 协议的 url 出现问题的机型 华为 荣耀9 回调函数中log,success 和complete 都执行, [代码]<[代码][代码]image[代码] [代码]src[代码][代码]=[代码][代码]'{{imglist[0]}}'[代码] [代码]catchtap[代码][代码]=[代码][代码]'lookImg'[代码] [代码]data-thisimg[代码][代码]=[代码][代码]"{{imglist[1]}}"[代码] [代码]data-imggroup[代码][代码]=[代码][代码]"{{imglist}}"[代码] [代码]></[代码][代码]image[代码][代码]>[代码] [代码]data: {[代码][代码] [代码][代码]imglist: [[代码][代码] [代码][代码]'http://t12.baidu.com/it/u=4211007827,933461370&fm=173&app=25&f=JPEG?w=640&h=427&s=10D9296C885A9C5F5FF01909010070C3'[代码][代码],[代码][代码] [代码][代码]'http://t10.baidu.com/it/u=1798949391,3175412965&fm=173&app=25&f=JPEG?w=640&h=335&s=8D82A654CE210D2000BF32DA0300108C'[代码][代码] [代码][代码]],[代码][代码] [代码][代码]},[代码][代码] [代码][代码]lookImg: [代码][代码]function[代码] [代码](e) {[代码][代码] [代码][代码]console.log(e.currentTarget.dataset.thisimg);[代码][代码] [代码][代码]console.log(e.currentTarget.dataset.imggroup);[代码][代码] [代码][代码]wx.previewImage({[代码][代码] [代码][代码]current: e.currentTarget.dataset.thisimg, [代码][代码]// 当前显示图片的http链接[代码][代码] [代码][代码]urls: e.currentTarget.dataset.imggroup, [代码][代码]// 需要预览的图片http链接列表[代码][代码] [代码][代码]fail: [代码][代码]function[代码] [代码]() {[代码][代码] [代码][代码]console.log([代码][代码]'img load fai'[代码][代码]);[代码][代码] [代码][代码]},[代码][代码] [代码][代码]success: [代码][代码]function[代码] [代码]() {[代码][代码] [代码][代码]console.log([代码][代码]'img load success'[代码][代码]);[代码][代码] [代码][代码]},[代码][代码] [代码][代码]complete: [代码][代码]function[代码] [代码]() {[代码][代码] [代码][代码]console.log([代码][代码]'img load complete'[代码][代码]);[代码][代码] [代码][代码]}[代码][代码] [代码][代码]})[代码][代码] [代码][代码]},[代码]
2018-07-20 - 【BUG】小程序web-view和微信浏览器的cookie互相干扰
如标题 小程序web-view和微信浏览器从业务上来说应该是完全独立不相同的,但是现在web-view和微信浏览器的cookie是共通的,这样就会互相干扰,请官方修复,谢谢
2018-07-20 - 请问下官方人员这样做是否属于诱导分享
求官方的人员回复下这个是否属于诱导分享 能不能也可以这样做? 小程序名字: 蜂潮限量专区 进入小程序点击左下角提交信息参与活动后,查看的时候可以看到提示转发好友抽奖获得更多抽奖码 [图片]
2018-07-19 - 为什么动态加载字体模拟器上显示 真机上不显示 老板说今天搞不定 明天就别来了
[图片] [图片] [图片][图片] [图片] 官方出来解答下 基础库是2.2.0 最新的
2018-07-16 - 微信公众号网页分享功能调整
官方文档和公告中提出微信公众号的 wx.onMenuShareAppMessage wx.onMenuShareTimeline 两个分享接口即将废弃,但是我没有找到新版的接口文档,请问新版调用分享如何实现。
2018-07-09 - 微信小程序底层更新为什么这么乱来,这么不规范,这么随意、还能在打脸一点吗?
[图片] 今天突然分享不行了。因为这一行代码、这一行代码 我为什么写呢、 因为事件触发调用函数传递的参数option 以前一直是一个对象、 今天突然报错 ,期间一直没改动任何代码、 调试一看 option 变成数组了。 [图片] 这是神马情况啊。你们更新小程序底层也太随意了一点吧,能不能严谨一点。这个直接影响到已发布的小程序了。
2018-07-06 - this.setDate不渲染问题
<view class="flex box box-lr" style='background-color: #eee;'> <scroll-view class="flex groups box box-tb" scroll-y="true" scroll-into-view="{{scrollIntoView}}"> <block wx:for="{{groups}}" wx:for-item="group"> <view class="flex" id="{{group.groupName}}"> <view class="group-name">{{group.groupName}}</view> <view class="flex group-users"> <view wx:for="{{group.users}}" wx:for-item="user" wx:for-index="idx" class="user box box-lr"> <view> <checkbox></checkbox> </view> <view class="flex user-name">{{user.name}}</view> </view> </view> </view> </block> </scroll-view> <view class="nav box box-tb" bindtouchmove="touchmove" bindtouchcancel="touchcancel" bindtouchend="touchend"> <view bindtap="tabLetter" data-index="{{item}}" wx:for="{{letters}}" class="flex box box-align-center box-pack-center letter"> <text class="letter-text {{selected == item ? 'letter-actived' : ''}}">{{item}}</text> </view> </view> </view> ------------------------------js代码 onLoad: function (options) { const res = wx.getSystemInfoSync(), letters = this.data.letters; // 设备信息 this.setData({ windowHeight: res.windowHeight, windowWidth: res.windowWidth, pixelRatio: res.pixelRatio }); // 第一个字母距离顶部高度,css中定义nav高度为94%,所以 *0.94 const navHeight = this.data.windowHeight * 0.94, // eachLetterHeight = navHeight / 26, comTop = (this.data.windowHeight - navHeight) / 2, temp = []; this.setData({ eachLetterHeight: eachLetterHeight }); // 求各字母距离设备左上角所处位置 for (let i = 0, len = letters.length; i < len; i++) { const x = this.data.windowWidth - (10 + 50) / this.data.pixelRatio, y = comTop + (i * eachLetterHeight); temp.push([x, y]); } this.setData({ lettersPosition: temp }) }, tabLetter(e) { const index = e.currentTarget.dataset.index; //this.data.selected = index; //this.data.scrollIntoView = index; console.log(this); this.setData({ selected: index, scrollIntoView: index }) this.cleanAcitvedStatus(); }, // 清除字母选中状态 cleanAcitvedStatus() { setTimeout(() => { this.setData({ selected: 0 }) }, 500); }, touchmove(e) { const x = e.touches[0].clientX, y = e.touches[0].clientY, lettersPosition = this.data.lettersPosition, eachLetterHeight = this.data.eachLetterHeight, letters = this.data.letters; // 判断触摸点是否在字母导航栏上 if (x >= lettersPosition[0][0]) { for (let i = 0, len = lettersPosition.length; i < len; i++) { // 判断落在哪个字母区域,取出对应字母所在数组的索引,根据索引更新selected及scroll-into-view的值 const _y = lettersPosition[i][1], // 单个字母所处高度 __y = _y + eachLetterHeight; // 单个字母最大高度取值范围 if (y >= _y && y <= __y) { this.setData({ selected: letters[i], scrollIntoView: letters[i] }); break; } } } } 这是可以的代码,但我在wxml的代码里最外层嵌套了一层view标签,就不重新渲染页面了,求解
2018-07-05 - 关于web-view的指向一个商场的问题
我现在有一个h5的商城网站, 可不可以通过小程序的一个web-view直接指向这个h5网站呢? 里面购买的相关流程会不会受限啊?
2018-07-04 - cover-view 出现 background 无法覆盖 padding 区域
[代码]<[代码][代码]cover-view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]cover-view[代码] [代码]style[代码][代码]=[代码][代码]"width: 80vw; height: 20vh; padding: 5vw; background: red;"[代码][代码]></[代码][代码]cover-view[代码][代码]>[代码][代码]</[代码][代码]cover-view[代码][代码]>[代码]嵌套的 cover-view background 只能渲染到 content-box 上。设置 background-origin 与 background-size 无法解决此问题。 该问题在开发者工具上不出现,只在手机端出现,iOS 与 android 都有问题。
2018-06-29