goodsCollect.ttss 3.98 KB
page {
  display: block;
  min-height: 100%;
  background-color: #f0f0f0;
}

.fixedFilter {
  position: fixed;
  top: -1rpx;
  left: 0rx;
  height: 88rpx;
  width: 100%;
  z-index: 999;
  background-color: white;
}

.container {
   background-color: #fff; 
}

.contentContainer {
  display: flex;  
  width: 100%;   
  height: 88rpx;
  flex-direction: row;
  background-color: white;
  white-space: nowrap;
  padding-left: 30rpx;
  padding-right: 30rpx;
}

.category-item {
  display: inline-block;
  border-radius: 4rpx;
  border: solid 1rpx #B0B0B0;
  /* display: flex;  */
  align-items: center;
  justify-content: center; 
  margin: 18rpx 30rpx 18rpx 0rpx;
  padding: 8rpx 18rpx;    
}

.activity-container-footer {
  white-space: nowrap;
  background-color: white;
}

.category-item .item-name {
  font-size: 24rpx;
  font-family: PingFang-SC-Regular;
  align-items: center;
  justify-content: center;
  color: #B0B0B0;
  letter-spacing: -0.29px;  
}

.selected .item-name {
  font-size: 24rpx;
  font-family: PingFang-SC-Regular;
  align-items: center;
  justify-content: center;
  color: #444444; 
  letter-spacing: -0.29px;
}

.activity-item-img {
  width: 100%;
  height: 77%;
}

.poolGoodCellContainer {
  /* position: relative; */
  width: 100%;
  height: 240rpx;
  background-color: white;
  display: flex;
  flex-direction: column;
}

.pollGoodContainer {
  position: relative;
  top: 0;
  width: 100%;
}

.infoContainer {
  transition: left 0.2s ease-in-out;
  text-overflow: ellipsis;
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 240rpx;
  background-color: white;
  overflow: visible;
}

.goodsImage {
  width: 150rpx;
  height: 200rpx;
  margin-left: 30rpx;
  top: 20rpx;
}

.goodsInfoContainer {
  direction: flex;
  height: 100%;
  flex-direction: column;
  margin-left: 30rpx;
  margin-top: 0;
}

.arrow-view {
  display: flex;
  height: 240rpx;
  width: 30rpx;
  margin-right: 30rpx;
  align-items:center;
  justify-content:center;
} 

.arrow-image {
  height: 30rpx;
  width: 30rpx;
}

.productName {
  margin-top: 36rpx;
  margin-right: 114rpx;
  font-size: 26rpx;
  height: 80rpx;
  text-align: left;
  direction: flex;
  color: #444;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 34rpx;
}

.priceContainer {
  display: flex;
  flex-direction: row;
  position: relative;
  width: 100%;
  margin-top: 10rpx;
  align-items: center;
}

.current-old-price-container {
  display: flex;
  height: 40rpx;
  align-items: baseline;
}

.goodsPriceString {
  font-size: 28rpx;
  color: #d0021b;
}

.goodsStorageString {
  background-color: #B0B0B0;
  border-radius: 54rpx;
  font-size: 20rpx;
  font-family: PingFang-SC-Regular;
  color: #FFFFFF;
  letter-spacing: 0;
  padding: 2rpx 12rpx
}

.oldPrice {
  font-size: 24rpx;
  margin-left: 20rpx;
  color: #b0b0b0;
  text-decoration: line-through;
}

.cellDeleteBtn {
  position: absolute;
  display: flex;
  right: -140rpx;
  top: 0rpx;
  height: 240rpx;
  line-height: 240rpx;
  width: 140rpx;
  background-color: #d0021b;
  align-items: center;
  justify-content: center;
}

.cellDeleteText {
  font-family: PingFangSC;
  font-size: 32rpx;
  text-align: center;
  color: #fff;
}

.cellLine {
  height: 1rpx;
  margin-left: 36rpx;
  transform: scaleY(0.5);
  background-color: #e0e0e0;
}

.empty-view {
  width: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.like-empty-icon {
  width: 205rpx;
  height: 200rpx;
  align-self: center;
  margin-top: 300rpx;
}

.like-empty-title {
  margin-top: 10%;
  font-family: PingFang-HK;
  font-size: 26rpx;
  line-height: 1.38;
  color: #444;
  text-align: center;
}

.like-empty-btn {
  text-align: center;
  font-size: 28rpx;
  color: white;
  background-color: #444;
  width: 360rpx;
  margin-top: 10%;
  align-self: center;
  border-radius: 4px;
  align-items: center;
  padding: 30rpx;
}

.view-splite {
  height:20rpx;
  border-top: 0;
  border-bottom: 0;
  background-color: #f0f0f0;
   margin-top: 88rpx; 
}