fix: 修改ui

zhengyiming

2 天以前 1327b99efda99ada27a956981648950f580314b0

 apps/h5/src/components/PageFooter/PageFooterBtn.vue

New file
@@ -0,0 +1,35 @@
<template>
  <el-button type="primary" :class="['page-footer-btn', { hasMargin }]">
    <slot></slot>
  </el-button>
</template>

<script setup lang="ts">
defineOptions({
  name: 'PageFooterBtn',
});

type Props = {
  hasMargin?: boolean;
};

const props = withDefaults(defineProps<Props>(), {
  hasMargin: true,
});
</script>

<style lang="scss" scoped>
@use '@/style/common.scss' as *;

.page-footer-btn {
  min-width: 0;
  height: 44px !important;
  font-size: 16px;
  border-radius: 22px;
  flex: 1;

  &.hasMargin {
    margin: 0 14px;
  }
}
</style>