暂存

pages/miniClass/taskDetail.vue

@@ -70,19 +70,20 @@
 									</view>
 								</template>
 						</view>
-						<view class="leve2">
-							<view class="imgBox flex_box" v-if="item.fileList.length > 0">
+						<view class="leve2">							
+							<view :class="['contentss',item.zhedie ? '' : 'zhedie']">
+								{{item.content}}
+							</view>	
+							<view class="imgBox flex_box" v-if="item.fileList.length > 0 && item.zhedie">
 								<view class="item" v-for="(item, index) in item.fileList" :key="index">
 									<image @click="previewImage(item.url)" :src="item.url" mode="widthFix"></image>
 								</view>
 							</view>
-							<view class="">
-								{{item.content}}
-							</view>								
-							<view class="">								
+							<view class="btnTime" style="margin-top: 20rpx;">								
 								<view class="date">
 									{{item.createTime}}
 								</view>
+								<view class="btn" @click="changeZheDie(item, index)">{{item.zhedie ? '收起' : '展开'}}</view>
 							</view>
 							
 						</view>						
@@ -351,6 +352,9 @@
 					},
 				});
 			},
+			changeZheDie(item, index){
+				this.zuoyeList[index].zhedie = !this.zuoyeList[index].zhedie
+			},
 			getZuoyeList() {
 				this.status = 1;
 				if (this.loadFlag) {
@@ -589,7 +593,12 @@
 			background-color: $themeColor;
 		}
 	}
-
+	.contentss{
+		
+	}
+	.zhedie{
+		@include bov(2);
+	}
 	.anserBox {
 		border: 4rpx dotted #2bb447;
 		margin-top: 30rpx;
@@ -642,9 +651,11 @@
 					// .userName{}
 				}
 				.leve2{ overflow: hidden;
+				.imgBox{margin-top: 20rpx;}
 					.score{ margin-top: 20rpx;
 						float: left;
 					}
+					.btn{color: $themeColor;}
 					.date{color: #999; float: right; text-align: right; font-size: 26rpx;}
 				}
 			}