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.

228 lines
3.9 KiB

/* pages/order/order.wxss */
2 years ago
page{
background: #F5F5F5;
2 years ago
}
.tab-view{
2 years ago
position: fixed;
width: 100%;
height: 100rpx;
2 years ago
background-color: #fff;
white-space: nowrap;
2 years ago
}
.tab-itemActive{
color: #333333;
width: 20%;
height: 100rpx;
line-height: 100rpx;
text-align: center;
font-size: 30rpx;
font-weight: bold;
display: inline-block;
}
.tab-item {
color: #999999;
width: 20%;
height: 100rpx;
line-height: 100rpx;
text-align: center;
font-size: 30rpx;
display: inline-block;
}
.tab-lineActive{
width: 78rpx;
height: 6rpx;
margin-top: -10rpx;
margin-left: 25%;
background-color: #F95B43;
z-index: 655;
}
.tab-badge{
position: absolute;
margin-top: -80rpx;
margin-left: 45rpx;
width: 35rpx;
height: 35rpx;
border-radius: 17.5rpx;
line-height: 35rpx;
font-size: 28rpx;
text-align: center;
font-weight: normal;
color: white;
background-color: red;
}
.tab-line{
width: 100%;
height: 2rpx;
margin-top: -8rpx;
2 years ago
background-color: #fff;
}
/*list*/
.list-container{
background: #F5F5F5;
2 years ago
}
.list-cell{
display: inline-table;
width: 95%;
margin:20rpx 2.5% 0rpx 2.5%; /*上-右-下-左*/
padding-bottom: 15rpx;
background: white;
/* box-shadow:0 6rpx 10rpx 2rpx #807e7a99; */
border-radius: 10rpx;
2 years ago
}
.list-cell image{
width: 345rpx;
height: 345rpx;
2 years ago
}
.list-cell .imageSrc{
2 years ago
position: absolute;
margin-top: 20rpx;
margin-left: 20rpx;
width: 104rpx;
2 years ago
}
.shopView {
display:flex;
align-items: center;
height: 85rpx;
2 years ago
}
.shopView image {
width: 40rpx;
height: 40rpx;
margin-left: 25rpx;
2 years ago
}
.shopView text{
margin-left: 12rpx;
font-size: 32rpx;
color: #333333;
2 years ago
}
.shopView .jiantou-img {
width: 25rpx;
height: 25rpx;
margin-left: 20rpx;
2 years ago
}
.shopView .statusLabel{
position: absolute;
right: 45rpx;
color: #FA5151;
font-size: 30rpx;
height: 40rpx;
line-height: 40rpx;
2 years ago
}
.goodsView{
2 years ago
display: flex;
flex-direction: row;
2 years ago
}
.goodsView .goodsImg {
margin-left: 20rpx;
width: 150rpx;
height: 150rpx;
2 years ago
}
.goodsView .content{
display: flex;
flex-direction: column;
justify-content: center;
margin-left: 25rpx;
}
.content .title{
/* margin-top: 10rpx; */
color: #333333;
font-size: 36rpx;
max-width: 480rpx;
overflow: hidden;
text-overflow: ellipsis; /*超出省略号*/
white-space: nowrap;
font-weight: bold;
height: 40rpx;
line-height: 40rpx;
/*-webkit-line-clamp: 2; /*控制行数*/
}
.content .spec{
margin-top: 25rpx;
color: #999999;
font-size: 30rpx;
max-width: 480rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 40rpx;
line-height: 40rpx;
2 years ago
}
.priceView{
margin-top: 30rpx;
display: flex;
height: 40rpx;
2 years ago
}
.priceView .price{
color: #FA5151;
font-size: 36rpx;
line-height: 40rpx;
2 years ago
}
.priceView .quantity{
position: absolute;
right: 45rpx;
color: #9d9d9d;
font-size: 28rpx;
line-height: 40rpx;
2 years ago
}
.bottomView{
2 years ago
display: flex;
flex-direction: row;
margin-top: 15rpx;
margin-bottom: 15rpx;
2 years ago
align-items: center;
box-sizing: border-box;
height: 70rpx;
2 years ago
}
.normalBtn{
position: absolute;
right: 225rpx;
padding: 5rpx 22rpx;
font-size: 28rpx;
color: #999999;
border: 1px solid #FA5151;
height: 50rpx;
line-height: 50rpx;
border-radius: 50rpx;
}
.confirmBtn{
position: absolute;
right: 45rpx;
padding: 5rpx 22rpx;
font-size: 28rpx;
color: #FA5151;
border: 1px solid #FA5151;
height: 50rpx;
line-height: 50rpx;
border-radius: 50rpx;
}
.deleteBtn{
position: absolute;
right: 410rpx;
padding: 5rpx 22rpx;
font-size: 28rpx;
color: #999999;
border: 1px solid #FA5151;
height: 50rpx;
line-height: 50rpx;
border-radius: 50rpx;
}
.noMoreData{
padding-top: 100rpx;
line-height: 100rpx;
height: 100rpx;
width: 100%;
font-size: 32rpx;
text-align: center;
color: #454553;
2 years ago
}
.scrollView {
flex-grow: 1;
padding:0rpx;
padding-top: 100rpx;
2 years ago
}
.loading,.complete {
width: 100%;
padding: 30rpx 0rpx;
text-align: center;
font-size: 24rpx;
color: #9fa4b6;
2 years ago
}