临时提交~

王强
1 parent 0f3123c5
Showing 5 changed files with 90 additions and 22 deletions
src/components/darenListCom/darenListCom.less
src/components/darenListCom/darenListCom.vue
src/components/userAvatarBox/userAvatarBox.vue
src/pages/darenList/darenList.less
static/img/icon_popular_comment.png
 @charset "UTF-8";
  
-.daren-list-box {
-	.daren-list-com {
-		
-	}
-}
+.daren-list-com {
+    .title-box + .box {
+		margin-top: 30px;
+    }
+    > .box {
+		margin: 0 auto;
+		width: 690px;
+		.top-box {
+			display: flex;
+			justify-content: space-between;
+			align-items: center;
+			.top-left {
+
+			}
+			.top-right {
+				color: #666666;
+				font-size: 26px;
+				font-weight: 400;
+			}
+		}
+		.intro-box {
+			display: -webkit-box;
+			margin-top: 20px;
+			color: #666666;
+			font-size: 26px;
+			font-weight: 400;
+			line-height: 37px;
+			width: 100%;
+			-webkit-line-clamp: 3;
+			/*! autoprefixer: off */
+			-webkit-box-orient: vertical;
+			/*! autoprefixer: on */
+			text-overflow: ellipsis;
+			overflow: hidden;
+		}
+		.center-box {
+			margin-top: 20px;
+
+
+
+
+			
+		}
+		.bottom-box {
+
+
+
+
+			.comment-like-view-box {
+				display: flex;
+				justify-content: space-between;
+				align-items: center;
+
+
+
+
+			}
+		}
+
+
+
+
+
+
+
+
+
+    }
+}
 \ No newline at end of file
@@ -6,20 +6,27 @@
  
 		<div class="box">
 			<div class="top-box">
-				
-				<!-- 用户头像/昵称 -->
-				<user-avatar class="top-left" @jump="userJump"
-					>
-				</user-avatar>
-
-				<!-- 发布时间 -->
+				<div class="top-left">
+
+					<!-- 用户头像/昵称 -->
+					<user-avatar @jump="userJump"
+						:users="{
+							simg: 'static/img/6.png',
+							nickname: '欧阳娜娜'
+						}">
+					</user-avatar>
+				</div>
 				<div class="top-right">
  
+					<!-- 发布时间 -->
+					26秒前
 				</div>
 			</div>
  
 			<!-- 动态简介 -->
-			<div class="intro"></div>
+			<div class="intro-box">
+				盆地是地球表面（岩石圈表面）相对长时期沉降的区域，因整个地形外观与盆子相似而得名。换言之盆地是基底表面相对于海拔盆地是地球表面相对长时期沉降的区域盆地是地球表面（岩石圈表面）相对长时期沉降的区域，因整个地形外观与盆子相似而得名。换言之盆地是基底表面相对于海拔盆地是地球表面相对长时期沉降的区域盆地是地球表面（岩石圈表面）相对长时期沉降的区域，因整个地形外观与盆子相似而得名。换言之盆地是基底表面相对于海拔盆地是地球表面相对长时期沉降的区域盆地是地球表面（岩石圈表面）相对长时期沉降的区域，因整个地形外观与盆子相似而得名。换言之盆地是基底表面相对于海拔盆地是地球表面相对长时期沉降的区域
+			</div>
  
 			<!-- 中间图片部分 -->
 			<div class="center-box">
@@ -2,14 +2,14 @@
     <div class="user-avatar-box" v-if="users" @click="jump(users)">
 		<div class="box">
 			<div class="avatar-box">
-				<img v-lazy="users.avatar" class="avatar-img" />
+				<img v-lazy="users.simg" class="avatar-img" />
 			</div>
 			<div class="nickname">
 				{{users.nickname}}
 			</div>
 		</div>
     </div>
-</template>f
+</template>
  
 <script>
     export default {
 @charset "UTF-8";
  
-.daren-list-com {
-    .title-box + .box {
-		margin-top: 30px;
-    }
-    > .box {
-        
-    }
+.daren-list-box {
+	.daren-list-com {
+		
+	}
 }
 \ No newline at end of file