悬浮按钮

src/pages/order/order.vue

@@ -119,6 +119,15 @@
     </view>
     <Payment ref="PaymentRef" @payment="payNow"></Payment>
   </view>
+
+  <!-- <wd-fab type="error" position="right-bottom" direction="left" :draggable="true">
+    <view class="custom-button">
+      <image class="fab-icon" src="@/static/index/coupon.png"></image>
+    </view>
+    <view class="custom-button">
+      <image class="fab-icon" src="@/static/index/order.png"></image>
+    </view>
+  </wd-fab> -->
 </template>
 
 <script setup>
@@ -606,4 +615,18 @@ page {
     }
   }
 }
+
+.custom-button {
+  min-width: auto;
+  box-sizing: border-box;
+  width: 64rpx;
+  height: 64rpx;
+  border-radius: 16px;
+  margin: 8rpx;
+
+  .fab-icon {
+    width: 64rpx;
+    height: 64rpx;
+  }
+}
 </style>