From d0f98ad8e1047e3161a458399ad3005404ed87b8 Mon Sep 17 00:00:00 2001
From: whychdw <496960745@qq.com>
Date: 星期五, 06 六月 2025 15:52:15 +0800
Subject: [PATCH] 标准参数管理
---
src/components/HdwButton/index.vue | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 48 insertions(+), 0 deletions(-)
diff --git a/src/components/HdwButton/index.vue b/src/components/HdwButton/index.vue
new file mode 100644
index 0000000..167604f
--- /dev/null
+++ b/src/components/HdwButton/index.vue
@@ -0,0 +1,48 @@
+<script setup lang="ts">
+import {defaultProps} from "element-plus";
+
+const props = defineProps({
+ type: {
+ type: String,
+ default: "primary"
+ },
+ iconClass: {
+ type: String,
+ default: "export"
+ }
+});
+</script>
+
+<template>
+ <div class="hdw-button-wrapper" :class="{'warning': type==='warning'}">
+ <svg-icon class="btn-icon" :icon-class="iconClass"></svg-icon>
+ <slot></slot>
+ </div>
+</template>
+
+<style scoped lang="less">
+.hdw-button-wrapper {
+ user-select: none;
+ display: inline-block;
+ padding: 8px 12px;
+ text-align: center;
+ font-size: 16px;
+ background-image: url("./images/primary-bg.png");
+ background-size: 100% 100%;
+ background-repeat: no-repeat;
+ cursor: pointer;
+ &:hover {
+ font-weight: 700;
+ }
+ &:active {
+ color: #0BF9FE;
+ }
+ &.warning {
+ background-image: url("./images/warning-bg.png");
+ }
+ .btn-icon {
+ font-size: 20px;
+ margin-right: 8px;
+ }
+}
+</style>
--
Gitblit v1.9.1