/* 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;
|
}
|
.section{
|
padding: 20px 15px;
|
background-color: #fff;
|
margin: 0px 0 10px 0;
|
box-sizing: border-box;
|
border-bottom: 1px solid #f0f0f0;
|
border-top: 1px solid #f0f0f0;
|
}
|
.section1{
|
border-top: none;
|
padding: 10px 15px;
|
}
|
.order-progress {
|
position: relative;
|
overflow: hidden;
|
margin: 20rpx 0;
|
display: flex;
|
}
|
|
.order-progress:after, .order-progress:before {
|
position: absolute;
|
top: 64rpx;
|
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-row {
|
display: flex;
|
margin: 15rpx 0;
|
font-size: 30rpx;
|
}
|
|
.list-inner-title {
|
color: #999;
|
font-size: 26rpx;
|
}
|
|
.list-inner-content {
|
margin-left: 18rpx;
|
}
|
|
.list-inner-content text {
|
color: #3985ff;
|
font-size: 26rpx;
|
}
|
|
.flex-row{
|
display: flex;
|
/*align-items: center;*/
|
justify-content: space-between;
|
color: #646464;
|
font-size: 14px;
|
position: relative;
|
}
|
.flex-row+.flex-row{
|
padding-top: 20px;
|
}
|
.flex-row:not(:last-child)::after{
|
content: "";
|
position: absolute;
|
z-index: 1;
|
top: 40rpx;
|
bottom: -40rpx;
|
left: 25rpx;
|
width: 1px;
|
border-left: 1px dashed #c9c9c9;
|
}
|
.avatar{
|
width: 50rpx;
|
height: 50rpx;
|
border-radius: 50rpx;
|
margin-right: 20rpx;
|
position: relative;
|
z-index: 10;
|
}
|
.avatar{
|
background-color: #2683f5;
|
text-align: center;
|
color: #fff;
|
line-height: 40rpx;
|
font-size: 50rpx;
|
}
|
icon.iconfont{
|
margin-top: -50rpx;
|
}
|
.row-right{
|
flex: 1;
|
}
|
.row1{
|
display: flex;
|
justify-content: space-between;
|
line-height: 40rpx;
|
}
|
.person{
|
max-width: 440rpx;
|
overflow: hidden;
|
white-space: nowrap;
|
text-overflow: ellipsis;
|
position: relative;
|
}
|
.time{
|
max-width: 80px;
|
font-size: 12px;
|
color: #b2b2b2;
|
}
|
.mark{
|
color: #5cb898;
|
}
|
.remark{
|
/*background: linear-gradient(to top,#fff,#fcfcfc);*/
|
background: #f9f9f9;
|
font-size: 13px;
|
}
|