From ddddcf83e7deb9d0a674d2bbead300089530d87e Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 21 五月 2025 13:24:07 +0800
Subject: [PATCH] feat: UI
---
apps/h5/src/components/PageFooter/PageFooterBtn.vue | 31 ++++++++++++++++---------------
1 files changed, 16 insertions(+), 15 deletions(-)
diff --git a/apps/h5/src/components/PageFooter/PageFooterBtn.vue b/apps/h5/src/components/PageFooter/PageFooterBtn.vue
index 204c530..48662f3 100644
--- a/apps/h5/src/components/PageFooter/PageFooterBtn.vue
+++ b/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>
--
Gitblit v1.9.1