前言

我們提供的服務有：成都做網(wǎng)站、成都網(wǎng)站制作、微信公眾號開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認證、隴西ssl等。為上1000+企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務，是有科學管理、有技術(shù)的隴西網(wǎng)站制作公司

說起微信小程序的map組件，可以說是良心之作了，一個組件解決了所以接入地圖的所有麻煩，但是在實際小程序的試用過程中還是存在點問題的。

如下情景：

剛開始接入map組件的時候是在微信開發(fā)工具的模擬器上預覽的，看起來沒有一點問題，如下圖：

但是在手機上真機模擬的時候就比較尷尬了，地圖擋住了我底部的按鈕，這個要怎么辦呢？先是在百度上百度了好久，別人家寫的博客都說，小程序的map組件是層級最高的,這個沒辦法處理; 然后就覺得涼涼了，不知道要怎么辦了，難道要自己重新寫個地圖嗎？感覺又不太現(xiàn)實，于是就問了最近在寫小程序的幾個朋友，有的說沒寫過，知道有個人說到cover-view這個視圖容器。官方給出的解釋是這樣子的：

cover-view

基礎(chǔ)庫 1.4.0 開始支持，低版本需做兼容處理。

覆蓋在原生組件之上的文本視圖，可覆蓋的原生組件包括map、video、canvas、camera、live-player、live-pusher，只支持嵌套cover-view、cover-image，可在cover-view中使用button。

結(jié)果就懷著試試看的心情，試了一下這個cover-view，

<cover-view class='bottom-btn'>
  <cover-view class='bot-btn service'>
   <cover-view class='contact-btn' open-type='contact'>
    咨詢客服
   </cover-view>
  </cover-view>
  <cover-view class='bot-btn order' bindtap='toOrder'>
   立即預定
  </cover-view>
 </cover-view>

果然不失眾望的解決了這個問題，滿心歡喜啊！

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對創(chuàng)新互聯(lián)的支持。

網(wǎng)站欄目：關(guān)于微信小程序map組件z-index的層級問題分析
轉(zhuǎn)載注明：http://chinadenli.net/article28/jpsscp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供定制開發(fā)、建站公司、定制網(wǎng)站、域名注冊、網(wǎng)站設計、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)