微信小程序自定義tabbar custom-tab-bar 6s出不來(lái)解決方案(cover-view不兼容)
更新時(shí)間：2019年11月01日 09:27:38 作者：曾經(jīng)的水哥
這篇文章主要介紹了微信小程序自定義tabbar custom-tab-bar 6s出不來(lái)解決方案，cover-view不兼容問(wèn)題,需要的朋友可以參考下
微信小程序自定義tabbar custom-tab-bar 6s出不來(lái)解決方案，cover-view不兼容,具體內(nèi)容如下所示：
1.從微信小程序的官網(wǎng)扣下來(lái)的demo，實(shí)際測(cè)試中，發(fā)現(xiàn)6s ios10 系統(tǒng)不兼容，里面的內(nèi)容出不來(lá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沒(méi)出來(lái)
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出不來(lái)解決方案(cover-view不兼容),希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
您可能感興趣的文章:
相關(guān)文章
javascript 中select框觸發(fā)事件過(guò)程的分析
這篇文章主要介紹了javascript 中select框觸發(fā)事件過(guò)程的分析的相關(guān)資料,這里對(duì)select 觸發(fā)過(guò)程進(jìn)行了深入分析，幫助大家理解這部分內(nèi)容，需要的朋友可以參考下2017-08-08
淺談Javascript實(shí)現(xiàn)繼承的方法
本文給大家簡(jiǎn)單介紹了下如何在javascript中實(shí)現(xiàn)繼承的幾種方法，十分的實(shí)用，有需要的小伙伴可以參考下。2015-07-07
這篇文章主要幫助大家理解javascript定時(shí)器中的單線程，感興趣的小伙伴們可以參考一下2016-02-02
JavaScript實(shí)現(xiàn)圖片輪播的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)圖片輪播的方法,使用純javascript實(shí)現(xiàn)圖片輪播切換的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
毫秒轉(zhuǎn)時(shí)間的方法有很多，在本文將為大家介紹下js中是如何實(shí)現(xiàn)的，感興趣的朋友可以參考下2013-09-09
這篇文章主要為大家詳細(xì)介紹了JavaScript仿flash遮罩動(dòng)畫效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-06-06
JS中關(guān)于事件處理函數(shù)名后面是否帶括號(hào)的問(wèn)題
JS中的事件處理（事件綁定）就是讓某種或某些事件觸發(fā)某些活動(dòng)。有兩種常見的形式，分別是DOM Level 0 和DOM Level 2。今天總結(jié)一個(gè)關(guān)于事件處理程序的小細(xì)節(jié)。感興趣的朋友一起學(xué)習(xí)吧2016-11-11
在 JavaScript 中，Symbol用于表示獨(dú)一無(wú)二的標(biāo)識(shí)符，它是 ECMAScript 6引入的一個(gè)新特性，本文介紹了JS中的symbol的特點(diǎn)和用法,需要的朋友可以參考下2023-06-06
js實(shí)現(xiàn)下一頁(yè)頁(yè)碼效果
本文主要介紹了js實(shí)現(xiàn)下一頁(yè)頁(yè)碼效果的實(shí)例，具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03
在javascript中申明變量使用的關(guān)鍵字都是var，這點(diǎn)與其他的編程語(yǔ)言不盡相同，但是javascript亦含有五種基本的數(shù)據(jù)類型（也可以說(shuō)是簡(jiǎn)單數(shù)據(jù)類型），它們分別是：Undefined，Null，Boolean，Number和String。還含有一種復(fù)雜數(shù)據(jù)類型—Object。這里我們不談復(fù)雜數(shù)據(jù)類型2015-08-08