/* pages/shop/purchaseGoods/purchaseGoods.wxss */ .search-container-fixed { position: fixed; top: 0; left: 0; display: flex; flex-direction: column; box-sizing: border-box; width: 100%; z-index: 99; padding: 30rpx 0rpx; } .search-box { background-color: var(--bg-gray-color); display: flex; flex-direction: row; align-items: center; margin: 0rpx 30rpx 0rpx 30rpx; padding: 15rpx 20rpx; border-radius: 60rpx; font-size: 28rpx; } .search-input { flex: 1; } .list-container { display: flex; flex-direction: column; } .container-box { background-color: var(--white-color); margin: 120rpx -30rpx 0rpx -30rpx; padding: 30rpx; min-height: 83vh; } .list-item { display: flex; flex-direction: row; } .list-item:nth-of-type(n+1) { margin: 15rpx 0rpx; padding-bottom: 20rpx; border-bottom: 1rpx solid var(--bg-gray-input-color); } .list-item:last-child { border-bottom: none; } .item-img-box { background-color: var(--divider-color); flex: 0.4; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 10rpx; border-radius: 8rpx; position: relative; } .count-tag { background-color: var(--red-color); position: absolute; color: var(--white-color); top: -10rpx; right: -8rpx; border-radius: 50%; font-size: 24rpx; width: 40rpx; text-align: center; height: 40rpx; } .item-img { width: 68%; height: 180rpx; } .item-container { display: flex; flex-direction: column; flex: 1; padding: 0rpx 15rpx; } .item-goods-name-box { display: flex; flex-direction: row; align-items: center; } .item-goods-status { font-size: 22rpx; text-align: center; line-height: 32rpx; height: 32rpx; white-space: nowrap; padding: 3rpx 10rpx; border-radius: 5rpx; margin-right: 15rpx; } .item-goods-name { font-size: 28rpx; color: var(--text-color); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; } .item-price-box { display: flex; flex-direction: row; align-items: center; margin-top: 20rpx; } .item-price-title { font-size: 28rpx; color: var(--text-gray-hint-color); } .item-price-price { margin-left: 20rpx; color: var(--red-color); font-weight: bold; } .item-time-box { display: flex; flex-direction: column; margin-top: 15rpx; } .item-time-item { display: flex; flex-direction: row; } .item-time-title { font-size: 24rpx; color: var(--text-gray-hint-color) } .item-time-time { font-size: 24rpx; color: var(--text-gray-desc-color); margin-left: 20rpx; } .col-gray { background-color: var(--bg-gray-status-light-color); color: var(--text-color); } .col-green { background-color: var(--bg-green-status-light-color); color: var(--text-color); } .col-primary { background-color: var(--primary-color-light); color: var(--text-color); } .col-red { background-color: var(--bg-red-deep-color); color: var(--white-color); }