擦屎

src/components/common/VipCard.vue

@@ -1,6 +1,6 @@
 <template>
-    <div class="vip-card rounded-[12px] overflow-hidden">
-        <img class="vip-bg" src="@/assets/bg_vip.png" alt="" />
+    <div class="vip-card relative rounded-xl overflow-hidden">
+        <img class="block w-full" src="@/assets/bg_vip.png" alt="" />
 
         <div class="vip-text">
             <div class="text1">
@@ -46,12 +46,7 @@ function goVip() {
 </script>
 <style lang="less" scoped>
 .vip-card {
-    position: relative;
     z-index: 1;
-    .vip-bg {
-        width: 100%;
-        display: block;
-    }
     .vip-text {
         position: absolute;
         top: 0;

src/components/common/minePannel.vue

@@ -32,7 +32,7 @@
 
         <div class="flex-1"></div>
 
-        <div class="logout">
+        <div class="logout px-4 py-4">
             <n-button @click="logout" quaternary type="primary" block round size="large"> 退出登录 </n-button>
         </div>
 

src/views/chat/index.vue

@@ -571,8 +571,8 @@ function goVip() {
             style="width: 75%"
         >
             <n-card :border="false" content-style="padding:0" class="bg-white dark:bg-zinc-800 rounded-lg">
-                <vip-pannel></vip-pannel
-            ></n-card>
+                <vip-pannel></vip-pannel>
+            </n-card>
         </n-modal>
 
         <n-modal v-model:show="showVipTips" transform-origin="center">