appraise.wxss 6.4 KB
.container {
  width: 100%;
  padding: 32rpx;
  box-sizing: border-box;
}
.container .appraise {
  width: 100%;
  /* 列表 */
  /*  没图片的样式 */
}
.container .appraise .like_list {
  width: 100%;
  height: 100%;
  display: flex;
  padding: 30rpx 0;
  box-sizing: border-box;
  border-bottom: 1rpx solid #F2F2F2;
}
.container .appraise .like_list .list_left {
  width: 208rpx;
  height: 208rpx;
  flex: 0 0 auto;
}
.container .appraise .like_list .list_left image {
  width: 100%;
  height: 100%;
}
.container .appraise .like_list .list_right {
  padding-left: 40rpx;
  box-sizing: border-box;
  flex: 1;
  height: 208rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.container .appraise .like_list .list_right .list_right_content {
  font-size: 28rpx;
  line-height: 38rpx;
  height: 82rpx;
  color: #06121f;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
}
.container .appraise .like_list .list_right .newzeng {
  width: 100%;
  display: flex;
  align-items: center;
}
.container .appraise .like_list .list_right .newzeng .status_change {
  padding: 5rpx 10rpx;
  color: #E8370F;
  border: 1rpx solid #E8370F;
  font-size: 24rpx;
}
.container .appraise .like_list .list_right .newzeng .rit_text {
  margin-left: 30rpx;
  display: flex;
  align-items: center;
}
.container .appraise .like_list .list_right .newzeng .rit_text .numPer {
  color: #FF444B;
  font-size: 24rpx;
}
.container .appraise .like_list .list_right .newzeng .rit_text .numperson {
  font-size: 24rpx;
  color: #8C9198;
}
.container .appraise .like_list .list_right .list_right_box {
  display: flex;
  align-items: baseline;
}
.container .appraise .like_list .list_right .list_right_box .del {
  margin-left: 30rpx;
}
.container .appraise .like_list .list_right .list_right_box .del .money_icon_ {
  font-size: 20rpx;
  line-height: 42rpx;
  color: #8C9198;
}
.container .appraise .like_list .list_right .list_right_box .del .del_price_ {
  font-size: 24rpx;
  color: #8C9198;
  text-decoration: line-through;
}
.container .appraise .like_list .list_right .list_right_box .zan_price {
  display: flex;
  align-items: baseline;
  line-height: 55rpx;
  font-weight: bold;
  justify-content: space-between;
}
.container .appraise .like_list .list_right .list_right_box .zan_price .icon_name {
  font-size: 28rpx;
  color: #FF444B;
}
.container .appraise .like_list .list_right .list_right_box .zan_price .money_icon {
  margin-left: 10rpx;
  font-size: 20rpx;
  line-height: 42rpx;
  color: #FF444B;
}
.container .appraise .like_list .list_right .list_right_box .zan_price .price_big {
  color: #FF444B;
  font-size: 32rpx;
}
.container .appraise .like_list_1 {
  width: 100%;
  height: 100%;
  padding: 20rpx 0 10rpx;
  box-sizing: border-box;
  border-bottom: 1rpx solid #F2F2F2;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.container .appraise .like_list_1 .down_next .newzeng {
  width: 100%;
  display: flex;
  align-items: center;
}
.container .appraise .like_list_1 .down_next .newzeng .status_change {
  padding: 5rpx 10rpx;
  color: #E8370F;
  border: 1rpx solid #E8370F;
  font-size: 24rpx;
}
.container .appraise .like_list_1 .down_next .newzeng .rit_text {
  margin-left: 30rpx;
  display: flex;
  align-items: center;
}
.container .appraise .like_list_1 .down_next .newzeng .rit_text .numPer {
  color: #FF444B;
  font-size: 24rpx;
}
.container .appraise .like_list_1 .down_next .newzeng .rit_text .numperson {
  font-size: 24rpx;
  color: #8C9198;
}
.container .appraise .like_list_1 .down_next .price_dP_ {
  display: flex;
  line-height: 55rpx;
}
.container .appraise .like_list_1 .down_next .price_dP_ .zan_price_ {
  display: flex;
  font-weight: bold;
}
.container .appraise .like_list_1 .down_next .price_dP_ .zan_price_ .icon_name_ {
  font-size: 28rpx;
  color: #FF444B;
}
.container .appraise .like_list_1 .down_next .price_dP_ .zan_price_ .money_icon_ {
  margin-left: 10rpx;
  font-size: 20rpx;
  line-height: 61rpx;
  color: #FF444B;
}
.container .appraise .like_list_1 .down_next .price_dP_ .zan_price_ .price_big_ {
  color: #FF444B;
  font-size: 32rpx;
}
.container .appraise .like_list_1 .down_next .price_dP_ .del {
  display: flex;
  align-self: baseline;
  margin-left: 40rpx;
}
.container .appraise .like_list_1 .down_next .price_dP_ .del .money_icon_ {
  font-size: 20rpx;
  color: #8C9198;
  line-height: 55rpx;
}
.container .appraise .like_list_1 .down_next .price_dP_ .del .del_price_ {
  font-size: 24rpx;
  color: #8C9198;
  text-decoration: line-through;
}
.container .appraise .dicon .icon {
  margin-top: 30rpx;
  width: 100%;
  display: flex;
  align-items: center;
}
.container .appraise .dicon .icon .icon_1 {
  margin-right: 30rpx;
  display: flex;
  align-items: center;
}
.container .appraise .dicon .icon .icon_1 image {
  width: 48rpx;
  height: 48rpx;
}
.container .appraise .dicon .icon .icon_1 .iconName {
  margin-left: 10rpx;
  font-size: 28rpx;
  line-height: 40rpx;
}
.container .appraise .dicon .textarea {
  padding: 32rpx 0;
  box-sizing: border-box;
  margin-top: 30rpx;
  margin-bottom: 120rpx;
  background-color: #F9F9F9;
}
.container .appraise .dicon .textarea .textarea_text {
  width: 100%;
  padding: 0 32rpx;
  font-size: 24rpx;
  color: #999999;
}
.container .appraise .dicon .textarea .uploader_img {
  width: 100%;
  display: flex;
}
.container .appraise .dicon .textarea .uploader_img .upAdd {
  width: 132rpx;
  height: 132rpx;
}
.container .appraise .dicon .textarea .uploader_img .upAdd image {
  width: 100%;
}
.container .appraise .dicon .textarea .uploader_img .uploader_list {
  flex: 1;
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
}
.container .appraise .dicon .textarea .uploader_img .uploader_list .s_detlte {
  width: 132rpx;
  position: relative;
  margin-right: 5rpx;
  flex-shrink: 0;
}
.container .appraise .dicon .textarea .uploader_img .uploader_list .s_detlte .pictures {
  width: 132rpx;
  height: 132rpx;
  border-radius: 8rpx;
}
.container .appraise .dicon .textarea .uploader_img .uploader_list .s_detlte .delete {
  width: 32rpx;
  height: 32rpx;
  position: absolute;
  bottom: 10rpx;
  right: 0rpx;
}
.container .downbtn {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background-color: #fff;
  padding: 0 64rpx;
  box-sizing: border-box;
}
.container .downbtn .btn {
  width: 620rpx;
  height: 80rpx;
  margin: 10rpx 0;
  line-height: 80rpx;
  padding: 0;
  font-weight: 400;
  font-size: 28rpx;
  background-color: #E8370F;
  color: #fff;
}