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/pwButton.vue | 41 +++++++++++++++++++++++++++++++++++++++++ 1 files changed, 41 insertions(+), 0 deletions(-) diff --git a/src/components/pwButton.vue b/src/components/pwButton.vue new file mode 100644 index 0000000..36677b3 --- /dev/null +++ b/src/components/pwButton.vue @@ -0,0 +1,41 @@ +<script setup> +const props = defineProps({ + active: { + type: Boolean, + default: false + }, + text: { + type: String, + default: "" + } +}); +</script> + +<template> + <div class="pw-button-container" :class="{'active':props.active}"> + <div class="pw-button-wrapper"> + <div class="pw-button-text">{{ text }}</div> + </div> + </div> +</template> + +<style scoped lang="less"> +.pw-button-container { + user-select: none; + display: inline-block; + border: 1px solid #4095e3; + font-size: 14px; + padding: 4px 16px; + box-sizing: border-box; + min-width: 80px; + text-align: center; + cursor: pointer; + &.active { + background: linear-gradient(to top right, #5eb0fb, #529adc,#022345, #022345); + } + &:active { + background: linear-gradient(to top right, #5eb0fb, #529adc,#022345, #022345); + } +} + +</style> -- Gitblit v1.9.1