/* pages/listDetail/listDetail.wxss */
|
@import "../template/no-more/no-more-template";
|
@import "../template/goods-item-row/goods-item-row-template";
|
@import "/src/weui";
|
page {
|
background-color: #f9f9f9;
|
}
|
view{
|
font-size: 28rpx;
|
}
|
.list-details-content {
|
margin-bottom: 120rpx;
|
}
|
|
|
/*订单状态 */
|
.icon-lajixiang{
|
/* font-size: 40rpx;
|
position: absolute;
|
right: 10rpx;
|
top:20rpx;
|
z-index: 10; */
|
padding: 0 20rpx;
|
}
|
.address, .order-state {
|
padding: 20rpx;
|
background-color: #fff;
|
position: relative;
|
}
|
|
.order-progress {
|
position: relative;
|
overflow: hidden;
|
margin: 20rpx 0;
|
display: flex;
|
}
|
|
.order-progress:after, .order-progress:before {
|
position: absolute;
|
top: 59rpx;
|
content: "\20";
|
display: block;
|
margin: 0 auto;
|
height: 6rpx;
|
width: 33%;
|
background: #999;
|
border-top: 4rpx solid #dbdbdb;
|
border-bottom: 4rpx solid #dbdbdb;
|
}
|
|
.order-progress:before {
|
left: 17%;
|
}
|
|
.order-progress.order-progress-b:before, .order-progress.order-progress-a:after {
|
background: #229bc9;
|
}
|
|
.order-progress:after {
|
right: 17%;
|
}
|
|
.order-progress view {
|
position: relative;
|
width: 33.33%;
|
text-align: center;
|
color: #999;
|
display: block;
|
flex: 1;
|
}
|
|
.order-progress i {
|
position: relative;
|
z-index: 1;
|
display: block;
|
width: 40rpx;
|
height: 40rpx;
|
margin: 10rpx auto;
|
background: #999;
|
border-radius: 40rpx;
|
border: 4rpx solid #e5e5e5;
|
}
|
|
.order-progress .i-complete {
|
background: #229bc9 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAMAAAAM7l6QAAAANlBMVEUAAAD////////////////////////////////////////////////////////////////////xY8b8AAAAEXRSTlMAIeEd2RrpFd3TvSoo27+mO0YaAYIAAABRSURBVCjP7ctLCoAwDEXRaKypqb/sf7MGIijIq3TeOz1c6r1i5YoO2bSqmbGOP7q1qRzy6PR51RbBSmV2vzURAQfqre5nKHILhe6KK3uiXnQBx6gCzVgsehAAAAAASUVORK5CYII=) no-repeat 50%;
|
background-size: 40rpx 40rpx;
|
}
|
|
/* .list-inner {
|
border-top: 1rpx solid #ddd;
|
padding-top: 20rpx;
|
} */
|
|
.list-inner-row {
|
display: flex;
|
justify-content: space-between;
|
margin: 15rpx 0;
|
font-size: 30rpx;
|
}
|
|
.list-inner-title {
|
color: #999;
|
font-size: 28rpx;
|
}
|
|
.list-inner-content {
|
margin-left: 18rpx;
|
}
|
|
.list-inner-content text {
|
color: #3985ff;
|
font-size: 26rpx;
|
}
|
|
/*订单详细 */
|
|
.order-detail {
|
margin: 20rpx 0;
|
padding: 20rpx;
|
background-color: #fff;
|
position: relative;
|
}
|
|
.order-detail > view {
|
position: relative;
|
padding-left: 150rpx;
|
margin: 5rpx 0;
|
font-size: 26rpx;
|
}
|
|
.order-detail > view text {
|
position: absolute;
|
left: 0;
|
top: 0;
|
display: block;
|
width: 150rpx;
|
color: #999;
|
font-size: 26rpx;
|
}
|
|
.order-detail > view b {
|
font-weight: 400;
|
color: #e4393c;
|
}
|
|
navigator {
|
display: inline-block;
|
}
|
|
.item-btn {
|
padding: 5rpx 15rpx;
|
border-radius: 50rpx;
|
border: 1rpx solid #f23232;
|
color: #f23232;
|
}
|
|
.store-title {
|
border-bottom: 1rpx solid #f1f1f1;
|
height: 80rpx;
|
background-color: #fff;
|
padding-left: 20rpx;
|
display: flex;
|
align-items: center;
|
justify-content: space-between;
|
}
|
|
.store-title-a text {
|
margin: 0 20rpx;
|
font-size: 28rpx;
|
}
|
|
/* 金额信息 */
|
|
.order-total {
|
margin: 20rpx 0 60rpx 0;
|
padding: 0 20rpx;
|
background-color: #fff;
|
}
|
|
.order-total > view {
|
position: relative;
|
padding: 20rpx 0;
|
}
|
|
.order-total view {
|
line-height: 60rpx;
|
font-size: 28rpx;
|
}
|
|
.order-total view text {
|
color: #e4393c;
|
float: right;
|
font-size: 28rpx;
|
}
|
|
.order-total .total {
|
border-top: 1rpx solid #ddd;
|
text-align: right;
|
padding: 15rpx 0;
|
}
|
|
.order-total .total strong {
|
font-size: 30rpx;
|
color: #e4393c;
|
}
|
.no-more{
|
padding-bottom: 120rpx;
|
}
|
/*底部按钮 */
|
|
.list-details-footer {
|
position: fixed;
|
left: 0;
|
bottom: 0;
|
width: 100%;
|
height: 100rpx;
|
background-color: #fff;
|
z-index: 10;
|
box-shadow: 0px -10rpx 30rpx #ccc;
|
}
|
|
.order-info-btn text,.share-btn {
|
padding: 20rpx 30rpx;
|
border: 1rpx solid #666;
|
border-radius: 50rpx;
|
margin-left: 20rpx;
|
color: #333;
|
}
|
.btn-view{
|
position: absolute;
|
left: -10rpx;
|
right: 520rpx;
|
}
|
.share-btn{
|
|
display: inline;
|
font-size: 12px;
|
border: 1rpx solid #1aad19;
|
color: #1aad19;
|
background-color: #fff;
|
}
|
.share-btn::after{
|
border:0;
|
}
|
.order-info-btn {
|
position: relative;
|
line-height: 100rpx;
|
padding: 0 10rpx;
|
text-align: right;
|
background-color: #fff;
|
}
|
|
.order-info-btn .buy-again {
|
color: #f15353;
|
padding: 15rpx;
|
border: 1rpx solid #f15353;
|
border-radius: 50rpx;
|
margin-left: 20rpx;
|
display: inline;
|
font-size: 26rpx;
|
}
|
.order-info-btn .cancel{
|
color: #999;
|
border-color: #999;
|
}
|
.edit{
|
display: flex;
|
align-items: center;
|
justify-content: flex-end;
|
padding: 10rpx 0 20rpx 0;
|
background-color: #fff;
|
|
}
|
.price-input{
|
border-bottom: 1rpx solid #dbdbdb;
|
font-size: 14px;
|
display: inline-block;
|
}
|
.freight-price{
|
float: right;
|
}
|
.freight-price-input{
|
width: 100rpx;
|
}
|
.weui-cells{
|
margin: 0px 0 20px 0;
|
}
|
.weui-cells:after,.weui-cells:before{
|
content: "";
|
height: 0;
|
position: static;
|
}
|
.icon-fenxiang{
|
font-size: 40rpx;
|
}
|
/* c-cartinput{
|
margin-left: 100rpx;
|
} */
|
|
.item {
|
line-height: 42rpx;
|
}
|
.address{
|
margin-bottom: 20rpx;
|
padding-bottom: 0;
|
}
|
.address .text{
|
font-size: 28rpx;
|
}
|
text.street{
|
font-size: 28rpx;
|
color: #999;
|
}
|
.address .telephone{
|
margin-left: 50rpx;
|
}
|
.order-title{
|
display: flex;
|
justify-content: space-between;
|
padding: 10rpx;
|
background-color: #fff;
|
align-items: center;
|
}
|
.order-title .mark{
|
color: #3985ff;
|
}
|
.icon-lajixiang{
|
color: #f23232;
|
font-size: 36rpx;
|
}
|
.list-inner view{
|
font-size: 28rpx;
|
}
|
.order-state{
|
margin-top: 20rpx;
|
}
|
.order-info-btn .buy-now{
|
padding: 20rpx 40rpx;
|
background-color: #e64340;
|
color: #fff;
|
font-size: 26rpx;
|
}
|
.dialog-title{
|
text-align: center;
|
}
|
.order-group{
|
margin-top: 20rpx;
|
padding: 0 10rpx;
|
background-color: #fff;
|
}
|
.my-cell .van-cell{
|
align-items: center;
|
/* padding: 0; */
|
}
|
.avatar-view{
|
position: relative;
|
display: inline-block;
|
}
|
.img-mask{
|
top: 0;
|
position: absolute;
|
/*opacity: 0.3;*/
|
background-color: #666666aa;
|
right: 0;
|
left: 0;
|
border-radius: 50%;
|
height: 80rpx;
|
display: flex;
|
align-items: center;
|
color: #fff;
|
justify-content: center;
|
}
|
.group-tag{
|
position: absolute;
|
left: -15rpx;
|
top: -10rpx;
|
}
|
.slot-title{
|
margin-left: 20rpx;
|
}
|
.van-cell-text{
|
color: #a9a9a9;
|
}
|
.my-cell-content{
|
display: flex;
|
align-items: center;
|
justify-content: flex-end;
|
}
|
.my-cell-content .iconfont{
|
font-size: 42rpx;
|
}
|