UI完善

src/pages/friend-battle.vue

@@ -75,7 +75,10 @@ const onCreateRoom = async () => {
         </view>
       </view>
       <view class="create-room">
-        <image src="../static/battle-bg.png" mode="widthFix" />
+        <image
+          src="https://api.shelingxingqiu.com/attachment/2025-07-15/dbcejys872iyun92h6.png"
+          mode="widthFix"
+        />
         <view>
           <image :src="user.avatar" mode="widthFix" />
           <image src="../static/versus.png" mode="widthFix" />
@@ -84,7 +87,7 @@ const onCreateRoom = async () => {
           </view>
         </view>
         <view>
-          <SButton width="70%" :rounded="30" :onClick="onCreateRoom">
+          <SButton width="80%" :rounded="30" :onClick="onCreateRoom">
             创建约战房
           </SButton>
         </view>
@@ -151,14 +154,14 @@ const onCreateRoom = async () => {
 }
 .create-room > view {
   margin: 0 30px;
-  padding-top: 30px;
+  padding-top: 12%;
   position: relative;
   display: flex;
   flex-direction: column;
 }
 .create-room > view > image:first-child {
   width: 18vw;
-  transform: translateX(40%);
+  transform: translateX(30%);
   border-radius: 50%;
 }
 .create-room > view > image:nth-child(2) {
@@ -173,14 +176,14 @@ const onCreateRoom = async () => {
   display: flex;
   justify-content: center;
   align-items: center;
-  transform: translate(280%, -75px);
+  transform: translate(290%, -75px);
 }
 .create-room > view > view:nth-child(3) > image {
   width: 20px;
   margin-right: 2px;
 }
 .create-room > view:last-child {
-  transform: translateY(-110%);
+  transform: translateY(-100%);
 }
 .warnning {
   width: 100%;