医院信息该

src/views/hospital-info/HospitalIntroduction.vue

@@ -1,8 +1,8 @@
 <template>
   <window-size :showTitle="false" :offset="0">
     <van-swipe :autoplay="3000" indicator-color="white" style="height: 170px" vertical>
-      <van-swipe-item v-for="image in images" :key="image">
-        <van-image :src="image" height="170px" />
+      <van-swipe-item v-for="(image,index) in images" :key="index">
+        <van-image :src="image" fit="fill" style="width: 100%;height: 175px;"/>
       </van-swipe-item>
     </van-swipe>
     <div ref="headDiv">
@@ -36,13 +36,14 @@
 
 <script setup>
 import store from '@/store'
-import blueprint from '@/assets/hospital-blueprint.jpg'
-import hall from '@/assets/hall.jpg'
-import nurseStation from '@/assets/nurse-station.jpg'
-import childrenCenter from '@/assets/children-center.jpg'
+import hospitalBack1 from '@/assets/hospital_back_1.jpg'
+import hospitalBack2 from '@/assets/hospital_back_2.jpg'
+import hospitalBack3 from '@/assets/hospital_back_3.png'
+import hospitalBack4 from '@/assets/hospital_back_4.png'
+import hospitalBack5 from '@/assets/hospital_back_5.png'
 import { onMounted, reactive, ref } from 'vue'
 import { getJsApiSHA1 } from '@/api/wx-jsapi'
-const images = [blueprint, hall, nurseStation, childrenCenter]
+const images = [hospitalBack1, hospitalBack2, hospitalBack3, hospitalBack4, hospitalBack5]
 const headDiv = ref(null)
 const mScroll = reactive({
   height: '',