小程序如何做一個底部固定工具欄

我們期待的效果：下拉時候 固定不動的那種

上代碼

wxml

<view class="btm_tool">

<view class="tool_item">
  <view class="iconfont icon-LIVECHAT"></view>
    <view>客服</view>
  </view>

  <view class="tool_item">
  <view class="iconfont icon-ziyuan1"></view>
    <view>分享</view>
  </view>

  <view class="tool_item">
  <view class="iconfont icon-gouwuche"></view>
    <view>購物車</view>
  </view>

  <view class="tool_item btn_cart">
   加入購物車
  </view>

  <view class="tool_item btn_buy">
    立即購買
  </view>
    
 
</view>

wxss
.goods_info .goods_info_title {
  color: #af64ed;
  padding: 20rpx;
  font-size: 32rpx;
}
.btm_tool {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 90rpx;
  background-color: white;
  display: flex;
}
.btm_tool .tool_item {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.btm_tool .btn_cart {
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: darkkhaki;
  color: #ffffff;
  font-size: 30rpx;
  font-weight: 600;
}
.btm_tool .btn_buy {
  flex: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: red;
  color: #ffffff;
  font-size: 30rpx;
  font-weight: 600;
}

其實用less來寫會更好一點emm，

好像沒有什麼特別的點