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

miniprogram/pages/index/index.less

@@ -67,9 +67,12 @@ page {
     justify-content: center;
     background-color: #fff;
     box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.25);
+    padding-top: 24rpx;
 }
 
-.btn-green {
+
+
+/* .btn-green {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -86,4 +89,78 @@ page {
     .btn-text {
         margin-left: 24rpx;
     }
-}
+
+    &.disabled {
+        background: rgba(147, 211, 51, 0.5);
+        box-shadow: 0px 10rpx 4rpx rgba(121, 185, 21, 0.5);
+    }
+}
+ */
+
+/* .color-picker-popup {
+    border-radius: 20rpx;
+
+    .color-picker-container {
+        width: 642rpx;
+        // height: 876rpx;
+        background-color: #fff;
+        border-radius: 20rpx;
+        box-shadow: 0 3rpx 4rpx rgba(0, 0, 0, 0.15);
+        display: flex;
+        flex-direction: column;
+        padding: 36rpx 36rpx;
+        box-sizing: border-box;
+        align-items: center;
+
+        .color-picker-title {
+            font-size: 32rpx;
+            color: #141414;
+            font-weight: bold;
+            margin-bottom: 30rpx;
+        }
+
+        .color-options-title {
+            width: 100%;
+            height: 1rpx;
+            position: relative;
+            padding: 20rpx 0;
+
+            .color-options-title-text {
+                position: absolute;
+                left: 50%;
+                transform: translate(-50%, -50%);
+                top: 50%;
+                font-size: 28rpx;
+                color: #666;
+                padding: 0 20rpx;
+                background-color: #fff;
+            }
+
+            .color-options-title-line {
+                margin: 0 14rpx;
+                height: 1rpx;
+                background-color: #999;
+            }
+        }
+
+        .color-options {
+            display: flex;
+            flex-wrap: wrap;
+            justify-content: space-between;
+            align-items: center;
+            width: 100%;
+            padding: 20rpx 0;
+
+            .color-option {
+                width: 60rpx;
+                height: 60rpx;
+                border-radius: 6rpx;
+                margin: 14rpx;
+                display: inline-block;
+                cursor: pointer;
+                border: 1rpx solid #ccc;
+                box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, 0.1);
+            }
+        }
+    }
+} */