.orderItem{ display: block; padding: 11px 10px 11px 15px; } .orderItem__picContainer{ padding-right: 10px; display: inline-block; } .orderItem__pic{ width:90px; height: 90px; } .orderItem__content{ display: inline-block; width:calc(100% - 100px); } .orderItem__product{ max-width:237px; font-size:17px; font-weight: 700; color:#111; padding-right:8px; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .orderItem__shop{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:13px; color:#777; padding-top: 9px; padding-bottom: 13px; } .orderItem__detail{ display: flex; justify-content: space-between; height: 22px; line-height: 22px; padding-right: 4px; } .orderItem__price{ font-size:13px; color:#777; vertical-align: 1px; margin-left: 10px; } .orderItem__price::before{ content: "\A5"; margin-right: 1px; } .orderItem__btn{ width:80px; height: 22px; text-align: center; color: #fff; border:0; font-size:14px; } .orderItem__btn--red{ background-color:#e9203d; } .orderItem__btn--grey{ background-color:#999; }
按老师的课程学完了,供大家参考
源码 https://github.com/carrieguo/react-demo-my-order.git
?非常感谢
非常感谢
GOOD JOB
很好!