feat: UI

wupengfei

3 天以前 ddddcf83e7deb9d0a674d2bbead300089530d87e

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

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

<script setup lang="ts">
@@ -9,26 +9,27 @@
  name: 'PageFooterBtn',
});

// type Props = {
//   text;
// };
type Props = {
  hasMargin?: boolean;
};

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

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

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

  &.nut-button--plain {
    border-width: 1px;
  &.hasMargin {
    margin: 0 14px;
  }
}
</style>