微信小程序開發問答《七十二》sticky header 效果 & 自定義 imageUrl - 新聞資訊 - 雲南小程序開發|雲南軟件開發|雲南網站建設-昆明融晨信息技術有限公司

159-8711-8523

雲南網建設/小程序開發/軟件開發

知識

不(bù)管是(shì)網站,軟件還是(shì)小程序,都要(yào / yāo)直接或間接能爲(wéi / wèi)您産生價值,我們在(zài)追求其視覺表現的(de)同時(shí),更側重于(yú)功能的(de)便捷,營銷的(de)便利,運營的(de)高效,讓網站成爲(wéi / wèi)營銷工具,讓軟件能切實提升企業内部管理水平和(hé / huò)效率。優秀的(de)程序爲(wéi / wèi)後期升級提供便捷的(de)支持!

您當前位置>首頁 » 新聞資訊 » 小程序相關 >

微信小程序開發問答《七十二》sticky header 效果 & 自定義 imageUrl

發表時(shí)間:2021-4-30

發布人(rén):融晨科技

浏覽次數:132

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

就(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)去試試。


相關案例查看更多