💄 使用长十六进制颜色

.stylelintrc.yml

@@ -12,4 +12,5 @@ rules:
   property-no-vendor-prefix:
     - true
     - ignoreProperties: [backdrop-filter]
+  color-hex-length: long
   prettier/prettier: true

src/components/func/snackbar.vue

@@ -116,7 +116,7 @@ defineExpose({ displayBox });
 }
 
 .func-snackbar-text {
-  color: #fff;
+  color: #ffffff;
   font-size: 16px;
   font-weight: 500;
 }

src/components/userAvatarCard/duc-detail-ort.vue

@@ -46,7 +46,7 @@ const props = defineProps<DucDetailOrtProps>();
   border-radius: 50%;
   -webkit-backdrop-filter: blur(5px);
   backdrop-filter: blur(5px);
-  background: rgba(0 0 0 /40%);
+  background: rgb(0 0 0 / 40%);
 
   img {
     width: 100%;
@@ -62,6 +62,6 @@ const props = defineProps<DucDetailOrtProps>();
   color: var(--tgc-white-1);
   font-family: var(--font-title);
   font-size: 16px;
-  text-shadow: 0 0 5px rgba(0 0 0/40%);
+  text-shadow: 0 0 5px rgb(0 0 0 / 40%);
 }
 </style>

src/components/viewPost/tp-vote.vue

@@ -126,6 +126,6 @@ function getWidth(item: TpVoteData): string {
 .tp-vote-val {
   height: 100%;
   border-radius: 5px;
-  background: linear-gradient(to right, #6cf 0, #f09199 360px);
+  background: linear-gradient(to right, #66ccff 0, #f09199 360px);
 }
 </style>