修改样式

components/matchmaking/index.vue

@@ -21,6 +21,18 @@
 			</waterfallsFlow>
 		</view>
 		<view class="matchmaking-box" v-for="(item,index) in navs.list" :key='index' @click="goDetail(item)" v-if="navs.listStyle==-1 || navs.listStyle==0">
+			
+			<view class="box-img">
+				<view v-if="navs.listStyle==-1 && item.AlbumList.length>0" class="box-img-one">
+					<image  :src="item.AlbumList[0]" mode="aspectFill" style="width: 100%;height: 100%;border-radius: 15px;"></image>
+				</view>
+				<view v-if="navs.listStyle==0" class="box-img-two">
+					<view class="box-img-two-item" v-for="(x,y) in item.AlbumList" :key='y'>
+						<image :src="x" mode="aspectFill" style="width: 100%;height: 100%;border-radius: 15px;"></image>
+					</view>
+					<view style="width: 1px;height: 10px;"></view>
+				</view>
+			</view>
 			<view class="box-top">
 				<u-avatar :src="item.Photo" size="80"></u-avatar>
 				<image class="gstyle" v-if="item.SexStr=='男'" src="https://viitto-1301420277.cos.ap-chengdu.myqcloud.com/Static/basic-nan2.png" ></image>
@@ -28,7 +40,7 @@
 				<view class="boxt-center">
 					<view class="row">
 						<view class="box-name">{{item.name}}</view>
-						<u-tag v-if="item.Authentication==1" text="已认证" shape="circle" size='mini' style="margin-left: 5px;" mode="dark"/>
+						<u-tag v-if="item.Authentication==1" text="已认证" :bg-color="mainColor" shape="circle" size='mini' style="margin-left: 5px;" mode="dark"/>
 					</view>
 					<view class="row">
 						<!-- <view class="boxtc-b-item" v-if="item.Age>0 && item.Authentication==0">{{item.Age}}岁</view> -->
@@ -42,17 +54,6 @@
 					匹配度 {{item.MatchingRate}}%
 				</view> -->
 			</view>
-			<view class="box-img">
-				<view v-if="navs.listStyle==-1 && item.AlbumList.length>0" class="box-img-one">
-					<image  :src="item.AlbumList[0]" mode="aspectFill" style="width: 100%;height: 100%;border-radius: 15px;"></image>
-				</view>
-				<view v-if="navs.listStyle==0" class="box-img-two">
-					<view class="box-img-two-item" v-for="(x,y) in item.AlbumList" :key='y'>
-						<image :src="x" mode="aspectFill" style="width: 100%;height: 100%;border-radius: 15px;"></image>
-					</view>
-					<view style="width: 1px;height: 10px;"></view>
-				</view>
-			</view>
 		</view>
 	</view>
 </template>
@@ -99,6 +100,7 @@
 		flex-direction: row;
 		align-items: center;
 		position: relative;
+		margin-top: 15px;
 	}
 
 	.matchmaking  .gstyle{
@@ -157,7 +159,7 @@
 	}
 	.matchmaking .box-img{
 		width: 100%;
-		margin-top: 15px;
+		/* margin-top: 15px; */
 	}
 	.matchmaking .box-img-one{
 		padding: 0 15px;