goodsListCell.wxss 2.45 KB
/* component/goods-list-cell/goods-list-cell.wxss */

.margin-left {
  margin-left: 20rpx;
}

.margin-bottom {
  margin-bottom: 20rpx;
}

.margin-right {
  margin-right: 20rpx;
}

.margin-top {
  margin-top: 20rpx;
}

.large-margin-left {
  margin-left: 32rpx;
}

.large-margin-top {
  margin-top: 32rpx;
}

.space {
  background-color:#F0F0F0;
  height: 20rpx;
}

.goods {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 30rpx;
}

.selected-image {
  width: 40rpx;
  height: 40rpx;
}

.goods-image {
  width: 100rpx;
  height: 125rpx;
}

.goods-detail {
  width: 70%;
  display: flex;
  height:125rpx;
  justify-content: space-between;
  margin-right: 30rpx;
}

.title-color-size {
  display: flex;
  flex-direction: column;
}

.product-name {
  font-size: 28rpx;
  font-family: PingFangSC-Regular;
  margin-bottom: 10rpx;
}

.product-info {
  display: -webkit-box;
  overflow: hidden;            
  -webkit-box-orient: vertical;    
  -webkit-line-clamp: 2; 
  word-break: break-all;
  text-overflow:ellipsis;
  width: 400rpx;
}

.color-size {
  font-size: 24rpx;
}

.light-gray {
  color: #B0B0B0;
}

.pingfangsc-regular {
  font-family: PingFangSC-Regular;
}

.price-number {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.light-line {
  height: 1rpx;
  background-color: #E0E0E0;
  margin-left: 80rpx;
}

.input-upload-image-bg {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.input-refund-info {
  height: 100rpx;
  border-radius: 10rpx;
  border: 1rpx solid #E0E0E0;
  width: 686rpx;
}

.column {
  display: flex;
  flex-direction: column;
}

.input-refund-info-textarea {
  width: 100%;
  height: 100%;
}

.input-refund-info-placeholder {
  font-size: 28rpx; 
  padding-left: 32rpx; 
  padding-top: 32rpx;
  color: #E0E0E0;
}

.upload-image-info {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 686rpx;
  height: 100rpx;
}

.upload-btn {
  width: 100rpx;
  height: 100rpx;
}

.border {
  border: 1rpx solid #E0E0E0;
  border-radius: 10rpx;
}

.example-upload-image {
  background-color: #F0F0F0;
  width: 686rpx;
  height: 50rpx;
  display: flex;
  align-items: center;
}

.example-text-btn {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 646rpx;
  justify-content: space-between;
  height: 50rpx;
}

.example-text {

}

.example-arrow {
  width: 20rpx;
  height: 15rpx;
  top:0px;
  bottom:0px;
}

.productTag {
  margin-top: -20rpx;
  width:100rpx;
  height:20rpx;
}