完成新客立减功能

components/my-components/my-bottom-btn-group.vue

@@ -1,10 +1,13 @@
 <template>
   <view>
-    <view style="height: 180rpx"></view>
+    <view class="zhanwei" :class="[direction == 'column' ? 'zhanwei1' : '']"></view>
 
-    <view class="fixed-bottom u-flex gap-20">
+    <view
+      class="fixed-bottom u-flex gap-20"
+      :class="[direction == 'column' ? 'u-flex-column' : '']"
+    >
       <view class="u-flex-1">
-        <my-button type="primary"  @click="save" shape="circle">
+        <my-button type="primary" @click="save" shape="circle">
           保存
         </my-button>
       </view>
@@ -18,7 +21,15 @@
 </template>
 
 <script setup>
-const emit= defineEmits(["save", "cancel"]);
+const emit = defineEmits(["save", "cancel"]);
+
+const props = defineProps({
+  //方向 row横向布局 column 纵向布局
+  direction: {
+    type: String,
+    default: "row",
+  },
+});
 
 function save() {
   emit("save");
@@ -27,3 +38,12 @@ function cancel() {
   emit("cancel");
 }
 </script>
+
+<style lang="scss">
+.zhanwei {
+  height: 180rpx;
+}
+.zhanwei1{
+  height: 240rpx;
+}
+</style>