换皮test1.3

音频图标的水平布局

pages/nearbystores/index.vue

@@ -20,7 +20,7 @@
 		</view>
 		<!-- 音频与VR图标 -->
 		<view class="tubiao">
-			<view class="">
+			<view class="audio-controls">
 				<image 
 					v-if="pageConfig.topIcons.leftIcon.hidden" 
 					:src="pageConfig.topIcons.leftIcon.img" 
@@ -621,29 +621,34 @@ import { getArticleById } from "../../api/article/article.js";
 	.tubiao{
 		width: 100%;
 		display: flex;
-		padding: 0 30rpx;
+		padding: 0 40rpx;
 		box-sizing: border-box;
 		justify-content: space-between;
-		view {
-			image{
-				width: 82rpx;
-				height: 82rpx;
-				display: block;
-				margin-top: 50rpx;
-				transition: all 0.3s ease;
-				
-				&:active {
-					transform: scale(0.9);
-					opacity: 0.8;
-				}
-				
-				&.playing {
-					animation: pulse 2s infinite;
-				}
-				
-				&.stopped {
-					opacity: 0.6;
-				}
+		
+		.audio-controls {
+			display: flex;
+			align-items: center;
+			gap: 26rpx;
+		}
+		
+		image{
+			width: 82rpx;
+			height: 82rpx;
+			display: block;
+			margin-top: 50rpx;
+			transition: all 0.3s ease;
+			
+			&:active {
+				transform: scale(0.9);
+				opacity: 0.8;
+			}
+			
+			&.playing {
+				animation: pulse 2s infinite;
+			}
+			
+			&.stopped {
+				opacity: 0.6;
 			}
 		}
 	}