update 添加几个常用css

admin-ui/src/assets/styles/index.scss

@@ -221,4 +221,68 @@ fieldset {
 	justify-content: center; 
 	align-items: center;
 	flex-direction: column;
-}
+}
+
+
+
+.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;
+}