style

src/pages/nft/add.vue

@@ -309,7 +309,6 @@ onMounted(() => {
                         position: absolute;
                         top: 11px;
                         left: 11px;
-                        color: #fff;
                         font-size: 12px;
                         font-weight: 800;
                         line-height: 13px;
@@ -318,12 +317,31 @@ onMounted(() => {
                         position: absolute;
                         top: 11px;
                         right: 10px;
-                        color: #fff;
                         font-size: 12px;
                         font-weight: 800;
                         line-height: 13px;
                         letter-spacing: 1px;
                     }
+                    &.s1 {
+                        .member, .number {
+                            color: #ffffff;
+                        }
+                    }
+                    &.s2 {
+                        .member, .number {
+                            color: #4AC3E1;
+                        }
+                    }
+                    &.s3 {
+                        .member, .number {
+                            color: #606C94;
+                        }
+                    }
+                    &.s4 {
+                        .member, .number {
+                            color: #504215;
+                        }
+                    }
                 }
                 .bg {
                     width: 100%;