輕松建站 服務(wù)到位為客戶提供一體化網(wǎng)站設(shè)計(jì)服務(wù)
小程序開發(fā)全功能小程序商城、開發(fā)定制服務(wù)、全程售后服務(wù)、無憂備案
分享、交流、傳播知識(shí)分享、技術(shù)交流、經(jīng)驗(yàn)積累、提升能力
在開發(fā)微信小程序商品頁頂部圖片與視頻輪播時(shí)遇到的坑，以及解決方法。
首先微信小程序商品頂部一般是圖片輪播，然而當(dāng)下視頻非?；穑曰緯?huì)給每個(gè)商品錄制視頻，這樣產(chǎn)品輪播圖里就會(huì)帶視頻，首先看UI的效果圖：
第一屏是在swiper組件中放視頻元素，其他的為圖片輪播，如果不放視頻的話一般采用自動(dòng)輪播也就是autoplay參數(shù)為ture,然后給視頻添加切換輪播圖停止事件，這樣就不能采用自動(dòng)輪播功能了，所以把a(bǔ)utoplay參數(shù)設(shè)置為false，如下：
autoplay="false"
但是這樣設(shè)置后竟然無效，以為是開發(fā)工具的BUG，在真機(jī)上測(cè)試也是如此，然后調(diào)試了各類方法，發(fā)現(xiàn)原來autoplay參數(shù)如果設(shè)置false是要另一種寫法，{{false}}，這樣才有效果，代碼如下：
autoplay="{{false}}"
這樣寫應(yīng)該是和JS里的變量關(guān)聯(lián)才對(duì)呢，所以這個(gè)還是有點(diǎn)一頭霧水，但好在能解決就可以，所以在微信小程序以后開發(fā)中切記，像這種就直接在js文件中用變量去控制了。
