You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
144 lines
3.5 KiB
144 lines
3.5 KiB
.list {
|
|
background: #fff;
|
|
font-size: 30rpx;
|
|
margin: 20rpx; border-radius: 20rpx; padding: 10rpx 0; font-size: 28rpx;
|
|
}
|
|
|
|
.list>view {
|
|
padding: 10rpx 0;
|
|
overflow: hidden;
|
|
}
|
|
|
|
/* .list>view:last-of-type {
|
|
border-bottom: none;
|
|
} */
|
|
|
|
.title {
|
|
width: 190rpx;
|
|
float: left;
|
|
color: #999;
|
|
text-align: right
|
|
}
|
|
|
|
.detail-list {
|
|
width: 510rpx;
|
|
color: #333;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.detail-list .img{display: flex; width: 100%;}
|
|
.detail-list .upload{ width: 100rpx; height: 100rpx; margin-right: 20rpx; margin-bottom: 10rpx; }
|
|
.detail-list .upload image{width: 100%; height: 100%; border-radius: 10rpx;}
|
|
|
|
.time {
|
|
border-bottom: 1rpx solid #efefef;
|
|
padding: 20rpx 0;
|
|
}
|
|
|
|
.time>view:last-of-type {
|
|
font-size: 24rpx;
|
|
color: rgba(153, 153, 153, 1);
|
|
margin-bottom: 20rpx;
|
|
}
|
|
|
|
.time>view:first-of-type {
|
|
font-size: 30rpx;
|
|
color: #333;
|
|
}
|
|
.title-big {
|
|
font-size: 30rpx;
|
|
color: #333;
|
|
height: 80rpx;
|
|
line-height: 50rpx;
|
|
border-bottom: 1rpx solid #efefef; display: flex; align-items: center;
|
|
}
|
|
.title-big>image,.title-big-two>view>image{width: 40rpx; height: 40rpx; margin: 0 10rpx;}
|
|
.title-big-two>view{display: flex; align-items: center;}
|
|
.title-big-two{font-size: 30rpx; color: #333; height: 80rpx; line-height: 50rpx; border-bottom: 1rpx solid #efefef; display: flex; align-items: center; display: flex; justify-content: space-between;}
|
|
|
|
.swiper-tab {
|
|
width: 100%;
|
|
text-align: center;
|
|
display: flex;
|
|
line-height: 80rpx;
|
|
border-bottom: 1rpx solid #ddd;
|
|
justify-content: space-around;
|
|
height: 80rpx;
|
|
box-sizing: border-box;
|
|
background: #fff;
|
|
}
|
|
|
|
.swiper-tab>view {
|
|
font-size: 28rpx;
|
|
box-sizing: border-box;
|
|
color: #999;
|
|
}
|
|
|
|
.swiper-tab .on {
|
|
color: #096b94;
|
|
border-bottom: 5rpx solid #096b94;
|
|
font-weight: bold;
|
|
}
|
|
|
|
swiper-item,scroll-view { height: 100%;}
|
|
scroll-view {background: #efefef;}
|
|
button::after { border: none;}
|
|
.guo { background: #FFF; color: #333;}
|
|
.ju { background: #f66;}
|
|
.jie,.pai,.zhuan,.sure { background: #0A6597;}
|
|
.in,.yue {background: #f2993a;}
|
|
.pb-100 { padding-bottom: 100rpx;}
|
|
.operate {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
color: #fff;
|
|
width: 100%;
|
|
position: fixed;
|
|
bottom: 0;
|
|
padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);
|
|
}
|
|
.operate>view {
|
|
flex: 1;
|
|
text-align: center;
|
|
height: 90rpx;
|
|
font-size: 30rpx;
|
|
line-height: 90rpx;
|
|
}
|
|
.blue-date{width: 38rpx; height: 38rpx;}
|
|
.allOrder{height: calc(100vh - 100rpx); overflow: auto;}
|
|
.logistics-detail{background-color: #FFF; width: 720rpx; margin: 20rpx auto; padding: 0 20rpx; border-radius: 20rpx; overflow: hidden;}
|
|
|
|
.time2 {
|
|
border-bottom: 1rpx dashed #efefef;
|
|
padding: 0rpx 20rpx;
|
|
display: flex;
|
|
}
|
|
|
|
.time2>view:first-of-type {
|
|
font-size: 24rpx;
|
|
color: rgba(153, 153, 153, 1);
|
|
margin-bottom: 20rpx;
|
|
width: 280rpx;
|
|
}
|
|
|
|
.time2>view:last-of-type {
|
|
font-size: 28rpx;
|
|
color: #333; flex: 1;
|
|
}
|
|
|
|
.content-row { padding: 0; border-radius: 20rpx; background-color: #ffffff; margin: 20rpx;}
|
|
.list{position: relative;}
|
|
.list .right-rj {
|
|
border: solid #aaa;
|
|
border-width: 0 2rpx 2rpx 0;
|
|
display: inline-block;
|
|
padding: 8rpx;
|
|
transform: rotate(-45deg);
|
|
-webkit-transform: rotate(-45deg);
|
|
position: absolute; right: 10rpx; top: 80rpx;
|
|
}
|
|
.list{ border-bottom:1px #f0f0f0 solid; border-radius: 0; position: relative;}
|
|
.list>view{display: flex; padding: 10rpx 0; }
|
|
.left-tit {width: 130rpx; color: #999; text-align: right; margin-right: 20rpx;}
|
|
.list>view .value{flex: 1; display: flex;}
|
|
.status_text{ position: absolute; top: 0rpx; right: 0rpx; font-size: 24rpx;} |