一步快速解決微信小程序中textarea層級太高遮擋其他組件
更新時間：2019年03月04日 11:16:57 作者：huobox
這篇文章主要給大家介紹了關于如何通過一步快速解決微信小程序中textarea層級太高遮擋其他組件問題的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
前言
由于小程序中的textarea組件是原生組件，而原生組件的層級是最高的，所以頁面中的其他組件無論設置 z-index 為多少，都無法蓋在原生組件上，造成輸入的文字會顯示在小程序其他組件上，如下圖所示：
<view class='bar bottomfix shadow justify-center'> <button class='' formType="submit" type="primary" style='font-size:12pt;border:0px;width:300px;'> 保 存</button> </view>
網(wǎng)上有一些繞彎路的解決辦法，其實小程序有一個直接解決原生組件覆蓋問題的辦法，就是使用cover-view，小程序為了解決原生組件層級最高的限制。小程序專門提供了 cover-view 和 cover-image 組件，可以覆蓋在部分原生組件上面。這兩個組件也是原生組件，但是使用限制與其他原生組件有所不同。
上方覆蓋部分改為如下即可：
<cover-view class='bar bottomfix shadow justify-center'> <button class='' formType="submit" type="primary" style='font-size:12pt;border:0px;width:300px;'> 保 存</button> </cover-view>
效果如下，動手試試吧！
到此就解決了遮蓋問題
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，如果有疑問大家可以留言交流，謝謝大家對腳本之家的支持。
相關文章
下面小編就為大家?guī)硪黄獪\談幾種常用的JS類定義方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
JavaScript實現(xiàn)網(wǎng)頁tab欄效果制作
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)網(wǎng)頁tab欄效果制作，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
這篇文章主要為大家詳細介紹了js實現(xiàn)飛機大戰(zhàn)小游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
這篇文章主要介紹了Javascript實現(xiàn)滾動圖片新聞的實例代碼。需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
這ES6允許為函數(shù)參數(shù)設置默認值，即直接寫在參數(shù)定義后面。下面篇文章主要介紹了ES6中參數(shù)默認值語法的相關資料，對大家具有一定的參考價值，需要的朋友下面來一起看看吧。2017-05-05
我最開始寫過一個富交互的頁面，其中的JavaScript代碼包含了很多html標簽2012-09-09
在網(wǎng)上搜索了下關于性能優(yōu)化方面的內容，現(xiàn)簡單整理可供大家在優(yōu)化過程中使用，感興趣的額朋友可以了解下2013-08-08
本文主要介紹了Javascript事件對象的相關實例。具有一定的參考價值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要為大家詳細介紹了通過JS調用某段SQL語句的相關方法,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
JavaScript Map實現(xiàn)原理與底層結構詳解
哈希表（也稱為哈希表）是一種基于鍵直接訪問內存存儲位置的數(shù)據(jù)結構。也就是說，它通過計算一個鍵值函數(shù)來加速查找，該函數(shù)將要查詢的數(shù)據(jù)映射到表中的某個位置。該映射函數(shù)稱為散列函數(shù)，記錄數(shù)組稱為散列表2022-09-09