代码上传

pages/index/index.vue

@@ -64,14 +64,15 @@
 				<uni-icons type="right" size="20" color="#acacac" style="margin-right: 20rpx"></uni-icons>
 			</view>
 			<view class="information-content">
-				<uni-swiper-dot :info="info" :current="current" :dots-styles="{selectedBackgroundColor: '#2065b1',backgroundColor: '#e6e6e6'}" field="content" mode="default">
+				<uni-swiper-dot :info="info" :current="current"
+					:dots-styles="{selectedBackgroundColor: '#2065b1',backgroundColor: '#e6e6e6'}" field="content" mode="default">
 					<swiper class="swiper-box" @change="change">
 						<swiper-item v-for="(item, index) in info" :key="index">
 							<view class="swiper-item" style="margin-right: 20rpx">
-								<image src="../../static/index-bgd.png" style="width: 200rpx; height: 200rpx; margin-left: 20rpx">
+								<image :src="item.Image" style="width: 200rpx; height: 200rpx; margin-left: 20rpx">
 								</image>
 								<view class="swiper-text">
-									<text>{{ '测试数据' }}</text>
+									<text>{{ item.content }}</text>
 									<view style="width: 100%; display: flex; justify-content: flex-end; color: #cecdd3; font-size: 28rpx">
 										{{ '2024-06-14' }}
 									</view>
@@ -105,6 +106,7 @@
 				</view>
 			</view>
 		</view>
+		<image src="../../static/hp1.png" style="width: 100rpx; height: 100rpx" class="kefu"></image>
 	</view>
 </template>
 
@@ -170,13 +172,16 @@
 		}
 	]);
 	const info = [{
-			content: '内容 A'
+			Image: '../../static/wq.png',
+			content: '公安部8项公安交管便民利企改革新措施解读'
 		},
 		{
-			content: '内容 B'
+			Image: '../../static/wq.png',
+			content: '公安部8项公安交管便民利企改革新措施解读'
 		},
 		{
-			content: '内容 C'
+			Image: '../../static/wq.png',
+			content: '公安部8项公安交管便民利企改革新措施解读'
 		}
 	];
 	const current = ref(0);
@@ -362,4 +367,9 @@
 			}
 		}
 	}
+	.kefu{
+		position: absolute;
+		right: 20rpx;
+		bottom: 40rpx;
+	}
 </style>