样式修改

pages/mall/detailDialog.vue

@@ -6,17 +6,11 @@
 				<icon class="yfmx-title"></icon>
 				<icon class="dialog-close-btn" @click="detailCloseBtn"></icon>
 				<view class="detail-body-box">
-					<!-- 全选/取消全选 -->
-					<view class="select-all-box" @click="toggleSelectAll">
-						<checkbox :checked="isAllSelected" class="detail-checkbox" />
-						<text>全选</text>
-					</view>
-
 					<!-- 使用 checkbox-group 管理多选 -->
 					<checkbox-group @change="handleCheckboxChange">
 						<view class="detail-item-box" v-for="item in localList" :key="item.id">
 							<checkbox :value="item.id.toString()" :checked="selectedIds.includes(item.id)"
-								class="detail-checkbox" />
+								class="detail-checkbox" color="transparent"/>
 							<img :src="item.cover" class="mall-image" />
 							<view class="content-body-box">
 								<view class="content-name">
@@ -30,6 +24,11 @@
 						</view>
 					</checkbox-group>
 				</view>
+				<!-- 全选/取消全选 -->
+				<view class="select-all-box" @click="toggleSelectAll">
+					<checkbox :checked="isAllSelected" class="detail-checkbox" color="transparent"/>
+					<text>全选</text>
+				</view>
 			</view>
 			<!-- 子组件自己的底部结算栏 -->
 			<view class="footer-mall-pay-box">
@@ -53,10 +52,8 @@
 					<icon class="apple-icon"></icon>apple
 				</view>
 
-				<view v-if="currentPlatform =='android'" class="open-svip-btn" @touchstart="creatOrder">立即支付
-				</view>
-				<view v-if="currentPlatform =='ios'" style="margin-top: 20rpx;" class="open-svip-btn"
-					@touchstart="creatOrderIos">立即支付</view>
+				<view v-if="currentPlatform =='android'" class="pay-btn" @touchstart="creatOrder">立即支付</view>
+				<view v-if="currentPlatform =='ios'" class="pay-btn" @touchstart="creatOrderIos">立即支付</view>
 			</view>
 		</view>
 	</uni-popup>

pages/mall/mallPage.vue

@@ -14,9 +14,9 @@
 						<!--数学-->
 						<view :id="'item-' + item.id" v-for="item in productData.list" :key="item.id"
 							class="mall-list-item">
-							<view class="mall-content-box">
+							<view class="mall-content-box" :class="item.yigou ==1?'mall-yigou-box':''">
 								<img :src='item.cover' class="mall-image" />
-								<view class="content-body-box" :class="item.yigou ==1?'mall-yigou-box':''">
+								<view class="content-body-box">
 									<view class="content-name">
 										<view class="name-text">{{item.name}}</view>
 									</view>