|
|
@@ -13,7 +13,7 @@
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
width: 100%;
|
|
|
- padding: 15px 16px;
|
|
|
+ padding: 15px 16px 15px 16px;
|
|
|
background-color: #F5F7FA;
|
|
|
color: #646566;
|
|
|
line-height: 19px;
|
|
|
@@ -21,7 +21,8 @@
|
|
|
z-index: 1; // 为了避免.t-con向下滚动后覆盖本元素。因为.t-con的margin-top是负值。
|
|
|
li {
|
|
|
text-align: left;
|
|
|
- margin-right: 20px;
|
|
|
+ padding-right: 20px;
|
|
|
+ flex-grow: 1;
|
|
|
}
|
|
|
}
|
|
|
|
|
|
@@ -35,7 +36,7 @@
|
|
|
display: flex;
|
|
|
align-items: center;
|
|
|
width: 100%;
|
|
|
- padding: 10px 0 10px 16px;
|
|
|
+ padding: 10px 16px 10px 16px;
|
|
|
.showWhenHover {
|
|
|
visibility: hidden;
|
|
|
}
|
|
|
@@ -63,13 +64,18 @@
|
|
|
li {
|
|
|
text-align: left;
|
|
|
display: inline-block;
|
|
|
- box-sizing: content-box;
|
|
|
- margin-right: 10px;
|
|
|
-
|
|
|
+ padding-right: 20px;
|
|
|
+ flex-grow: 1;
|
|
|
span {
|
|
|
word-break: break-all;
|
|
|
color: #909090;
|
|
|
- // display: inline-block;
|
|
|
+ display: -webkit-box;
|
|
|
+ -webkit-box-orient: vertical;
|
|
|
+ -webkit-line-clamp: 2;
|
|
|
+ overflow: hidden;
|
|
|
+ &:hover {
|
|
|
+ display: inline;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
}
|