uniapp + uview1 小程序开发中遇到的问题记录

1.字体包引入
问题:
封装引入字体包,使用uni.loadFontFace效果是有的,但是有问题:首次进入页面时,会先展示默认字体,半秒左右切换至自定义字体,
解决:使用@font-face引入静态资源。
2.uniapp分页
问题:
uniapp分页时,小程序自带的onReachBottom触底方法总是不灵敏,设置onReachBottomDistance(距离底部距离)也无效。后来百度发现:小程序的触底事件不能在350ms之内频繁触发 也就是说它有350ms的频率限制。
解决:使用scroll-view,注意设置upper-threshold,距顶部/左边多远时,触发scrolltoupper 事件,否则不是很灵敏。
//eg:
<scroll-view scroll-y :upper-threshold=“200” scroll-anchoring @scrolltolower=“reachBottom”>
复制代码
4.uview中的针对u-upload组建的封装
问题1:
on-list-change事件,虽然是当内部文件列表被加入文件、移除文件,或手动调用clear方法时触发,但是实际使用中无法准确的获取到图片的真实路径。
解决:
分别在on-succes和on-remove中获取到图片的真实路径,然后 e m i t 该文件列表,供父组建使用。问题 2 : f i l e − l i s t 功能是显示预置的图片,但当页面不是首次进入时渲染,而是通过某个操作(例如点击),让预置的图片发生改变,不能通过使用 w a c t h 来监听 f i l e − l i s t 来实现,会导致数据是变了,但页面没有重新渲染,还是原来的老图片。解决:通过操作 r e f 先来实现清空, t h i s . emit该文件列表,供父组建使用。 问题2: file-list功能是显示预置的图片,但当页面不是首次进入时渲染,而是通过某个操作(例如点击),让预置的图片发生改变,不能通过使用wacth来监听file-list来实现,会导致数据是变了,但页面没有重新渲染,还是原来的老图片。 解决: 通过操作ref先来实现清空,this. emit该文件列表,供父组建使用。问题2:filelist功能是显示预置的图片,但当页面不是首次进入时渲染,而是通过某个操作(例如点击),让预置的图片发生改变,不能通过使用wacth来监听filelist来实现,会导致数据是变了,但页面没有重新渲染,还是原来的老图片。解决:通过操作ref先来实现清空,this.refs.lunchPic(自定义的ref名字).clear(),然后再重新赋值。
5.uniapp 在小程序中,input输入框样式
问题:无法对输入框设置字体样式,以及字体粗细和字体大小,都看起来很别扭,无法满足UI效果。
解决:目前没找到解决方案, 解决方案在h5中很有效,在小程序中无效。
6.小程序中,iphone手机刘海屏问题
解决:添加env(safe-area-inset-bottom)

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

JackieChan_

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值