Browse Source

拍照点界面 添加图片预览banner

zhangxike 2 days ago
parent
commit
7476475a1f
1 changed files with 15 additions and 9 deletions
  1. 15 9
      pages/work/record/RecordList.uvue

+ 15 - 9
pages/work/record/RecordList.uvue

@@ -60,13 +60,9 @@
 
 			<view class="info-row" style="margin: 10px 0;">
 				<view v-for="(tag,index) in item.imgname" :key="index">
-					<uni-badge text="x" absolute="rightTop" :offset="[-3,-3]" size="small">
-						<view>
-							<uni-tag :text="tag" size="medium" type="primary" circle v-if="closeTags[index]"
-								@click="closeTag(index)"></uni-tag>
-						</view>
-					</uni-badge>
+					<text class="img-banner" v-if="closeTags[index]" @click="closeTag(index)">{{tag}}</text>
 				</view>
+
 			</view>
 			<view class="my-page">
 				<swiper class="swiper-box my-swiper" :current="0" :indicator-dots="true" v-if="item.urlpdt.length>0">
@@ -229,10 +225,10 @@
 		box-shadow: 0 8rpx 15rpx rgba(0, 43, 92, 0.1);
 		display: flex;
 		flex-direction: column;
-		margin-bottom: 20rpx;
-		margin-top: 20rpx;
+		margin-bottom: 15rpx;
+		margin-top: 10rpx;
 	}
-	
+
 	/* 卡片整体 */
 	.record-card2 {
 		background: #ffffff;
@@ -459,4 +455,14 @@
 		border-radius: 3rpx !important;
 	}
 
+	.img-banner {
+		height: 50rpx;
+		width: 120rpx;
+		background-color: #004a99;
+		text-align: center;
+		color: #fff;
+		line-height: 50rpx;
+		border-radius: 10rpx;
+		margin-left: 10rpx;
+	}
 </style>