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 | padding-left: 30px; | 2 | padding-left: 30px; |
| 3 | display: flex; | 3 | display: flex; |
| 4 | margin-top: 30px; | 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 | text-align: center; | 11 | text-align: center; |
| 12 | padding: 30px 0; | 12 | padding: 30px 0; |
| 13 | margin-left: 30px; | 13 | margin-left: 30px; |
| 14 | - .head_portrait{ | 14 | + .head_portrait { |
| 15 | width: 100px; | 15 | width: 100px; |
| 16 | height: 100px; | 16 | height: 100px; |
| 17 | border-radius: 100px; | 17 | border-radius: 100px; |
| 18 | margin: 0 auto 7px auto; | 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 | line-height: 40px; | 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 | -webkit-line-clamp: 1; | 28 | -webkit-line-clamp: 1; |
| 27 | /*! autoprefixer: off */ | 29 | /*! autoprefixer: off */ |
| 30 | + display: -webkit-box; | ||
| 28 | -webkit-box-orient: vertical; | 31 | -webkit-box-orient: vertical; |
| 29 | /*! autoprefixer: on */ | 32 | /*! autoprefixer: on */ |
| 30 | text-overflow: ellipsis; | 33 | text-overflow: ellipsis; |
| 31 | overflow: hidden; | 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 | overflow: hidden; | 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 | font-size: 26px; | 50 | font-size: 26px; |
| 48 | line-height: 48px; | 51 | line-height: 48px; |
| 49 | margin: 25px auto 0 auto; | 52 | margin: 25px auto 0 auto; |
| 50 | } | 53 | } |
| 51 | } | 54 | } |
| 52 | - .daren_box:nth-child(1){ | 55 | + .daren_box:nth-child(1) { |
| 53 | margin-left: 0px; | 56 | margin-left: 0px; |
| 54 | } | 57 | } |
| 55 | } | 58 | } |