微信小程序自定義tabbar custom-tab-bar 6s出不來解決方案(cover-view不兼容)
微信小程序自定義tabbar custom-tab-bar 6s出不來解決方案，cover-view不兼容,具體內(nèi)容如下所示：
1.從微信小程序的官網(wǎng)扣下來的demo，實(shí)際測試中，發(fā)現(xiàn)6s ios10 系統(tǒng)不兼容，里面的內(nèi)容出不來
<cover-view class="tab-bar">
<cover-view class="tab-bar-border"></cover-view>
<cover-view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
<cover-image src="{{item.checked ? item.selectedIconPath : item.iconPath}}" ></cover-image>
<cover-view >{{item.text}}</cover-view>
</cover-view>
</cover-view>
2.實(shí)際效果如下： 底部的tabbar沒出來
3.把 cover-view 改成 view 把 cover-image 改成 image 標(biāo)簽
<view class="tab-bar">
<view class="tab-bar-border"></view>
<view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
<image src="{{item.checked ? item.selectedIconPath : item.iconPath}}" ></image>
<view >{{item.text}}</view>
</view>
</view>
4. 記得把你的css 樣式也改一下啊 默認(rèn)的 class 有cover-view cover-image
5.現(xiàn)在的效果如下
總結(jié)
以上所述是小編給大家介紹的微信小程序自定義tabbar custom-tab-bar 6s出不來解決方案(cover-view不兼容),希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！
相關(guān)文章
WebUploader是由Baidu WebFE(FEX)團(tuán)隊(duì)開發(fā)的一個簡單的以HTML5為主，F(xiàn)LASH為輔的現(xiàn)代文件上傳組件。這篇文章主要為大家詳細(xì)介紹了Web Uploader文件上傳插件使用方法，感興趣的小伙伴們可以參考一下2016-05-05
JavaScript中數(shù)組slice和splice的對比小結(jié)
相信對很多學(xué)習(xí)JavaScript語言的人來說，都會經(jīng)常搞不清slice和splice這兩個方法。它們雖然名稱相似，但是功能卻完全不同。所以這篇文章就給大家詳細(xì)整理了關(guān)于JavaScript中數(shù)組slice和splice的對比，有需要的可以參考學(xué)習(xí)。2016-09-09
js unicode 編碼解析關(guān)于數(shù)據(jù)轉(zhuǎn)換為中文的兩種方法
這篇文章主要介紹了js unicode 編碼解析關(guān)于數(shù)據(jù)轉(zhuǎn)換為中文的兩種方法,需要的朋友可以參考下2014-04-04
泛型程序設(shè)計(jì)(generic programming)是程序設(shè)計(jì)語言的一種風(fēng)格或范式,下面這篇文章主要給大家介紹了關(guān)于TypeScript中泛型使用的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-11-11
weex slider實(shí)現(xiàn)滑動底部導(dǎo)航功能
這篇文章主要為大家詳細(xì)介紹了weex slider實(shí)現(xiàn)滑動底部導(dǎo)航功能，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-08-08
JavaScript?進(jìn)階問題列表(各種js代碼段66-107)
從基礎(chǔ)到進(jìn)階,測試你有多了解?JavaScript,刷新你的知識,或者幫助你的?coding?面試！?:muscle:?:rocket:?我每周都會在這個倉庫下更新新的問題,2024-11-11
JS短信驗(yàn)證碼倒計(jì)時功能的實(shí)現(xiàn)（沒有驗(yàn)證碼，只有倒計(jì)時）
最近接了個項(xiàng)目，其中有這樣的需求：當(dāng)用戶想要獲取驗(yàn)證碼時，就點(diǎn)擊免費(fèi)獲取驗(yàn)證碼 ，然后開始倒計(jì)時，倒計(jì)時期間按鈕文字為剩余時間x秒，且不可按狀態(tài)，倒計(jì)時結(jié)束后，按鈕更改為點(diǎn)擊重新發(fā)送，下面給大家分享js短信驗(yàn)證碼倒計(jì)時實(shí)現(xiàn)代碼2016-10-10
JavaScript實(shí)現(xiàn)鼠標(biāo)經(jīng)過表格某行時此行變色
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)鼠標(biāo)經(jīng)過表格某行時此行變色，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
JavaScript的數(shù)據(jù)類型轉(zhuǎn)換原則(干貨)
JavaScript是一門弱類型（或稱動態(tài)類型）的語言，即變量的類型是不確定的。下面通過本文給大家分享javascript數(shù)據(jù)類型轉(zhuǎn)換小結(jié)，包括顯示轉(zhuǎn)換的數(shù)據(jù)類型和隱式的數(shù)據(jù)類型轉(zhuǎn)換，感興趣的朋友跟隨腳本一起看看吧2018-03-03
基于cornerstone.js的dicom醫(yī)學(xué)影像查看瀏覽功能
這篇文章主要介紹了基于cornerstone.js的dicom醫(yī)學(xué)影像查看瀏覽功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-07-07