上传

pages_order/service/applyRelic.vue

@@ -12,13 +12,10 @@
 
 		<view class="middle-box">
 			<view class="middle-img">
-				<view>
-					<image src="../static/applyRelic/2.png" mode="aspectFill" />
-				</view>
-				<view>
-					<image src="../static/applyRelic/2.png" mode="aspectFill" />
-				</view>
-				<view>
+				<view 
+				:key="index"
+				:class="{act : index == articleType}"
+				v-for="(item, index) in 3">
 					<image src="../static/applyRelic/2.png" mode="aspectFill" />
 				</view>
 			</view>
@@ -161,17 +158,19 @@
 				align-items: center;
 				justify-content: space-around;
 				width: 100%;
-
 				view {
 					width: 160rpx;
 					height: 160rpx;
-
+					border-radius: 50%;
 					image {
 						width: 100%;
 						height: 100%;
 					}
 				}
 			}
+			.act{
+				box-shadow: 0 0 18rpx 14rpx #ff000042;
+			}
 
 			.middle-font {
 				position: absolute;