fix: good-item style error

swliu920322 · swliu920322 · commit 1e2a19c5deef · 2019-01-16T10:39:59.000+08:00
diff --git a/src/app/components/homepage/goot-item/good-item.component.html b/src/app/components/homepage/goot-item/good-item.component.html
@@ -1,10 +1,10 @@
 <div class="container">
-<div *ngFor="let item of dataSource" class="container-item">
-	<div class="container-item__header">
-		<img class="container-item__header-img" src="../../../../assets/icon/home/头像.png">
+	<div *ngFor="let item of dataSource" class="container-item">
+		<div class="container-item__header">
+			<img class="container-item__header-img" src="../../../../assets/icon/home/头像.png">
+		</div>
+		<span class="container-item-first">{{item.name}}</span>
+		<span class="container-item-second">{{item.roleName}}</span>
+		<div class="container-item-intro" style="-webkit-box-orient: vertical;">{{item.introduce}}</div>
 	</div>
-	<span class="container-item-first">{{item.name}}</span>
-	<span class="container-item-second">{{item.roleName}}</span>
-	<div class="container-item-intro">{{item.introduce}}</div>
-</div>
 </div>
diff --git a/src/app/components/homepage/goot-item/good-item.component.less b/src/app/components/homepage/goot-item/good-item.component.less
@@ -48,15 +48,13 @@
 
   &-item:hover {
     box-shadow: 0px 4px 5px 1px rgba(0, 0, 0, 0.3);
-
     .container-item-intro {
       white-space: unset;
       display: -webkit-box; //必须结合的属性 ，将对象作为弹性伸缩盒子模型显示 。
       //-webkit-box-orient; //必须结合的属性 ，设置或检索伸缩盒对象的子元素的排列方式 。
       text-overflow: ellipsis; //可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本 。
       overflow: hidden;
       -webkit-line-clamp: 5;
-      -webkit-box-orient: vertical;
     }
   }
 }
diff --git a/src/app/components/homepage/home-page.component.ts b/src/app/components/homepage/home-page.component.ts
@@ -20,7 +20,9 @@ export class HomePageComponent {
       roleName: '前端工程师',
       avatar: 'string',
       introduce:
-        '前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师'
+        '前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师' +
+        '前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师' +
+        '前端工程师前端工程师前端工程师前端工程师前端工程师前端工程师'
     },
     {
       name: '张三',

Original file line number	Diff line number	Diff line change
`@@ -48,15 +48,13 @@`
`48`	`48`
`49`	`49`	`&-item:hover {`
`50`	`50`	`box-shadow: 0px 4px 5px 1px rgba(0, 0, 0, 0.3);`
`51`		`-`
`52`	`51`	`.container-item-intro {`
`53`	`52`	`white-space: unset;`
`54`	`53`	`display: -webkit-box; //必须结合的属性，将对象作为弹性伸缩盒子模型显示。`
`55`	`54`	`//-webkit-box-orient; //必须结合的属性，设置或检索伸缩盒对象的子元素的排列方式。`
`56`	`55`	`text-overflow: ellipsis; //可以用来多行文本的情况下，用省略号“…”隐藏超出范围的文本。`
`57`	`56`	`overflow: hidden;`
`58`	`57`	`-webkit-line-clamp: 5;`
`59`		`- -webkit-box-orient: vertical;`
`60`	`58`	`}`
`61`	`59`	`}`
`62`	`60`	`}`