diff --git a/src/components/Swiper.vue b/src/components/Swiper.vue
index 1df5d4e..80c5213 100644
--- a/src/components/Swiper.vue
+++ b/src/components/Swiper.vue
@@ -14,12 +14,17 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
+  onChange: {
+    type: Function,
+    default: (index) => {},
+  },
 });
 
 const currentIndex = ref(0);
 
 const handleChange = (e) => {
   currentIndex.value = e.detail.current;
+  props.onChange(e.detail.current);
 };
 </script>
 
@@ -81,10 +86,10 @@ const handleChange = (e) => {
   width: 8px;
   height: 8px;
   border-radius: 50%;
-  background-color: rgba(255, 255, 255, 0.5);
+  background-color: #ccc;
 }
 
 .dot.active {
-  background-color: #fff;
+  background-color: #000;
 }
 </style>
diff --git a/src/pages/friend-battle.vue b/src/pages/friend-battle.vue
index 75f778c..8433871 100644
--- a/src/pages/friend-battle.vue
+++ b/src/pages/friend-battle.vue
@@ -77,7 +77,10 @@ const onCreateRoom = async () => {
       <view class="create-room">
         <image src="../static/battle-bg.png" mode="widthFix" />
         <view>
-          <image src="../static/avatar.png" mode="widthFix" />
+          <image
+            src="https://api.shelingxingqiu.com/attachment/2025-07-12/db9x4i9g536xerkv9i.png"
+            mode="widthFix"
+          />
           <image src="../static/versus.png" mode="widthFix" />
           <view>
             <image src="../static/question-mark.png" mode="widthFix" />
diff --git a/src/pages/practise.vue b/src/pages/practise.vue
index 8c06a56..2b3485b 100644
--- a/src/pages/practise.vue
+++ b/src/pages/practise.vue
@@ -34,7 +34,7 @@ const toPractiseTwo = () => {
       />
       <view class="practise-btn" @click="toPractiseOne">
         <image
-          src="../static/practise1.png"
+          src="https://api.shelingxingqiu.com/attachment/2025-07-12/db9x668e2vdtqh0otq.png"
           class="practise1"
           mode="widthFix"
         />
@@ -46,7 +46,7 @@ const toPractiseTwo = () => {
       />
       <view class="practise-btn" @click="toPractiseTwo">
         <image
-          src="../static/practise2.png"
+          src="https://api.shelingxingqiu.com/attachment/2025-07-12/db9x668eehkvyicc08.png"
           class="practise2"
           mode="widthFix"
         />
diff --git a/src/static/avatar.png b/src/static/avatar.png
deleted file mode 100644
index 1569cc4..0000000
Binary files a/src/static/avatar.png and /dev/null differ
diff --git a/src/static/practise1.png b/src/static/practise1.png
deleted file mode 100644
index 7c0df94..0000000
Binary files a/src/static/practise1.png and /dev/null differ
diff --git a/src/static/practise2.png b/src/static/practise2.png
deleted file mode 100644
index 4b5f116..0000000
Binary files a/src/static/practise2.png and /dev/null differ