MyGarageNoCar.wxss 8.3 KB
.container {
  border-top: 1rpx solid #f5f5f5;
}
.container .cateCart {
  display: flex;
  align-items: center;
  height: 100rpx;
}
.container .cateCart .left_store {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container .cateCart .left_store .left_totd {
  width: 100%;
  font-size: 28rpx;
  line-height: 100rpx;
  text-align: center;
}
.container .cateCart .item {
  font-weight: bold;
  font-size: 32rpx;
  line-height: 100rpx;
  text-align: center;
  background-color: #E8370F;
  color: #fff;
  border-radius: 0 0 6rpx 6rpx;
}
.container .cateCart .right_store {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.container .cateCart .right_store .right_totd {
  width: 100%;
  font-size: 28rpx;
  line-height: 100rpx;
  text-align: center;
}
.container .smallcontainer {
  padding: 32rpx 0;
  box-sizing: border-box;
  /* 列表 */
  /*  没图片的样式 */
}
.container .smallcontainer .like_list {
  height: 100%;
  border-bottom: 1rpx solid #F2F2F2;
}
.container .smallcontainer .like_list .fei_del {
  display: flex;
  padding: 32rpx 0 32rpx 32rpx;
  box-sizing: border-box;
}
.container .smallcontainer .like_list .fei_del .list_left {
  width: 208rpx;
  height: 208rpx;
  flex: 0 0 auto;
}
.container .smallcontainer .like_list .fei_del .list_left image {
  width: 100%;
  height: 100%;
  border-radius: 8rpx;
}
.container .smallcontainer .like_list .fei_del .list_right {
  padding: 0 32rpx;
  box-sizing: border-box;
  flex: 1;
  height: 208rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.container .smallcontainer .like_list .fei_del .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 .smallcontainer .like_list .fei_del .list_right .newzeng {
  width: 100%;
  display: flex;
  align-items: center;
}
.container .smallcontainer .like_list .fei_del .list_right .newzeng .status_change {
  padding: 5rpx 10rpx;
  color: #E8370F;
  border: 1rpx solid #E8370F;
  font-size: 24rpx;
}
.container .smallcontainer .like_list .fei_del .list_right .newzeng .rit_text {
  margin-left: 30rpx;
  display: flex;
  align-items: center;
}
.container .smallcontainer .like_list .fei_del .list_right .newzeng .rit_text .numPer {
  color: #FF444B;
  font-size: 24rpx;
}
.container .smallcontainer .like_list .fei_del .list_right .newzeng .rit_text .numperson {
  font-size: 24rpx;
  color: #8C9198;
}
.container .smallcontainer .like_list .fei_del .list_right .list_right_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.container .smallcontainer .like_list .fei_del .list_right .list_right_box .let {
  display: flex;
  align-items: baseline;
}
.container .smallcontainer .like_list .fei_del .list_right .list_right_box .let .del_priced {
  margin-left: 10rpx;
}
.container .smallcontainer .like_list .fei_del .list_right .list_right_box .let .del_priced .money_icon_ {
  font-size: 20rpx;
  line-height: 42rpx;
  color: #8C9198;
}
.container .smallcontainer .like_list .fei_del .list_right .list_right_box .let .del_priced .del_price_ {
  font-size: 24rpx;
  color: #8C9198;
  text-decoration: line-through;
}
.container .smallcontainer .like_list .fei_del .list_right .list_right_box .let .zan_price {
  display: flex;
  align-items: baseline;
  line-height: 55rpx;
  font-weight: bold;
  justify-content: space-between;
}
.container .smallcontainer .like_list .fei_del .list_right .list_right_box .let .zan_price .icon_name {
  font-size: 28rpx;
  color: #FF444B;
}
.container .smallcontainer .like_list .fei_del .list_right .list_right_box .let .zan_price .money_icon {
  margin-left: 10rpx;
  font-size: 20rpx;
  line-height: 42rpx;
  color: #FF444B;
}
.container .smallcontainer .like_list .fei_del .list_right .list_right_box .let .zan_price .price_big {
  color: #FF444B;
  font-size: 32rpx;
}
.container .smallcontainer .like_list .fei_del .list_right .list_right_box .dateTime {
  font-size: 24rpx;
  color: #8C9198;
}
.container .smallcontainer .touch_item {
  display: flex;
  justify-content: space-between;
  max-width: 750rpx;
  overflow: hidden;
  margin-bottom: 10rpx;
  background: #f5f5f5;
}
.container .smallcontainer .touch_item .content {
  width: 100%;
  margin-right: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateX(90px);
  transform: translateX(90px);
  margin-left: -90px;
}
.container .smallcontainer .touch_item .del {
  width: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #e8370f;
  -webkit-transform: translateX(90px);
  transform: translateX(90px);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-size: 35rpx;
}
.container .smallcontainer .touch_move_active .del,
.container .smallcontainer .touch_move_active .content {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.container .smallcontainer .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 .smallcontainer .like_list_1 .down_next .newzeng {
  width: 100%;
  display: flex;
  align-items: center;
}
.container .smallcontainer .like_list_1 .down_next .newzeng .status_change {
  padding: 5rpx 10rpx;
  color: #E8370F;
  border: 1rpx solid #E8370F;
  font-size: 24rpx;
}
.container .smallcontainer .like_list_1 .down_next .newzeng .rit_text {
  margin-left: 30rpx;
  display: flex;
  align-items: center;
}
.container .smallcontainer .like_list_1 .down_next .newzeng .rit_text .numPer {
  color: #FF444B;
  font-size: 24rpx;
}
.container .smallcontainer .like_list_1 .down_next .newzeng .rit_text .numperson {
  font-size: 24rpx;
  color: #8C9198;
}
.container .smallcontainer .like_list_1 .down_next .price_dP_ {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.container .smallcontainer .like_list_1 .down_next .price_dP_ .let {
  display: flex;
  line-height: 55rpx;
}
.container .smallcontainer .like_list_1 .down_next .price_dP_ .let .zan_price_ {
  display: flex;
  font-weight: bold;
}
.container .smallcontainer .like_list_1 .down_next .price_dP_ .let .zan_price_ .icon_name_ {
  font-size: 28rpx;
  color: #FF444B;
}
.container .smallcontainer .like_list_1 .down_next .price_dP_ .let .zan_price_ .money_icon_ {
  margin-left: 10rpx;
  font-size: 20rpx;
  line-height: 61rpx;
  color: #FF444B;
}
.container .smallcontainer .like_list_1 .down_next .price_dP_ .let .zan_price_ .price_big_ {
  color: #FF444B;
  font-size: 32rpx;
}
.container .smallcontainer .like_list_1 .down_next .price_dP_ .let .del {
  display: flex;
  align-self: baseline;
  margin-left: 40rpx;
}
.container .smallcontainer .like_list_1 .down_next .price_dP_ .let .del .money_icon_ {
  font-size: 20rpx;
  color: #8C9198;
  line-height: 55rpx;
}
.container .smallcontainer .like_list_1 .down_next .price_dP_ .let .del .del_price_ {
  font-size: 24rpx;
  color: #8C9198;
  text-decoration: line-through;
}
.container .smallcontainer .like_list_1 .down_next .price_dP_ .dateTime {
  font-size: 24rpx;
  color: #8C9198;
}
.container .noCar {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 200rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #ccc;
}
.container .noCar .c {
  width: 100%;
  text-align: center;
}
.container .touch_item {
  display: flex;
  justify-content: space-between;
  max-width: 750rpx;
  overflow: hidden;
  margin-bottom: 10rpx;
  background: #f5f5f5;
  height: 216rpx;
}
.container .touch_item .content {
  width: 100%;
  margin-right: 0;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transform: translateX(90px);
  transform: translateX(90px);
  margin-left: -90px;
}
.container .touch_item .content .item {
  width: 100%;
  background-color: #fffccc;
}
.container .touch_item .del {
  width: 90px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-color: #cccfff;
  -webkit-transform: translateX(90px);
  transform: translateX(90px);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  font-size: 35rpx;
}