27

pages/find/friend-circle/components/circleItem.vue

@@ -39,14 +39,9 @@
 
 
 				<!-- 视频 -->
-				<view class="u-m-b-30 u-m-t-30  u-flex u-row-left u-col-center"  
+				<view class="u-m-b-30 u-m-t-30 u-flex u-row-left u-col-center" 
 					v-if="item.files.length > 0&&item.releaseType==2"  @tap="previewImg(0, item)">
-					<view v-if="vuex_OSPlat=='ios'">
-						<u-image  width="280rpx" :src="getVideoPoster(item.files[0])" mode="widthFix">
-							<u-loading-icon slot="loading"></u-loading-icon>
-						</u-image>
-					</view>
-					<view v-else class="u-flex u-row-center u-col-center"
+					<view class="u-flex u-row-center u-col-center"
 							style="border: 1rpx solid #36648b;width:280rpx;height:120rpx;border-radius: 16rpx;">
 						<u-icon name="play-circle" size="48" color="#36648b"
 								label="点击查看视频" label-pos="bottom"></u-icon>
@@ -55,9 +50,9 @@
 			</view>
 	
 			<!-- 地点 -->
-			<view v-if="(item.address&&item.address.chooseFlag)==true" class="u-line-2 u-m-t-10 u-m-b-10" style="font-size: 30rpx;color: #36648b;">
-				 <u-icon name="map" color="#36648b" size="30" :custom-style="{marginLeft:'-4rpx'}"></u-icon>
-				 <text> {{ item.address.name}}</text>
+			<view v-if="(item.address&&item.address.chooseFlag)==true" @click="gotomap(item)" class="content-address">
+				 <u-icon name="map" color="#36648b"></u-icon>
+				 <u-text class="name" :lines="1" :text="item.address.name"></u-text>
 			</view>
 	
 			<!-- 相对时间 点赞按钮等 -->
@@ -182,6 +177,12 @@
 				return "http://192.168.31.125:9090/we-chat/images/friendCircle/1715421601709.mp4";
 				//return videoSrc;
 			},
+			gotomap(item){
+				const addr = item.address;
+				uni.navigateTo({
+					url:`/pages/common/map?type=viewlocation&lng=${addr.longitude}&lat=${addr.latitude}&address=${addr.address}`
+				})
+			},
 			cdn:util.cdn
 		}
 	}
@@ -254,7 +255,18 @@
 					}
 				}
 			}
-
+			&-address{
+				font-size: 26rpx;
+				color: #36648b;
+				display: flex;
+				align-items: center;
+				margin-top: 10rpx;
+				.u-icon{
+					
+				}
+				.name{
+				}
+			}
 			.msg-box {
 				width: 100%;
 				background-color: #FFF;