有滴滴的前端同学么，咨询一个微信小程序地图组件使用阴影的问题。

Question

最近在做微信小程序的项目，用到地图组件，微信官方文档指明地图组件上只能使用cover-view和cover-image,并且这两种组件，无法添加阴影效果，我参考了摩拜小程序和一些其他的小程序，发现确实没有在地图上使用影音效果的按钮（使用cover-image实现的按钮除外），但是UI的妹子发了滴滴小程序的截图给我:

如上图，虽然被压缩得厉害，但是还是能看出上下栏是有阴影效果投射在地图之上的。
我这边做了一些尝试，比如直接给上下栏加box-shadow，结果很显然是无效的，所以比较好奇滴滴的大神是怎么实现的？是用cover-image在地图的上下边缘放了2张阴影图么？

Answer 1

我最近也在练手小程序，也是滴滴他们家的产品，仿的青桔单车，也是遇到了和你一样的问题，map组件遮蔽box-shadow阴影，折腾了好几天尝试了各种方式不得其解，最后决定获取到青桔单车的wxapkg文件进行反解包，结果在image中发现了这样两个文件：

一切都明白了，就是使用cover-image 将阴影图片定位上去的