version temp2

src/layouts/HomeLayout.vue

@@ -21,8 +21,8 @@
 
         <!-- Complaint Button -->
         <div @click="toComplaint" class="complaint-button">
-            <!-- <i class="icon-warning"></i> -->
-            <span>投诉</span>
+            <img src="@/assets/images/homelayout/ts.png" alt="投诉" class="w-4 h-4 mr-1 inline-block" />
+            <span class="">投诉</span>
         </div>
         <div class="disclaimer">
             <div class="flex flex-col items-center">
@@ -98,7 +98,7 @@ const toComplaint = () => {
 
 <style scoped>
 .home-layout {
-    @apply from-orange-100/20 to-white bg-gradient-to-b
+    @apply from-sky-100/20 to-white bg-gradient-to-b
 }
 
 .header {
@@ -130,7 +130,7 @@ const toComplaint = () => {
     position: fixed;
     bottom: 6rem;
     right: 1rem;
-    background: linear-gradient(to bottom, #e24949, #e4827b);
+    background: #A22525;
     border-radius: 1.5rem;
     padding: 0.25rem 1rem;
     color: white;
@@ -138,8 +138,8 @@ const toComplaint = () => {
     align-items: center;
     cursor: pointer;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
+    z-index: 2000;
 }
-
 .complaint-button i {
     margin-right: 0.5rem;
 }