Commit eea222cdc34eb172a259871650555d643dfe0f70
1 parent
5b9b00ab
基数和双数背景颜色
Showing
1 changed file
with
9 additions
and
2 deletions
src/pages/goodDetails/goodDetails.less
| @@ -158,13 +158,15 @@ | @@ -158,13 +158,15 @@ | ||
| 158 | font-weight: 300; | 158 | font-weight: 300; |
| 159 | display: flex; | 159 | display: flex; |
| 160 | margin:0 30px; | 160 | margin:0 30px; |
| 161 | + div{ | ||
| 162 | + background: #FEF9F9; | ||
| 163 | + } | ||
| 161 | .left{ | 164 | .left{ |
| 162 | color: #777777; | 165 | color: #777777; |
| 163 | margin-right:10px; | 166 | margin-right:10px; |
| 164 | width: 204px; | 167 | width: 204px; |
| 165 | height:72px; | 168 | height:72px; |
| 166 | line-height: 72px; | 169 | line-height: 72px; |
| 167 | - background: #FEF9F9; | ||
| 168 | text-align: center; | 170 | text-align: center; |
| 169 | display: -webkit-box; | 171 | display: -webkit-box; |
| 170 | -webkit-line-clamp: 1; | 172 | -webkit-line-clamp: 1; |
| @@ -185,7 +187,6 @@ | @@ -185,7 +187,6 @@ | ||
| 185 | /*! autoprefixer: on */ | 187 | /*! autoprefixer: on */ |
| 186 | text-overflow: ellipsis; | 188 | text-overflow: ellipsis; |
| 187 | overflow: hidden; | 189 | overflow: hidden; |
| 188 | - background: #FEF9F9; | ||
| 189 | flex: 1; | 190 | flex: 1; |
| 190 | color:#333333; | 191 | color:#333333; |
| 191 | span{ | 192 | span{ |
| @@ -193,6 +194,12 @@ | @@ -193,6 +194,12 @@ | ||
| 193 | } | 194 | } |
| 194 | } | 195 | } |
| 195 | } | 196 | } |
| 197 | + .item_sku:nth-child(odd) > div{ | ||
| 198 | + background: #FEF9F9; | ||
| 199 | + } | ||
| 200 | + .item_sku:nth-child(even) > div{ | ||
| 201 | + background: rgba(249, 249, 249, 0.3); | ||
| 202 | + } | ||
| 196 | } | 203 | } |
| 197 | /**相似商品*/ | 204 | /**相似商品*/ |
| 198 | .column-list-box{ | 205 | .column-list-box{ |