|
|
|
.goodsManage-page {
|
|
|
|
width: 100%;
|
|
|
|
min-height: 100vh;
|
|
|
|
background: #EEEEEE;
|
|
|
|
position: relative;
|
|
|
|
}
|
|
|
|
.no-order {
|
|
|
|
padding: 90rpx 0;
|
|
|
|
width: 100%;
|
|
|
|
text-align: center;
|
|
|
|
}
|
|
|
|
.no-order image {
|
|
|
|
width: 422rpx;
|
|
|
|
height: 508rpx;
|
|
|
|
}
|
|
|
|
.nav {
|
|
|
|
width: 100%;
|
|
|
|
position: fixed;
|
|
|
|
top: 0;
|
|
|
|
left: 0;
|
|
|
|
background-color: #fff;
|
|
|
|
color: #707070;
|
|
|
|
font-size: 28rpx;
|
|
|
|
}
|
|
|
|
.nav .item {
|
|
|
|
padding-bottom: 12rpx;
|
|
|
|
}
|
|
|
|
.nav .on {
|
|
|
|
font-weight: 500;
|
|
|
|
color: #000;
|
|
|
|
border-bottom: 6rpx solid #FF6D31;
|
|
|
|
}
|
|
|
|
.goods-list-box {
|
|
|
|
width: 100%;
|
|
|
|
padding: 90rpx 40rpx 126rpx;
|
|
|
|
}
|
|
|
|
.goods-list-box .goods-item {
|
|
|
|
width: 100%;
|
|
|
|
padding: 32rpx 22rpx 16rpx;
|
|
|
|
border-radius: 12rpx;
|
|
|
|
background: #fff;
|
|
|
|
font-size: 28rpx;
|
|
|
|
margin-bottom: 32rpx;
|
|
|
|
}
|
|
|
|
.goods-list-box .goods-item .goods-img {
|
|
|
|
width: 116rpx;
|
|
|
|
height: 116rpx;
|
|
|
|
border-radius: 12rpx;
|
|
|
|
margin-right: 24rpx;
|
|
|
|
}
|
|
|
|
.goods-list-box .goods-item .info-box {
|
|
|
|
width: calc(100% - 140rpx);
|
|
|
|
display: -webkit-box;
|
|
|
|
display: -webkit-flex;
|
|
|
|
display: flex;
|
|
|
|
-webkit-box-orient: vertical;
|
|
|
|
-webkit-box-direction: normal;
|
|
|
|
-webkit-flex-direction: column;
|
|
|
|
flex-direction: column;
|
|
|
|
-webkit-justify-content: space-around;
|
|
|
|
justify-content: space-around;
|
|
|
|
}
|
|
|
|
.goods-list-box .goods-item .title {
|
|
|
|
line-height: 40rpx;
|
|
|
|
color: #333333;
|
|
|
|
}
|
|
|
|
.goods-list-box .goods-item .colG {
|
|
|
|
font-size: 22rpx;
|
|
|
|
color: #b7b7b7;
|
|
|
|
}
|
|
|
|
.goods-list-box .goods-item .money {
|
|
|
|
color: #FF6D31;
|
|
|
|
font-weight: 500;
|
|
|
|
line-height: 40rpx;
|
|
|
|
}
|
|
|
|
.goods-list-box .goods-item .btn-box {
|
|
|
|
border-top: 2rpx solid #ECECEC;
|
|
|
|
width: 100%;
|
|
|
|
padding: 16rpx 0 0;
|
|
|
|
margin-top: 28rpx;
|
|
|
|
font-size: 28rpx;
|
|
|
|
}
|
|
|
|
.goods-list-box .goods-item .btn-box image {
|
|
|
|
width: 28rpx;
|
|
|
|
height: 28rpx;
|
|
|
|
margin-right: 6rpx;
|
|
|
|
}
|
|
|
|
.goods-list-box .goods-item .btn-box .flip {
|
|
|
|
-webkit-transform: rotate(180deg);
|
|
|
|
transform: rotate(180deg);
|
|
|
|
}
|
|
|
|
.goods-list-box .goods-item .btn-box view {
|
|
|
|
margin-left: 28rpx;
|
|
|
|
}
|
|
|
|
.goods-list-box .goods-item .btn-box .off-shelf-btn {
|
|
|
|
color: #FF6D31;
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
.goods-list-box .goods-item .btn-box .edit-btn {
|
|
|
|
color: #5C96E8;
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
.goods-list-box .goods-item .btn-box .del-btn {
|
|
|
|
color: #B7B7B7;
|
|
|
|
font-weight: 500;
|
|
|
|
}
|
|
|
|
.add-btn {
|
|
|
|
width: 670rpx;
|
|
|
|
height: 80rpx;
|
|
|
|
line-height: 80rpx;
|
|
|
|
text-align: center;
|
|
|
|
color: #fff;
|
|
|
|
background: -webkit-linear-gradient(316deg, #FFA782 0%, #FF6D31 100%);
|
|
|
|
background: linear-gradient(134deg, #FFA782 0%, #FF6D31 100%);
|
|
|
|
border-radius: 40rpx;
|
|
|
|
position: absolute;
|
|
|
|
bottom: 50rpx;
|
|
|
|
left: 50%;
|
|
|
|
margin-left: -335rpx;
|
|
|
|
}
|
|
|
|
|