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

OrderItem style css

.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;
}


正在回答

5 回答

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

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


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

?非常感谢

0 回复 有任何疑惑可以回复我~
非常感谢
0 回复 有任何疑惑可以回复我~

GOOD JOB

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

很好!

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

举报

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

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

进入课程

OrderItem style css

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信