Showing
2 changed files
with
39 additions
and
23 deletions
| @@ -97,8 +97,10 @@ | @@ -97,8 +97,10 @@ | ||
| 97 | <ul class="material-detail"> | 97 | <ul class="material-detail"> |
| 98 | {{# materialDetail}} | 98 | {{# materialDetail}} |
| 99 | <li class="clearfix"> | 99 | <li class="clearfix"> |
| 100 | - <img src="{{img}}"> | ||
| 101 | - <p class="name">{{name}}<br>{{enName}}</p> | 100 | + <div class="img-wrap clearfix"> |
| 101 | + <img src="{{img}}"> | ||
| 102 | + <p class="name">{{name}}<br>{{enName}}</p> | ||
| 103 | + </div> | ||
| 102 | <p class="text">{{text}}</p> | 104 | <p class="text">{{text}}</p> |
| 103 | </li> | 105 | </li> |
| 104 | {{/ materialDetail}} | 106 | {{/ materialDetail}} |
| @@ -309,10 +311,10 @@ | @@ -309,10 +311,10 @@ | ||
| 309 | <div class="comments cc-content"> | 311 | <div class="comments cc-content"> |
| 310 | <div class="comment-tabs clearfix"> | 312 | <div class="comment-tabs clearfix"> |
| 311 | <h2 class="active" data-comment-type="7"> | 313 | <h2 class="active" data-comment-type="7"> |
| 312 | - 全部（ <em class="comment-num all-comment-num">0</em> ） | 314 | + 全部 ( <em class="comment-num all-comment-num">0</em> ) |
| 313 | </h2> | 315 | </h2> |
| 314 | <h2 data-comment-type="6"> | 316 | <h2 data-comment-type="6"> |
| 315 | - 有图（ <em class="comment-num img-comment-num">0</em> ） | 317 | + 有图 ( <em class="comment-num img-comment-num">0</em> ) |
| 316 | </h2> | 318 | </h2> |
| 317 | </div> | 319 | </div> |
| 318 | <div class="judge-content"> | 320 | <div class="judge-content"> |
| @@ -457,7 +459,7 @@ | @@ -457,7 +459,7 @@ | ||
| 457 | 459 | ||
| 458 | <div class="shoppingCar"> | 460 | <div class="shoppingCar"> |
| 459 | <div class="shoppingCar-btn"> | 461 | <div class="shoppingCar-btn"> |
| 460 | - <i class="iconfont"></i> 加入购物车 | 462 | + <i class="iconfont"></i> 加入购物车 |
| 461 | </div> | 463 | </div> |
| 462 | 464 | ||
| 463 | <div class="shoppingCar-nav"> | 465 | <div class="shoppingCar-nav"> |
| @@ -953,13 +953,18 @@ | @@ -953,13 +953,18 @@ | ||
| 953 | 953 | ||
| 954 | display:none; | 954 | display:none; |
| 955 | height: 48px; | 955 | height: 48px; |
| 956 | - line-height: 48px; | 956 | + line-height: 45px; |
| 957 | text-align: center; | 957 | text-align: center; |
| 958 | color: #fff; | 958 | color: #fff; |
| 959 | background-color: #d0021b; | 959 | background-color: #d0021b; |
| 960 | font-size: 16px; | 960 | font-size: 16px; |
| 961 | cursor: pointer; | 961 | cursor: pointer; |
| 962 | 962 | ||
| 963 | + .iconfont { | ||
| 964 | + font-size: 22px; | ||
| 965 | + margin-right: 5px; | ||
| 966 | + } | ||
| 967 | + | ||
| 963 | &:hover{ | 968 | &:hover{ |
| 964 | background: #eb3b19; | 969 | background: #eb3b19; |
| 965 | background: rgba(233, 38, 1, 0.8); | 970 | background: rgba(233, 38, 1, 0.8); |
| @@ -977,7 +982,8 @@ | @@ -977,7 +982,8 @@ | ||
| 977 | text-align: center; | 982 | text-align: center; |
| 978 | 983 | ||
| 979 | a{ | 984 | a{ |
| 980 | - color: #999; | 985 | + color: #999; |
| 986 | + font-size: 15px; | ||
| 981 | } | 987 | } |
| 982 | 988 | ||
| 983 | .fixed{ | 989 | .fixed{ |
| @@ -1161,30 +1167,39 @@ | @@ -1161,30 +1167,39 @@ | ||
| 1161 | } | 1167 | } |
| 1162 | 1168 | ||
| 1163 | .material-detail li { | 1169 | .material-detail li { |
| 1170 | + position: relative; | ||
| 1164 | width: 860px; | 1171 | width: 860px; |
| 1172 | + min-height: 40px; | ||
| 1165 | padding-bottom: 20px; | 1173 | padding-bottom: 20px; |
| 1166 | margin: 0 auto 20px; | 1174 | margin: 0 auto 20px; |
| 1167 | 1175 | ||
| 1168 | - img { | ||
| 1169 | - float: left; | ||
| 1170 | - width: 120px; | ||
| 1171 | - height: 40px; | ||
| 1172 | - } | 1176 | + .img-wrap { |
| 1177 | + position: absolute; | ||
| 1178 | + top: 50%; | ||
| 1179 | + margin-top: -30px; | ||
| 1173 | 1180 | ||
| 1174 | - .name { | ||
| 1175 | - float: left; | ||
| 1176 | - width: 120px; | ||
| 1177 | - line-height: 20px; | ||
| 1178 | - border-right: 1px dotted #eaeceb; | ||
| 1179 | - color: #000; | ||
| 1180 | - text-align: center; | ||
| 1181 | - font-size: 16px; | 1181 | + img { |
| 1182 | + float: left; | ||
| 1183 | + width: 120px; | ||
| 1184 | + height: 40px; | ||
| 1185 | + } | ||
| 1186 | + | ||
| 1187 | + .name { | ||
| 1188 | + float: left; | ||
| 1189 | + width: 120px; | ||
| 1190 | + line-height: 20px; | ||
| 1191 | + border-right: 1px dotted #eaeceb; | ||
| 1192 | + color: #000; | ||
| 1193 | + text-align: center; | ||
| 1194 | + font-size: 16px; | ||
| 1195 | + } | ||
| 1182 | } | 1196 | } |
| 1183 | 1197 | ||
| 1184 | .text { | 1198 | .text { |
| 1185 | float: left; | 1199 | float: left; |
| 1186 | width: 538px; | 1200 | width: 538px; |
| 1187 | padding-left: 20px; | 1201 | padding-left: 20px; |
| 1202 | + margin-left: 240px; | ||
| 1188 | line-height: 24px; | 1203 | line-height: 24px; |
| 1189 | font-size: 14px; | 1204 | font-size: 14px; |
| 1190 | border-left: 1px solid #eaeceb; | 1205 | border-left: 1px solid #eaeceb; |
| @@ -1603,11 +1618,10 @@ | @@ -1603,11 +1618,10 @@ | ||
| 1603 | font-weight:normal; | 1618 | font-weight:normal; |
| 1604 | color: #666; | 1619 | color: #666; |
| 1605 | float:left; | 1620 | float:left; |
| 1606 | - padding-left: 8px; | ||
| 1607 | - padding-top: 6px; | 1621 | + padding: 4px 15px 0 15px; |
| 1622 | + line-height: 30px; | ||
| 1608 | cursor: pointer; | 1623 | cursor: pointer; |
| 1609 | margin-bottom:0; | 1624 | margin-bottom:0; |
| 1610 | - padding-bottom: 10px; | ||
| 1611 | border-bottom: 4px solid #eee; | 1625 | border-bottom: 4px solid #eee; |
| 1612 | border-top: 1px solid #e0e0e0; | 1626 | border-top: 1px solid #e0e0e0; |
| 1613 | border-left: 1px solid #e0e0e0; | 1627 | border-left: 1px solid #e0e0e0; |
-
Please register or login to post a comment