小程序开发中遇到的问题

Posted 2020-11-22 puerile

一、小程序自带image标签必须要带宽度，不能做到宽度自适应，只能高度自适应。

解决方法：1. 使用mode: widthFix缩放，此时需要获取此位置放置的所有图片中的最小宽度，将大图片按照宽高比缩小，放置在此位置。但是前提是所有图片的宽高比例相同，才能保证图片按照比例缩放填进来之后不失真。
2. 图片宽高固定，使用mode: scaleToFill，使得图片在此块位置里面自适应，填满整个位置。如果设计在此位置设计的图片大小不一，就很容易出现失真的现象，所以设计最好设置的图片大小一致。

 

二、在没有获取用户授权时展示用户头像昵称

可以通过open-data设置合法的type值展示微信开放的数据。

 

三、video组件播放视频在有些机型（iphone 7plus）播放出现卡顿

添加custom-cache="{{false}}"属性，该属性为不使用自定义缓存。出现卡顿现象可能是因为微信设置的自定义缓存的位置有容量限制，因此将它关闭了以后会自动使用系统缓存，可能就没有这个问题了。

 

四、taro引入外部字体图标报错：Failed to load local font resource /assets/fonts/iconfont.ttf

修改配置文件夹下面的index.js里面的weapp配置项里面的limit大小(调整转换尺寸上限)。

 

五、微信文件预览智能预览临时路径

先downloadFile将文件下载到本地再进行文件预览(downloadFile需要配置合法域名)。

 

六、打开分享卡片获取不到shareTicket

在分享页面设置withShareTicket: true，在app.js中可以获取shareTicket。

componentDidShow() {
  console.log(‘shareticket‘, this.$router.params) // {}
}