剛剛又發生一個bug,搞得我頭皮發麻,本來該美滋滋的回家准備度過愉快的周末,瞬間變成了日常修bug,來,開始填坑之路
情景再現:
首先說一說我們項目的需求,

點擊下方,彈出抽屜

點擊對應的地圖打開相應的APP
思路一:用map組件來實現
坑:布局都搞好之后,在微信開發者工具一切正常,結果真機測試的時候只有地圖,所有東西都被覆蓋住了
效果:

原因:原生Map組件層級是最高的,並且不能使用z-index來修改層級
如果要在地圖上面加一些組件呢
解決:
方案一:控件設置,控件就是controls屬性,控件只能顯示圖片,不能顯示文字之類的
方案二:cover-view組件,這個組件就是懸浮在一些組件上的,用於設置在map上或者設置在視頻播放上等等
將cover-view組件嵌套在map組件內就可以了。cover-image組件可以嵌套在cover-view內。
注意:cover-view中只支持嵌套cover-view、cover-image,button,只支持基本的定位、布局、文本樣式。不支持設置單邊的border、background-image、shadow、overflow: visible等。
好了第一個問題解決了,但是第二個問題又來了,點擊打開對應的地圖APP
這個問題也很操蛋,講真。
我一開始已經用Map組件布局好了,后來發現Map組件不能實現直接打開對應的APP
又經過一頓操作,發現可以使用wx.openLocation()方法可以實現點擊直接打開對應的APP,但是問題又來了,wx.openLocation()打開的界面不支持自定義樣式
而且這里還需注意一下,wx.openLocation()在微信開發者工具運行的結果和在真機上運行的界面不一樣
微信開發者工具運行結果:

真機運行結果:

好了,暫時就這些坑,大家使用的時候一定注意!!!
