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.

241 lines
4.2 KiB

.evaluate {
margin:0 4%;
background-color: #FFFFFF;
box-shadow: 0upx 0upx 10upx #DDDDDD;
border-radius: 8upx;
position: relative;
top: 20upx;
.goods_data{
padding: 20upx 30upx;
display: flex;
align-items: center;
justify-content: flex-start;
overflow: hidden;
image{
width: 120upx;
height: 120upx;
border-radius: 8upx;
}
.right{
margin-left: 20upx;
width: 80%;
.goods_name{
font-size: 24upx;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient: vertical;
}
.goods_sku{
font-size: 24upx;
color: #999999;
margin-top: 5upx;
}
.goods_price{
display: flex;
align-items: center;
justify-content: space-between;
font-size: 28upx;
text-align: right;
color: #999;
margin-top: 5upx;
}
}
}
.Rate {
padding: 0upx 30upx 30upx;
background-color: #FFFFFF;
border-bottom: 1upx solid #eee;
p {
height: 60upx;
line-height: 60upx;
font-size: 30upx;
color: #333;
}
.star {
margin-top: 30upx;
display: flex;
align-items: center;
margin-left: 20upx;
image{
height: 40upx;
width: 40upx;
display: inline-block;
margin-right: 20upx;
}
}
}
.pingjia_box {
min-height: 300upx;
box-sizing: border-box;
background-color: #FFFFFF;
padding: 20upx 30upx;
border-bottom: 1upx solid #eee;
p{
font-size: 28upx;
color: #999;
margin-bottom: 20upx;
}
textarea {
min-height: 200upx;
width: 100%;
border-radius: 8upx;
overflow: hidden;
padding: 0 20upx;
box-sizing: border-box;
font-size: 26upx;
}
}
}
.btns {
width: 80%;
margin: 0 auto;
border-radius: 10upx;
height: 80upx;
color: #FFFFFF;
font-size: 30upx;
line-height: 80upx;
text-align: center;
margin-top: 100upx;
margin-bottom: 50upx;
}
.used {
overflow: hidden;
background-color: #ffffff;
margin-top: 20upx;
}
.historylist {
background-color: #ffffff;
padding: 30upx;
border-radius: 15upx;
.left {
height: 160upx;
border-radius: 8upx;
overflow: hidden;
width: 200upx;
position: relative;
float: left;
.fm {
height: 160upx;
width: 200upx;
}
.zzc {
height: 140upx;
width: 180upx;
position: absolute;
background-color: rgba($color: #000000, $alpha: 0.4);
top: 0;
left: 0;
}
.bf {
height: 30upx;
width: 30upx;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
}
.right {
padding-left: 20upx;
overflow: hidden;
.p1 {
font-size: 28upx;
color: #000;
height: 50upx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.p2 {
width: 60upx;
float: left;
.text1 {
font-size: 32upx;
color: rgba(255,94,102,1);
font-weight: bold;
}
.text2 {
font-size: 24upx;
color: rgba(255,94,102,1);
margin-left: 10upx;
}
}
.p3 {
// float: right;
margin-top: 10upx;
margin-bottom: 10upx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
image {
height: 30upx;
width: 30upx;
float: left;
}
text {
font-size: 24upx;
color: #a1a1a1;
margin-left: 10upx;
float: left;
}
}
.p4 {
width: 100%;
overflow: hidden;
height: 60upx;
padding-top: 20upx;
.text1 {
padding: 6upx 16upx;
border: 1px solid #f64031;
color: rgba(255,94,102,1);
width: 160upx;
font-weight: bold;
float: left;
height: 60upx;
text-align: center;
line-height: 50upx;
box-sizing: border-box;
border-radius: 15upx;
font-size: 24upx;
background-color: #ffffff;
margin-left: 80upx;
}
.text2 {
padding: 6upx 16upx;
border: 1px solid rgba(255,94,102,1);
color: rgba(255,94,102,1);
width: 160upx;
float: right;
font-weight: bold;
height: 60upx;
text-align: center;
line-height: 50upx;
box-sizing: border-box;
border-radius: 15upx;
font-size: 24upx;
background-color: #ffffff;
}
}
}
.top {
/deep/.van-cell {
padding: 0;
}
/deep/.van-cell__value {
text-align: left;
font-size: 30upx;
color: #000000;
font-weight: bold;
margin-left: 20upx;
}
margin-bottom: 20upx;
image {
width: 50upx;
height: 50upx;
float: left;
border-radius: 50%;
transform: translateY(-5upx);
}
}
}