From 081a42390fe08486a4a7404dc872e10144ae86d5 Mon Sep 17 00:00:00 2001
From: jlzhou <12020042@qq.com>
Date: Thu, 15 Aug 2024 16:55:56 +0800
Subject: [PATCH] =?UTF-8?q?update=20=E6=B7=BB=E5=8A=A0=E5=87=A0=E4=B8=AA?=
 =?UTF-8?q?=E5=B8=B8=E7=94=A8css?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin-ui/src/assets/styles/index.scss | 66 ++++++++++++++++++++++++++-
 1 file changed, 65 insertions(+), 1 deletion(-)

diff --git a/admin-ui/src/assets/styles/index.scss b/admin-ui/src/assets/styles/index.scss
index 33e2c93..e73efbd 100644
--- a/admin-ui/src/assets/styles/index.scss
+++ b/admin-ui/src/assets/styles/index.scss
@@ -221,4 +221,68 @@ fieldset {
 	justify-content: center; 
 	align-items: center;
 	flex-direction: column;
-}
\ No newline at end of file
+}
+
+
+
+.w-loading {
+	display: inline-block;
+	width: 1em;
+	height: 1em;
+	border-radius: 1em;
+	border: .2em solid currentColor;
+	border-top-color: #0000;
+	animation: w-am-loading 1s infinite;
+}
+
+@keyframes w-am-loading {
+	from {
+		transform: rotate(0deg);
+	}
+
+	to {
+		transform: rotate(360deg);
+	}
+}
+
+
+.w-radio,
+.w-checkbox {
+	--btn-color-inner: var(--btn-color,currentColor);
+	--opacity: .6;
+	transition: all .3s;
+	cursor: pointer;
+
+
+	&::before {
+		content: '';
+		font-size: var(--btn-size,inherit);
+		width: 1em;
+		height: 1em;
+		opacity: var(--opacity);
+		box-sizing: border-box;
+		border: solid 1px var(--btn-color-inner);
+		margin-right: .2em;
+		border-radius: .2em;
+		background-color: var(--btn-bg-color-inner,#0000);
+		background-image: url("data:image/svg+xml;base64,PHN2ZyB0PSIxNzA5NzA3MjQ5OTg3IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjQyODUiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+PHBhdGggZD0iTTg0My42OTM5NTkgMjkzLjYwOTA2MSA0MjUuMjU1ODY5IDcxMi4wNTYzNjIgMTg2LjE0NTAyNiA0NzIuOTQ3NTY2IDY2LjU3OTg4MyA1OTIuNTA0NTIyIDQyNS4yNTU4NjkgOTUxLjE2NTE1OCA5NjMuMjYwMTI2IDQxMy4xNzQyMDRaIiBwLWlkPSI0Mjg2IiBmaWxsPSIjZmZmZmZmIj48L3BhdGg+PC9zdmc+");
+		background-size: .65em .65em;
+		background-repeat: no-repeat;
+		background-position: var(--background-position-inner,center -1em);
+		transition: all .3s;
+		overflow: hidden;
+	}
+
+	&.selected {
+		--btn-color-inner: var(--selected-btn-color, var(--w-main));
+		--opacity: 1;
+		--btn-bg-color-inner: var(--selected-btn-color, var(--w-main));
+		--background-position-inner: center .1em;
+		color: var(--selected-text-color, currentColor);
+	}
+
+}
+
+.w-radio::before {
+	border-radius: 1em;
+}