.page{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #FFFFFF; } .goods-list{ padding: 0 4%; background-color: #FFFFFF; padding-bottom: 80rpx; .check{ display: flex; align-items: center; width: 60rpx; height: 100%; text{ color: #C0C0C0; font-size: 34rpx; } } .list{ display: flex; align-items: center; width: 100%; height: 260rpx; margin-bottom: 10rpx; .thumb{ width: 40%; height: 200rpx; image{ width: 200rpx; height: 200rpx; border-radius: 10rpx; } } .item{ width: 60%; height: 100%; border-bottom: 2rpx solid #EEEEEE; .title{ display: flex; align-items: center; width: 100%; height: 100rpx; text{ font-size: 26rpx; color: #222222; } } .price-more{ display: flex; align-items: center; width: 100%; height: 80rpx; .price{ font-size: 32rpx; color: $base; font-weight: bold; } .depreciate{ display: flex; align-items: center; text{ display: block; padding: 4rpx 8rpx; font-size: 24rpx; color: $base; border: 2rpx solid $base; border-radius: 20rpx; transform: scale(0.8); } } } .goods-btn{ display: flex; align-items: center; justify-content: space-between; width: 100%; height: 80rpx; .btn{ display: flex; align-items: center; text{ padding: 6rpx 14rpx; font-size: 24rpx; color: #555555; border: 2rpx solid #C0C0C0; border-radius: 60rpx; margin-right: 20rpx; } } .cart{ display: flex; align-items: center; padding: 10rpx; border: 2rpx solid $base; border-radius: 100%; text{ font-size: 34rpx; color: $base; } } } } } } /* 底部 */ .footer-btn{ position: fixed; left: 0; bottom: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 80rpx; background-color: #FFFFFF; .btn{ display: flex; align-items: center; justify-content: center; width: 90%; height: 70rpx; background: linear-gradient(to right,$base,$change-clor); border-radius: 70rpx; font-size: 28rpx; color: #FFFFFF; } }