123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143 |
- /* pages/aBulkList/aBulkList.wxss */
- page {
- background: #f7f7f7;
- }
- image {
- width: 100%;
- height: 100%;
- border-radius: 10rpx;
- }
- .banner {
- position: relative;
- width: 750rpx;
- height: 284rpx;
- padding-top: 24rpx;
- }
- .banner .bg {
- position: absolute;
- top: 0;
- left: 0;
- font-size: 0;
- width: 750rpx;
- height: 220rpx;
- }
- .banner .img {
- font-size: 0;
- width: 710rpx;
- height: 280rpx;
- margin: 0 auto;
- position: relative;
- }
- .banner image {
- border-radius: 0;
- }
- .abulk-list {
- display: flex;
- flex-wrap: wrap;
- margin-top: 20rpx;
- }
- .abulk-list-item {
- width: 345rpx;
- background: #fff;
- padding: 20rpx;
- box-sizing: border-box;
- margin-left: 20rpx;
- margin-bottom: 20rpx;
- border-radius: 10rpx;
- }
- .prod-img {
- width: 305rpx;
- height: 305rpx;
- font-size: 0;
- }
- .prod-msg {
- margin-top: 20rpx;
- }
- .prod-title {
- height: 76rpx;
- line-height: 38rpx;
- font-size: 28rpx;
- word-break: break-all;
- overflow: hidden;
- text-overflow: ellipsis;
- display: -webkit-box;
- -webkit-line-clamp: 2;
- -webkit-box-orient: vertical;
- color: #000;
- }
- .prod-title .prod-describe {
- font-size: 18rpx;
- color: white;
- background: #e43130;
- padding: 6rpx 12rpx;
- border-radius: 20rpx;
- line-height: 18rpx;
- display: inline-block;
- margin-right: 6rpx;
- vertical-align: top;
- margin-top: 4rpx;
- }
- .prod-price {
- position: relative;
- height: 40rpx;
- line-height: 40rpx;
- font-family: Arial;
- margin-top: 20rpx;
- }
- .pic {
- font-family: Arial;
- display: inline-block;
- color: #e43130;
- }
- .symbol {
- font-size: 24rpx;
- }
- .big-num {
- font-size: 32rpx;
- }
- .small-num {
- font-size: 24rpx;
- }
- .original-price {
- display: inline-block;
- color: #999;
- font-size: 24rpx;
- text-decoration: line-through;
- margin-left: 10rpx;
- }
- .cart {
- position: absolute;
- right: 0;
- display: inline-block;
- width: 50rpx;
- height: 50rpx;
- bottom: 7rpx;
- padding: 8rpx;
- }
- /* 列表为空 */
- .empty {
- margin-top: 100rpx;
- text-align: cneter;
- }
- .empty-icon {
- display: block;
- width: 80rpx;
- height: 80rpx;
- margin: 0 auto;
- margin-bottom: 20rpx;
- }
- .empty-icon > image {
- width: 100%;
- height: 100%;
- }
- .empty-text {
- font-size: 28rpx;
- text-align: center;
- color: #999;
- line-height: 2em;
- }
|