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.
421 lines
7.0 KiB
421 lines
7.0 KiB
2 years ago
|
.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);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.youhui {
|
||
|
|
height: 40upx;
|
||
|
|
line-height: 40upx;
|
||
|
|
padding: 20upx 30upx;
|
||
|
|
border-bottom: 1upx solid #f2f2f2;
|
||
|
|
box-sizing: content-box;
|
||
|
|
.text1 {
|
||
|
|
font-size: 28upx;
|
||
|
|
color: #333333;
|
||
|
|
}
|
||
|
|
.text2 {
|
||
|
|
float: right;
|
||
|
|
color: #999999;
|
||
|
|
font-size: 28upx;
|
||
|
|
margin-right: 5upx;
|
||
|
|
margin-top: 2upx;
|
||
|
|
}
|
||
|
|
.text3 {
|
||
|
|
font-size: 24upx;
|
||
|
|
color: #999999;
|
||
|
|
margin-left: 10upx;
|
||
|
|
}
|
||
|
|
image {
|
||
|
|
float: right;
|
||
|
|
width: 12upx;
|
||
|
|
height: 22upx;
|
||
|
|
margin-top: 12upx;
|
||
|
|
margin-left: 10upx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.img_box {
|
||
|
|
overflow: hidden;
|
||
|
|
padding: 20upx 30upx;
|
||
|
|
.addImg {
|
||
|
|
width: 184upx;
|
||
|
|
height: 184upx;
|
||
|
|
background: #f2f2f2;
|
||
|
|
// background-color: pink;
|
||
|
|
border-radius: 20upx;
|
||
|
|
overflow: hidden;
|
||
|
|
transition: all 0.3s;
|
||
|
|
image {
|
||
|
|
width: 51upx;
|
||
|
|
height: 42upx;
|
||
|
|
display: block;
|
||
|
|
margin: 0 auto;
|
||
|
|
margin-top: 45upx;
|
||
|
|
}
|
||
|
|
p {
|
||
|
|
font-size: 24upx;
|
||
|
|
font-family: Microsoft YaHei;
|
||
|
|
font-weight: 400;
|
||
|
|
color: rgba(255,94,102,1);
|
||
|
|
text-align: center;
|
||
|
|
margin-top: 20upx;
|
||
|
|
}
|
||
|
|
|
||
|
|
&:active {
|
||
|
|
transform: scaleX(0.96);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.img_list {
|
||
|
|
width: 184upx;
|
||
|
|
height: 184upx;
|
||
|
|
float: left;
|
||
|
|
margin-right: 20upx;
|
||
|
|
position: relative;
|
||
|
|
overflow: hidden;
|
||
|
|
margin-bottom: 20upx;
|
||
|
|
image,video {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
display: block;
|
||
|
|
}
|
||
|
|
video{
|
||
|
|
position: relative;
|
||
|
|
border-radius: 5upx;
|
||
|
|
overflow: hidden;
|
||
|
|
overflow: visible!important;
|
||
|
|
.covers{ //遮挡层
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
position: absolute;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
z-index: 9990;
|
||
|
|
}
|
||
|
|
.imgs{
|
||
|
|
width: 72upx;
|
||
|
|
height: 72upx;
|
||
|
|
position: absolute;
|
||
|
|
top: 50%;
|
||
|
|
left: 50%;
|
||
|
|
z-index: 9999;
|
||
|
|
transform: translate(-50% ,-50%);
|
||
|
|
}
|
||
|
|
.video_close{
|
||
|
|
width: 40upx;
|
||
|
|
height: 40upx;
|
||
|
|
position: absolute;
|
||
|
|
display: block;
|
||
|
|
top: -6upx;
|
||
|
|
left: -6upx;
|
||
|
|
border-radius: 50%;
|
||
|
|
z-index: 9999;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.close {
|
||
|
|
width: 40upx;
|
||
|
|
height: 40upx;
|
||
|
|
position: absolute;
|
||
|
|
box-sizing: border-box;
|
||
|
|
top: -6upx;
|
||
|
|
left: -6upx;
|
||
|
|
border-radius: 50%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
/* 预览视频弹窗 */
|
||
|
|
.mask {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
position: fixed;
|
||
|
|
top: 0;
|
||
|
|
left: 0;
|
||
|
|
background-color: rgba(0, 0, 0, .8);
|
||
|
|
z-index: 200;
|
||
|
|
}
|
||
|
|
|
||
|
|
.previewvideo {
|
||
|
|
width: 100vw;
|
||
|
|
height: 100vw;
|
||
|
|
position: fixed;
|
||
|
|
top: 50%;
|
||
|
|
left: 0;
|
||
|
|
transform: translateY(-50%);
|
||
|
|
background-color: #000;
|
||
|
|
z-index: 900;
|
||
|
|
opacity: 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
.close {
|
||
|
|
display: flex;
|
||
|
|
align-content: center;
|
||
|
|
align-items: flex-end;
|
||
|
|
position: absolute;
|
||
|
|
top: 100upx;
|
||
|
|
right: 20upx;
|
||
|
|
z-index: 900;
|
||
|
|
|
||
|
|
image {
|
||
|
|
width: 50upx;
|
||
|
|
height: 50upx;
|
||
|
|
display: block;
|
||
|
|
justify-content: center;
|
||
|
|
margin-left: 30upx;
|
||
|
|
margin-bottom: 20upx;
|
||
|
|
border-radius: 50%;
|
||
|
|
padding: 10upx;
|
||
|
|
background-color: rgba(0, 0, 0, 0.2);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.videos {
|
||
|
|
height: 100vw;
|
||
|
|
width: 100vw;
|
||
|
|
z-index: 10;
|
||
|
|
position: relative;
|
||
|
|
|
||
|
|
video {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.nowvideos {
|
||
|
|
width: 100%;
|
||
|
|
height: 100%;
|
||
|
|
margin: 0 auto;
|
||
|
|
}
|