微信小程序地图上图片放到下面

效果图

本来是写cover-view 与cover-image 的但是这3个图片弄了半天才弄好这里特意记录一下

实现效果如下

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  height: 140rpx;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  margin-bottom: 50rpx;

 

就是设置position 之后 还要在cover-view 设置 

bottom: 0;

right: 0;

left: 0;

这三个为参数就能很好的实现了.