为了账号安全,请及时绑定邮箱和手机立即绑定

Style.css

.orderItem {

display: block;

padding: 11px 10px 11px 15px;

}

.orderItem__picContainer {

padding: right 10;

display: block;

}

.orderItem__pic {

width: 90px;

height: 90px;

}

.orderItem__content {

display: inline-block;

}


.orderItem__product {

max-width: 237px;

font-size: 17px;

font-weight: 700;

coloc: #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: 2px;

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;

}



正在回答

2 回答

按老师的课程学完了,供大家参考

源码 https://github.com/carrieguo/react-demo-my-order.git


0 回复 有任何疑惑可以回复我~

very good

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
React 16实现订单列表及评价功能
  • 参与学习       14647    人
  • 解答问题       39    个

以订单列表为案例,讲授React项目的开发流程

进入课程
意见反馈 帮助中心 APP下载
官方微信