Commit 552903d9daf85d73f70393573b49cb579d4dbb09
1 parent
11f01295
标题溢出显示点点点
Showing
1 changed file
with
29 additions
and
26 deletions
src/components/shopDarenHot/shopDarenHot.less
| 1 | -.recommendDaren{ | |
| 1 | +.recommendDaren { | |
| 2 | 2 | padding-left: 30px; |
| 3 | 3 | display: flex; |
| 4 | 4 | margin-top: 30px; |
| 5 | - .daren_box{ | |
| 6 | - width:210px; | |
| 7 | - height:auto; | |
| 8 | - background:rgba(255,255,255,1); | |
| 9 | - box-shadow:0px 0px 12px 0px rgba(0,0,0,0.06); | |
| 10 | - border-radius:12px; | |
| 5 | + .daren_box { | |
| 6 | + width: 210px; | |
| 7 | + height: auto; | |
| 8 | + background: rgba(255, 255, 255, 1); | |
| 9 | + box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.06); | |
| 10 | + border-radius: 12px; | |
| 11 | 11 | text-align: center; |
| 12 | 12 | padding: 30px 0; |
| 13 | 13 | margin-left: 30px; |
| 14 | - .head_portrait{ | |
| 14 | + .head_portrait { | |
| 15 | 15 | width: 100px; |
| 16 | 16 | height: 100px; |
| 17 | 17 | border-radius: 100px; |
| 18 | 18 | margin: 0 auto 7px auto; |
| 19 | 19 | } |
| 20 | - .name{ | |
| 21 | - height:40px; | |
| 20 | + .name { | |
| 21 | + width: 90%; | |
| 22 | + margin: 0 auto; | |
| 23 | + height: 40px; | |
| 22 | 24 | line-height: 40px; |
| 23 | - font-size:28px; | |
| 24 | - font-weight:500; | |
| 25 | - color:rgba(51,51,51,1); | |
| 25 | + font-size: 28px; | |
| 26 | + font-weight: 500; | |
| 27 | + color: rgba(51, 51, 51, 1); | |
| 26 | 28 | -webkit-line-clamp: 1; |
| 27 | 29 | /*! autoprefixer: off */ |
| 30 | + display: -webkit-box; | |
| 28 | 31 | -webkit-box-orient: vertical; |
| 29 | 32 | /*! autoprefixer: on */ |
| 30 | 33 | text-overflow: ellipsis; |
| 31 | 34 | overflow: hidden; |
| 32 | 35 | } |
| 33 | - .desc{ | |
| 34 | - height:25px; | |
| 35 | - font-size:18px; | |
| 36 | - font-weight:400; | |
| 37 | - color:rgba(153,153,153,1); | |
| 38 | - line-height:25px; | |
| 36 | + .desc { | |
| 37 | + height: 25px; | |
| 38 | + font-size: 18px; | |
| 39 | + font-weight: 400; | |
| 40 | + color: rgba(153, 153, 153, 1); | |
| 41 | + line-height: 25px; | |
| 39 | 42 | overflow: hidden; |
| 40 | 43 | } |
| 41 | - .btn{ | |
| 42 | - width:120px; | |
| 43 | - height:48px; | |
| 44 | - border-radius:26px; | |
| 45 | - border:1px solid rgba(252,21,65,1); | |
| 46 | - color: #FC1541; | |
| 44 | + .btn { | |
| 45 | + width: 120px; | |
| 46 | + height: 48px; | |
| 47 | + border-radius: 26px; | |
| 48 | + border: 1px solid rgba(252, 21, 65, 1); | |
| 49 | + color: #fc1541; | |
| 47 | 50 | font-size: 26px; |
| 48 | 51 | line-height: 48px; |
| 49 | 52 | margin: 25px auto 0 auto; |
| 50 | 53 | } |
| 51 | 54 | } |
| 52 | - .daren_box:nth-child(1){ | |
| 55 | + .daren_box:nth-child(1) { | |
| 53 | 56 | margin-left: 0px; |
| 54 | 57 | } |
| 55 | 58 | } | ... | ... |