添加2v2页面

src/pages/friend-battle.vue

@@ -117,6 +117,7 @@ const onCreateRoom = async () => {
           src="https://static.shelingxingqiu.com/attachment/2025-07-15/dbcejys872iyun92h6.png"
           mode="widthFix"
         />
+        <image src="../static/room-notfound-title.png" mode="widthFix" />
         <view>
           <image :src="user.avatar" mode="widthFix" />
           <image src="../static/versus.png" mode="widthFix" />
@@ -190,39 +191,43 @@ const onCreateRoom = async () => {
   position: absolute;
   width: 100%;
 }
-.create-room > view {
-  margin: 0 30px;
-  padding-top: 12%;
+.create-room > image:nth-of-type(2) {
+  padding: 15px;
+  width: 25vw;
+  position: relative;
+}
+.create-room > view:nth-child(3) {
+  margin: 12vw auto;
   position: relative;
   display: flex;
-  flex-direction: column;
+  align-items: center;
+  justify-content: center;
 }
 .create-room > view > image:first-child {
-  width: 18vw;
-  transform: translateX(30%);
+  width: 19vw;
+  transform: translateY(-60%);
   border-radius: 50%;
+  position: relative;
 }
 .create-room > view > image:nth-child(2) {
-  width: 36vw;
-  transform: translateX(55%) translateY(-40px);
+  width: 37vw;
+  position: relative;
 }
 .create-room > view > view:nth-child(3) {
-  width: 18vw;
-  height: 18vw;
+  position: relative;
+  width: 19vw;
+  height: 19vw;
   border-radius: 50%;
   background-color: #ccc;
   display: flex;
   justify-content: center;
   align-items: center;
-  transform: translate(290%, -75px);
+  transform: translateY(60%);
 }
 .create-room > view > view:nth-child(3) > image {
   width: 20px;
   margin-right: 2px;
 }
-.create-room > view:last-child {
-  transform: translateY(-100%);
-}
 .warnning {
   width: 100%;
   height: 100%;