Files
sphc/pages/my/after_sales_next/after_sales_next.wxss
2024-05-06 15:34:15 +08:00

176 lines
2.5 KiB
Plaintext

/* pages/my/applyAfter_sales/applyAfter_sales.wxss */
page{
background-color: #f5f5f5;
}
.goods{
width: 690rpx;
padding: 0 30rpx;
background-color: #ffffff;
border-radius: 20rpx;
margin: 30rpx 0;
}
.cont{
padding: 30rpx 0;
border-bottom: 1rpx #dcdcdc solid;
}
.cont:last-child{
border-bottom: none;
}
.cont-l image{
width: 160rpx;
height: 160rpx;
}
.cont-m{
width: 400rpx;
padding: 10rpx 0;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
.name{
width:100%;
font-size: 28rpx;
color: #333333;
}
.specs{
width:100%;
font-size: 24rpx;
color: #999999;
}
.price{
width:100%;
font-size: 36rpx;
color: #ff291e;
}
.price text{
font-size: 24rpx;
color: #999999;
text-decoration: line-through;
margin-left: 11rpx;
}
.cont-r{
display: flex;
align-items : flex-end;
font-size: 32rpx;
color: #0b0b0b;
height: 130rpx;
}
.up{
width: 690rpx;
background-color: #ffffff;
border-radius: 20rpx;
padding: 30rpx;
}
.title {
font-size: 32rpx;
color: #333;
margin: 0 0 30rpx 0;
}
.title text {
font-size: 28rpx;
color: #bababa;
}
.photo {
margin-top: 50rpx;
}
.photo::after {
display: block;
content: "";
clear: both;
}
.photo_all {
float: left;
}
.photo_all>view:nth-child(4) {
margin-right: 0;
}
.photo_cont {
width: 140rpx;
height: 140rpx;
background-color: #f0f0f0;
border-radius: 10rpx;
margin-right: 30rpx;
margin-bottom: 30rpx;
float: left;
}
.photo_cont image {
width: 140rpx;
height: 140rpx;
}
.photo_upload {
width: 140rpx;
height: 140rpx;
background-color: #f0f0f0;
border-radius: 10rpx;
float: left;
}
.photo_upload image {
width: 72rpx;
height: 52rpx;
margin: 44rpx 34rpx;
}
.submit {
width: 690rpx;
height: 80rpx;
background-image: linear-gradient(-90deg,
#ee7b1e 0%,
#fdae03 100%);
border-radius: 40rpx;
font-size: 36rpx;
line-height: 80rpx;
text-align: center;
color: #f0f0f0;
position: fixed;
bottom: 100rpx;
left: 30rpx;
}
.aArice{
width: 690rpx;
padding: 0 30rpx;
height: 100rpx;
line-height: 100rpx;
background-color: #ffffff;
border-radius: 20rpx;
margin: 30rpx 0;
font-size: 28rpx;
letter-spacing: 1rpx;
color: #333333;
}
.aArice text{
font-size: 28rpx;
letter-spacing: 2rpx;
color: #ee7b1e;
}
.aArice text text{
font-size: 36rpx;
}
.aArice2{
font-size: 28rpx;
letter-spacing: 1rpx;
color: #333333;
margin-top: 30rpx;
border-radius: 20rpx;
}
.aArice input{
height: 100%;
line-height: 100%;
border: none;
width: 500rpx;
}