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

正在回答

1 回答

.header {

    background-color: #E9203D;

    color: #FFFFFF;

    height: 2rem;

    text-align: center;

    font-size: 1rem;

    line-height: 2rem;

    position: fixed;

    top: 0;

    width: 100%;

}

.order {

    height: 100%;

    overflow: scroll;

}

.orderList {

    display: block;

    padding: 2.2rem 0.5rem 0.2rem 0.5rem;

    .orderList__picContainer {

    padding-right: 0.625rem;

    display: inline-block;

    .orderList__pic {

    width: 5.625rem;

    height: 5.625rem;

    }

}

.orderList__content {

    display: inline-block;

    width: calc(100% - 6.25rem);

    line-height: 1.75rem;

    .orderList__product {

    max-width: 15rem;

    font-size: 1rem;

    font-weight: 700;

    color: #111111;

    padding-right: 0.5rem;

    box-sizing: border-box;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}

.orderList__shop {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 0.8125rem;

    color: #777777;

    padding: 0.5625rem 0.8125rem  0;

    }

.orderList__detail {

    display: flex;

    justify-content: space-between;

    height: 1.375rem;

    line-height: 1.375rem;

    padding-right: 0.25rem;

    .orderList__price {

    font-size: 0.875rem;

    color: #777777;

    vertical-align: 0.0625rem;

    margin-left: 0.625rem;

}

.orderList__price::before {

    content: '\A5';

    margin-right: 0.0625rem;

}

}

}

.orderList__commentContainer {

    .orderList__star--light {

    color: #E9203D;

    border-radius: 0.5rem;

}

textarea {

    width: 100%;

    height: 4rem;

    margin-top: 0.2rem;

    padding: 0.25rem 0.5rem;

    font-size: 0.75rem;

    color: #999999;

}

}

.orderList__btn {

    width: 5rem;

    height: 1.375rem;

    text-align: center;

    color: #FFFFFF;

    border: 0;

    font-size: 0.875rem;

}

.orderList__btn--red {

    background-color: #E9203D;

}

.orderList__btn--grey {

    background-color: #999999;

}

}



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

举报

0/150
提交
取消

rem版样式scss

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