微信小程序开发问答《七十二》sticky header 效果 & 自定义 imageUrl - 新闻资讯 - 云南小程序开发|云南软件开发|云南网站建设-昆明葵宇信息科技有限公司

159-8711-8523

云南网建设/小程序开发/软件开发

知识

不管是网站,软件还是小程序,都要直接或间接能为您产生价值,我们在追求其视觉表现的同时,更侧重于功能的便捷,营销的便利,运营的高效,让网站成为营销工具,让软件能切实提升企业内部管理水平和效率。优秀的程序为后期升级提供便捷的支持!

您当前位置>首页 » 新闻资讯 » 小程序相关 >

微信小程序开发问答《七十二》sticky header 效果 & 自定义 imageUrl

发表时间:2021-4-30

发布人:葵宇科技

浏览次数:79

1、微信小程序列表能否实现 sticky header 效果?

就像 iOS 的列表一样,上滑的时候每个 section 的 header 固定,直到滚动到下一个 section 的时候下一个 header 把上一个 header「顶走」。

类似 https://codepen.io/chrissp26/...

鉴于小程序没有 DOM 相关 API,不知道如何实现这种效果。

Update: 我看到京东小程序的首页有类似效果,所以理论上是可以做到的?另,非回答类的回复请直接在问题下评论,不要开回答。

答:(1)1.4.0 小程序开始有 WXML节点信息的API,可以通过这个来进行操作。里面有一个boundingClientRect 不正是可以利用的API?https://mp.weixin.qq.com/debu...

(2)微信小程序是个相对封闭的开发环境,不允许加载第三方插件。所以如果想实现插件效果,要么就是看插件源码,理解了原理后,通过原生方法模拟出来。

(3)既然微信小程序支持 js,可以自己参考其他 js 插件写一个


2、微信小程序video如何在未播放前获取时长?

小程序的bindtimeupdate可以获取时长,但必须视频进度有变动才可以。

答:如果是自己上传的视频,可以给这个视频对象一个表示时长的字段,时长自己录入。获取时长的时候就去取这个字段的值。


3、微信小程序转发 自定义 imageUrl 无效

在微信小程序里要实现转发分享功能,自定义了个imageUrl ,但是在手机上还是无效?
我的代码如下:
onShareAppMessage: function (res) {

return {
  title: '我的title',
  path: '/pages/index/index?id=123',
  imageUrl: '/images/share-img.jpg', //这是我的图片路径
  success: function(res){
    //转发成功
  }
}

}

这个imageUrl打印出的路径,是指向我从相册里面选中的文件的,但是转发后看到的仍然是当前页的缩略图,大神求解?

答:imageUrl基础库1.5.0之后才有,你有么有分析过是否是这个问题?

如果你的回调都没问题的话,是需要找找这方面的问题,或者放一张网络图片路径试试


你设置转发success回调,能否触发回调?标题什么的都是正确的吗?图片别用本地的去试试。


相关案例查看更多