- iOS引入外部字体显示问题
在小程序中引入外部字体,并格式化。css如下: [代码] [代码] [代码] @font-face {[代码] [代码] [代码][代码]font-family[代码][代码]: [代码][代码]'PMZD'[代码][代码];[代码][代码] [代码][代码]src[代码][代码]: [代码][代码]url[代码][代码]([代码][代码]'http://ofvbasfrz.bkt.clouddn.com/guessSongApp/fonts/PMZD.woff2'[代码][代码]) [代码][代码]format[代码][代码]([代码][代码]'woff2'[代码][代码]),[代码][代码] [代码][代码]url[代码][代码]([代码][代码]'http://ofvbasfrz.bkt.clouddn.com/guessSongApp/fonts/PMZD.ttf'[代码][代码]) [代码][代码]format[代码][代码]([代码][代码]'ttf'[代码][代码]),[代码][代码] [代码][代码]url[代码][代码]([代码][代码]'http://ofvbasfrz.bkt.clouddn.com/guessSongApp/fonts/PMZD.eot'[代码][代码]) [代码][代码]format[代码][代码]([代码][代码]'eot'[代码][代码]),[代码][代码] [代码][代码]url[代码][代码]([代码][代码]'http://ofvbasfrz.bkt.clouddn.com/guessSongApp/fonts/PMZD.woff'[代码][代码]) [代码][代码]format[代码][代码]([代码][代码]'woff'[代码][代码]);[代码][代码] [代码][代码]font-weight[代码][代码]: [代码][代码]normal[代码][代码];[代码][代码] [代码][代码]font-style[代码][代码]: [代码][代码]normal[代码][代码];[代码][代码] [代码][代码]}[代码] 但仅在安卓端能正常显示,iOS全挂。 在google荡了一圈,没找到解决方案,有朋友知道原因么? anyway, thank you my friend.
2018-10-11 - 兼容问题:wx:for渲染列表时在iPhone X出现重复数据
有朋友遇到wx:for渲染的列表在iPhone X上面会出现重复渲染最后一条数据的问题吗? 使用工具: wepy 1.7.2 问题简介: 在页面来回切换过程中才会出现,且目前只在iPhone X上发现(见附1); 接口返回的数据没问题,但是渲染时只渲染接口返回的数据中的最后一条。 排查过程: 尝试使用onHide() 和 onUnload()在页面切换时将渲染的数组清空,但这样又出现了新的问题,渲染出来的图片会花屏(见附2); 尝试去掉animate.css动画,仍然出现; 尝试将background-image改为绝对布局的image,仍然出现。 涉及的代码: wxml: [代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"albumChoiceOuter"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]scroll-view[代码] [代码]upper-threshold[代码][代码]=[代码][代码]"50"[代码] [代码]scroll-y [代码][代码]bindscrolltolower[代码][代码]=[代码][代码]"imLower"[代码] [代码]bindscrolltoupper[代码][代码]=[代码][代码]"scrollUp"[代码] [代码]class[代码][代码]=[代码][代码]"albumChoice box"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]wx:if[代码][代码]=[代码][代码]"{{albumList.length!=0}}"[代码] [代码]wx:for[代码][代码]=[代码][代码]"{{albumList}}"[代码] [代码]catchtap[代码][代码]=[代码][代码]"jumpToGuess({{item}})"[代码] [代码]wx:key[代码][代码]=[代码][代码]"index"[代码] [代码]class[代码][代码]=[代码][代码]"albumLine box"[代码] [代码]style[代码][代码]=[代码][代码]"background-image: url('{{item.bg_img}}')"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"topBox"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"topTitle"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]text[代码] [代码]class[代码][代码]=[代码][代码]"albumName"[代码][代码]>{{item.name}}</[代码][代码]text[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]text[代码] [代码]class[代码][代码]=[代码][代码]"albumDesc"[代码][代码]>{{item.description}}</[代码][代码]text[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"line"[代码][代码]></[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"bottomBox"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]class[代码][代码]=[代码][代码]"block left"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]text[代码] [代码]class[代码][代码]=[代码][代码]"scoreName"[代码][代码]>最好成绩</[代码][代码]text[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]text[代码] [代码]class[代码][代码]=[代码][代码]"scoreValue"[代码][代码]>{{item.max}}</[代码][代码]text[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]view[代码] [代码]catchtap[代码][代码]=[代码][代码]"jumpToRank({{item.id}})"[代码] [代码]class[代码][代码]=[代码][代码]"block right"[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]text[代码] [代码]class[代码][代码]=[代码][代码]"scoreName"[代码][代码]>挑战次数</[代码][代码]text[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]text[代码] [代码]class[代码][代码]=[代码][代码]"scoreValue"[代码][代码]>{{item.count}}</[代码][代码]text[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]scroll-view[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]text[代码] [代码]wx:if[代码][代码]=[代码][代码]"{{isSlided==false}}"[代码] [代码]class[代码][代码]=[代码][代码]"slideTips"[代码][代码]>滑动还有更多哦!</[代码][代码]text[代码][代码]>[代码][代码] [代码][代码]<[代码][代码]text[代码] [代码]wx:else [代码][代码]class[代码][代码]=[代码][代码]"slideTips"[代码][代码]>到底啦</[代码][代码]text[代码][代码]>[代码][代码] [代码][代码]</[代码][代码]view[代码][代码]>[代码] js: [代码]getIndex() {[代码][代码] [代码][代码]wepy.showLoading({[代码][代码] [代码][代码]title: [代码][代码]'加载中...'[代码][代码], [代码][代码]//提示的内容,[代码][代码] [代码][代码]mask: [代码][代码]true[代码][代码], [代码][代码]//显示透明蒙层,防止触摸穿透,[代码][代码] [代码][代码]success: res => {}[代码][代码] [代码][代码]});[代码][代码] [代码][代码]api.getIndex({[代码][代码] [代码][代码]openid: [代码][代码]this[代码][代码].userInfo.openid,[代码][代码] [代码][代码]page: 1,[代码][代码] [代码][代码]/* 第几页歌单,默认1 */[代码][代码] [代码][代码]page_size: 100,[代码][代码] [代码][代码]/* 每页多少歌单,默认10 */[代码][代码] [代码][代码]// game_type: 2,[代码][代码] [代码][代码]}).then((result) => {[代码][代码] [代码][代码]console.log(result)[代码][代码] [代码][代码]if[代码] [代码](result.errorCode == 0) {[代码][代码] [代码][代码]setTimeout(()=>{[代码][代码] [代码][代码]this[代码][代码].albumList = result.data.song_list[代码][代码] [代码][代码]this[代码][代码].$apply()[代码][代码] [代码][代码]}, 10)[代码] wepy.hideToast(); [代码] [代码][代码]}[代码][代码] [代码][代码]}).[代码][代码]catch[代码][代码](err=>{[代码][代码] [代码][代码]console.log(err)[代码][代码] [代码][代码]})[代码][代码]}[代码] 附1: [图片] 附2: [图片] 正常渲染时: [图片]
2018-09-17