123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137 |
- .ab-mall-new-component .goods-item-container {
- border-bottom: 1px #eee solid;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box {
- display: flex;
- background: #fff;
- padding: 24rpx 0;
- flex-wrap: nowrap;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info {
- flex: 1;
- margin-left: 24rpx;
- flex-wrap: nowrap;
- overflow: hidden;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .name {
- color: #333;
- font-size: 33rpx;
- font-weight: 500;
- margin-bottom: 10rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .unit-and-stock {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- font-weight: 400;
- color: #999;
- margin-bottom: 10rpx;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .unit-and-stock .unit {
- font-size: 26rpx;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- flex: 1;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .unit-and-stock .stock {
- font-size: 26rpx;
- letter-spacing: 0;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .unit-and-stock .stock.red {
- color: #ff3b30;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .goods-limit {
- display: flex;
- margin-bottom: 6rpx;
- justify-content: flex-start;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container {
- display: flex;
- align-items: center;
- justify-content: space-between;
- flex-wrap: nowrap;
- padding-bottom: 5px;
- height: 84rpx;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .price {
- color: #ff3b30;
- font-size: 30rpx;
- font-weight: 500;
- margin-right: 16rpx;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .price-icon {
- display: inline;
- font-size: 20rpx;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .price-member-pre {
- position: absolute;
- font-size: 18rpx;
- top: 30rpx;
- left: 0;
- color: #ff3b30;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .member-price {
- color: #cf884b;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .pre-price {
- flex: 1;
- margin-top: 8rpx;
- color: #999;
- font-size: 18rpx;
- font-weight: 400;
- text-decoration: line-through;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .step {
- flex: 1;
- max-width: 75px;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .stepper-add {
- display: flex;
- justify-content: center;
- align-items: center;
- height: 42rpx;
- width: 42rpx;
- border-radius: 4.4rpx;
- border: 1px solid #e5e5e5;
- box-sizing: content-box;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .disable {
- color: #e5e5e5;
- }
- .ab-mall-new-component .goods-item-container .goods-item-box .goods-info .price-button-container .add-plus-disable {
- padding: 12rpx;
- color: #999;
- }
- @keyframes goodsAnime {
- 0% {
- background-color: rgba(0, 255, 226, 0.2);
- }
- 25% {
- background-color: #fff;
- }
- 50% {
- background-color: rgba(0, 255, 226, 0.2);
- }
- 75% {
- background-color: #fff;
- }
- 100% {
- background-color: rgba(0, 255, 226, 0.2);
- }
- }
- .ab-mall-new-component .goods-item-container .goods-item-active {
- display: flex;
- background: rgba(0, 255, 226, 0.2);
- padding: 12rpx 24rpx 0;
- margin: 12rpx -12rpx 12rpx;
- -webkit-flex-wrap: nowrap;
- flex-wrap: nowrap;
- overflow: hidden;
- animation-name: goodsAnime;
- animation-duration: 3s;
- border-radius: 16rpx;
- }
|