fix(all): fix some bugs

README.md

@@ -1,4 +1,4 @@
-<p align="center"><img width="600" height="416" alt="logo2" src="https://github.com/user-attachments/assets/abf6c4c7-8cb1-477e-aea4-9e526cd8225a" /></p>
+<p align="center"><img width="600" height="416" alt="logo2" src="logo.png" /></p>
 
 ### <p align="center">Desktop Frontend</p>
 

src/components/open-source-badge/index.vue

@@ -4,8 +4,8 @@
  */
 
 <template>
-  <div class="open-source-badge">
+  <div class="open-source-badge" @click="handleClick">
-    <img src="~/assets/imgs/powered-logo.png" alt="Powered by ECShopX" />
+    <img src="~/assets/imgs/powered-logo.png" alt="Powered by Shopex" />
   </div>
 </template>
 
@@ -14,6 +14,11 @@ export default {
   name: 'OpenSourceBadge',
   data() {
     return {}
+  },
+  methods: {
+    handleClick() {
+      window.open('https://www.shopex.cn/', '_blank')
+    }
   }
 }
 </script>
@@ -25,9 +30,15 @@ export default {
   align-items: center;
   padding: 16px 0;
   margin-top: 20px;
+  cursor: pointer;
+  transition: opacity 0.3s ease;
+  
+  &:hover {
+    opacity: 0.8;
+  }
   
   img {
-    max-width: 120px;
+    max-width: 160px;
     height: auto;
     object-fit: contain;
   }
@@ -37,12 +48,20 @@ export default {
     padding: 12px 0;
     margin-top: 16px;
     
+    span {
+      font-size: 11px;
+    }
+    
     img {
       max-width: 100px;
     }
   }
   
   @media (max-width: 480px) {
+    span {
+      font-size: 10px;
+    }
+    
     img {
       max-width: 80px;
     }