From 1b7ecf953b30f1b7e4c81e2db9588e87ebbbfa5f Mon Sep 17 00:00:00 2001
From: xiaoxian521 <1923740402@qq.com>
Date: Thu, 18 Jan 2024 20:53:21 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96=E5=8F=AF=E9=80=89?=
=?UTF-8?q?=E6=8C=89=E9=92=AE=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
build/info.ts | 8 ++---
src/views/components/check-button.vue | 50 ++++++++++++++++++++++-----
2 files changed, 45 insertions(+), 13 deletions(-)
diff --git a/build/info.ts b/build/info.ts
index 20005735d..ae63a7ddb 100644
--- a/build/info.ts
+++ b/build/info.ts
@@ -3,14 +3,14 @@ import { getPackageSize } from "./utils";
import dayjs, { type Dayjs } from "dayjs";
import duration from "dayjs/plugin/duration";
import gradientString from "gradient-string";
-import boxen, { type Options as boxenOptions } from "boxen";
+import boxen, { type Options as BoxenOptions } from "boxen";
dayjs.extend(duration);
const welcomeMessage = gradientString("cyan", "magenta").multiline(
`Hello! 欢迎使用 vue-pure-admin\n我们为您精心准备了下面两个贴心的保姆级文档\nhttps://yiming_chang.gitee.io/pure-admin-doc\nhttps://pure-admin-utils.netlify.app`
);
-const boxenOprions: boxenOptions = {
+const boxenOptions: BoxenOptions = {
padding: 0.5,
borderColor: "cyan",
borderStyle: "round"
@@ -28,7 +28,7 @@ export function viteBuildInfo(): Plugin {
outDir = resolvedConfig.build?.outDir ?? "dist";
},
buildStart() {
- console.log(boxen(welcomeMessage, boxenOprions));
+ console.log(boxen(welcomeMessage, boxenOptions));
if (config.command === "build") {
startTime = dayjs(new Date());
}
@@ -46,7 +46,7 @@ export function viteBuildInfo(): Plugin {
.duration(endTime.diff(startTime))
.format("mm分ss秒")},打包后的大小为${size})`
),
- boxenOprions
+ boxenOptions
)
);
}
diff --git a/src/views/components/check-button.vue b/src/views/components/check-button.vue
index b7c52e140..d2801e7dc 100644
--- a/src/views/components/check-button.vue
+++ b/src/views/components/check-button.vue
@@ -1,5 +1,5 @@
@@ -91,7 +100,7 @@ function onGroupChecked(tag, index) {
单选(紧凑风格的按钮样式)
等待中
@@ -103,7 +112,7 @@ function onGroupChecked(tag, index) {
单选(带有边框)
等待中
@@ -115,7 +124,7 @@ function onGroupChecked(tag, index) {
单选(自定义内容)
@@ -142,7 +151,7 @@ function onGroupChecked(tag, index) {
多选(紧凑风格的按钮样式)
苹果
@@ -154,7 +163,7 @@ function onGroupChecked(tag, index) {
多选(带有边框)
黄瓜
@@ -167,7 +176,7 @@ function onGroupChecked(tag, index) {
@@ -209,7 +218,11 @@ function onGroupChecked(tag, index) {
@@ -229,7 +242,11 @@ function onGroupChecked(tag, index) {
@@ -272,4 +289,19 @@ function onGroupChecked(tag, index) {
}
}
}
+
+/** 可控制间距的按钮禁用样式 */
+.tag-disabled {
+ color: var(--el-disabled-text-color);
+ cursor: not-allowed;
+ background-color: var(--el-color-info-light-9);
+
+ &:hover {
+ background-color: var(--el-color-info-light-9);
+ }
+
+ &.is-active {
+ background-color: var(--el-color-primary-light-9);
+ }
+}