chore(cp排行榜): 调整样式

src/views/Ranking/Couple/index.vue

@@ -359,9 +359,10 @@
               >
                 <itemCenter
                   :imgUrl="imageUrl('coupleItem')"
-                  :contentStyle="`justify-content: space-between;padding-left: 4vw;`"
+                  :flip="true"
+                  :contentStyle="`justify-content: space-between;`"
                 >
-                  <div style="flex: 1; min-width: 0; display: flex; align-items: center; gap: 4vw">
+                  <div class="couple-item-info">
                     <img
                       v-smart-img
                       :src="couple?.cpUserProfile.userAvatar || ''"
@@ -387,7 +388,7 @@
                   </div>
                   <div
                     style="
-                      width: 11.4%;
+                      width: 10.8%;
                       min-width: 0;
                       align-self: stretch;
                       display: flex;
@@ -1817,6 +1818,15 @@ textarea::placeholder {
   color: #ff79a1;
 }
 
+.couple-item-info {
+  flex: 1;
+  min-width: 0;
+  padding-left: 4vw;
+  display: flex;
+  align-items: center;
+  gap: 4vw;
+}
+
 @media screen and (max-width: 360px) {
   * {
     font-size: 10px;
@@ -1849,4 +1859,9 @@ textarea::placeholder {
   direction: ltr;
   justify-content: flex-start;
 }
+
+[dir='rtl'] .couple-item-info {
+  padding-left: 0;
+  padding-right: 4vw;
+}
 </style>