no message

src/components/navs/city-category.vue

@@ -133,11 +133,11 @@
   font-weight: 400;
 }
 .category-l2:hover {
-  background: #ee4454;
+  background: var(--q-color-primary);
   color: #fff;
 }
 .category-l2-select {
-  background: #ee4454;
+  background: var(--q-color-primary);
   color: #fff;
 }
 .category-l3 {

src/pages/About.vue

@@ -73,7 +73,7 @@
   .circle {
     width: 32px;
     height: 32px;
-    background: $primary;
+    background: var(--q-color-primary);
     border-radius: 50%;
     text-align: center;
     color: #fff;

src/pages/hotel/selectRoom.vue

 <style lang="scss" scoped>
 .select-day {
-  background: $primary;
+  background: var(--q-color-primary);
   color: #fff !important;
   border-radius: 8px;
 }

src/pages/usercenter/coupon.vue

@@ -68,7 +68,7 @@
   width: 20px;
   height: 4px;
   border-radius: 2px;
-  background-color: $primary;
+  background-color: var(--q-color-primary);
   margin: -8px auto 0 auto;
 }
 .img {

src/pages/usercenter/mobileUserCenter.vue

@@ -68,7 +68,7 @@ margin: 10px 13px 0 13px;
   line-height: 14px;
   border-radius: 50%;
   color: #fff;
-  background-color: $primary;
+  background-color: var(--q-color-primary);
 }
 </style>
 <template>

src/pages/usercenter/setUsersList.vue

@@ -69,7 +69,7 @@
   width: 20px;
   height: 4px;
   border-radius: 2px;
-  background-color: $primary;
+  background-color: var(--q-color-primary);
   margin: -8px auto 0 auto;
 }
 .card-info {