feat:完成颜色选择器和button组件

2025-06-10 17:32:08 +08:00
parent 13a0afe97e
commit efa213bfe1
14 changed files with 515 additions and 17 deletions
@@ -0,0 +1,41 @@
+@button-default-height: 86rpx;
+@button-border-radius: 18rpx;
+@button-default-font-size: 32rpx;
+@button-default-color: #fff;
+
+.toy-button {
+    box-sizing: border-box;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    height: @button-default-height;
+    line-height: @button-default-height;
+    border-radius: @button-border-radius;
+    font-size: @button-default-font-size;
+    color: @button-default-color;
+
+    &--primary {
+        background: rgba(255, 215, 25, 1);
+        box-shadow: 0px 10rpx 4rpx #DBB917;
+
+        &.disabled {
+            background: rgba(255, 215, 25, 0.5);
+            box-shadow: 0px 10rpx 4rpx rgba(219, 185, 23, 0.5);
+        }
+    }
+
+    &--green {
+        background: rgba(147, 211, 51, 1);
+        box-shadow: 0px 10rpx 4rpx rgba(121, 185, 21, 1);
+
+        &.disabled {
+            background: rgba(147, 211, 51, 0.5);
+            box-shadow: 0px 10rpx 4rpx rgba(121, 185, 21, 0.5);
+        }
+    }
+
+    .loading-class,
+    &__icon {
+        margin-right: 24rpx;
+    }
+}