前言
我們提供的服務有:成都做網(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)