經常會用到的地方就是購物車,還有自己定義的底部導航等等

效果圖

wxml

<!--index.wxml-->
<view class='container'>
  <view class="logo">
    <image src='/images/avic_logo.png'></image>
    <view class="logo_ground"></view>
  </view>
</view>

wxss

/**index.wxss**/
page{
  background-color: #bcbcbc;
}

.logo{
  width: 100%;
  position: fixed;
  bottom:0px;
  display: flex;
  justify-content: center;
}

.logo image{
  width: 200rpx;
  height: 200rpx;
}

.logo_ground{
  position: fixed;
  width: 100%;
  height: 50rpx;
  bottom:0px;
  background-color: blueviolet;
  z-index: -1;
}