| New file |
| | |
|---|
| | | <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> |
|---|
