.left {
  float: left;
}
.right {
  float: right;
}
.box {
  display: flex;
  background-color: aquamarine;
  margin-top: 15rpx;
  flex-direction: row;
  height: 80rpx;
}
.OID {
  margin: 0 auto; 
  padding: 20rpx;
  margin-bottom: 100rpx;
}

<!--pages/test/test.wxml-->
<view class="display:flex;">
  <view class="left">包装费：￥30</view>
  <view class="right">总共：￥800</view>
</view>
<view class="box">
  <view class="OID">订单号：168341721384314857</view>
</view>
<button type="primary" class="margin-top:800rpx;" bindtap="test">测试</button>

请问应该如何让 ‘测试按钮’ 与订单号有一段距离呢