微信小程序開發問答《七十二》sticky header 效果 & 自定義 imageUrl
發表時(shí)間:2021-4-30
發布人(rén):融晨科技
浏覽次數:132
就(jiù)像 iOS 的(de)列表一樣,上(shàng)滑的(de)時(shí)候每個(gè) section 的(de) header 固定,直到(dào)滾動到(dào)下一個(gè) section 的(de)時(shí)候下一個(gè) header 把上(shàng)一個(gè) header「頂走」。
類似 https://codepen.io/chrissp26/...
鑒于(yú)小程序沒有 DOM 相關 API,不(bù)知道(dào)如何實現這(zhè)種效果。
Update: 我看到(dào)京東小程序的(de)首頁有類似效果,所以(yǐ)理論上(shàng)是(shì)可以(yǐ)做到(dào)的(de)?另,非回答類的(de)回複請直接在(zài)問題下評論,不(bù)要(yào / yāo)開回答。
答:(1)1.4.0 小程序開始有 WXML節點信息的(de)API,可以(yǐ)通過這(zhè)個(gè)來(lái)進行操作。裏面有一個(gè)boundingClientRect
不(bù)正是(shì)可以(yǐ)利用的(de)API?https://mp.weixin.qq.com/debu...
(2)微信小程序是(shì)個(gè)相對封閉的(de)開發環境,不(bù)允許加載第三方插件。所以(yǐ)如果想實現插件效果,要(yào / yāo)麽就(jiù)是(shì)看插件源碼,理解了(le/liǎo)原理後,通過原生方法模拟出(chū)來(lái)。
(3)既然微信小程序支持 js,可以(yǐ)自己參考其他(tā) js 插件寫一個(gè)
2、微信小程序video如何在(zài)未播放前獲取時(shí)長?
小程序的(de)bindtimeupdate可以(yǐ)獲取時(shí)長,但必須視頻進度有變動才可以(yǐ)。
答:如果是(shì)自己上(shàng)傳的(de)視頻,可以(yǐ)給這(zhè)個(gè)視頻對象一個(gè)表示時(shí)長的(de)字段,時(shí)長自己錄入。獲取時(shí)長的(de)時(shí)候就(jiù)去取這(zhè)個(gè)字段的(de)值。
3、微信小程序轉發 自定義 imageUrl 無效
在(zài)微信小程序裏要(yào / yāo)實現轉發分享功能,自定義了(le/liǎo)個(gè)imageUrl ,但是(shì)在(zài)手機上(shàng)還是(shì)無效?
我的(de)代碼如下:
onShareAppMessage: function (res) {
return {
title: '我的(de)title',
path: '/pages/index/index?id=123',
imageUrl: '/images/share-img.jpg', //這(zhè)是(shì)我的(de)圖片路徑
success: function(res){
//轉發成功
}
}
}
這(zhè)個(gè)imageUrl打印出(chū)的(de)路徑,是(shì)指向我從相冊裏面選中的(de)文件的(de),但是(shì)轉發後看到(dào)的(de)仍然是(shì)當前頁的(de)縮略圖,大(dà)神求解?
答:imageUrl基礎庫1.5.0之(zhī)後才有,你有麽有分析過是(shì)否是(shì)這(zhè)個(gè)問題?
如果你的(de)回調都沒問題的(de)話,是(shì)需要(yào / yāo)找找這(zhè)方面的(de)問題,或者放一張網絡圖片路徑試試
你設置轉發success
回調,能否觸發回調?标題什麽的(de)都是(shì)正确的(de)嗎?圖片别用本地(dì / de)的(de)去試試。