/* 发现页 */ .wanl-find .userinfo { display: flex; justify-content: space-between; align-items: center; } .wanl-find .userinfo .avatar { display: flex; align-items: center; } .wanl-find .userinfo .avatar .cu-tag { font-size: 20rpx; padding: 0px 10rpx !important; } .wanl-find .userinfo .cu-btn.sm { padding: 0 20rpx; font-size: 26rpx; height: 50rpx; } .wanl-find .userinfo text[class*='wlIcon-'] { font-size: 28rpx; margin-right: 5rpx; } .wanl-find .content {} .wanl-find .content .cu-tag.sm { padding: 6rpx; } .wanl-find .container { display: grid; grid-template-columns: 1fr 1fr 1fr; } .wanl-find .container.col-2 { grid-template-columns: 1fr 1fr; } .wanl-find .container .item { display: flex; align-items: center; justify-content: center; border: 1px solid #fff; min-height: 6rem; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat; } .wanl-find .container .item.item-1 { grid-column: 1 / 3; grid-row: 1 / 3; height: 600rpx; } .wanl-find .container .item.item-3 { grid-column: 1 / 3; grid-row: 1 / 3; } .wanl-find .container .item.item-live { position: relative; grid-column: 1 / 3; grid-row: 1 / 3; } /* 直播-中心按钮 */ .wanl-find .container .item.item-live .play { width: 120rpx; height: 120rpx; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.5); font-size: 56rpx; color: #fff; } /* 直播-状态 */ .wanl-find .container .item.item-live .state { display: flex; position: absolute; left: 20rpx; bottom: 20rpx; background-color: rgba(0, 0, 0, 0.1); height: 36rpx; line-height: 36rpx; border-radius: 8rpx; overflow: hidden; } .wanl-find .container .item.item-live .state>view { padding: 0 12rpx; } .wanl-find .container .item.item-live .state .tags { height: 100%; border-radius: 8rpx; font-size: 28rpx; } .wanl-find .container .item.item-live .state .tags>text { margin-right: 4rpx; } /* 直播-商品数量 */ .wanl-find .container .item.item-live .number { position: absolute; background-color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 8rpx 8rpx 0 20rpx; overflow: hidden; padding: 8rpx 6rpx; top: 10rpx; right: 10rpx; line-height: 1; text-align: center; } .wanl-find .container .item.item-live .number>view { font-size: 30rpx; } .wanl-find .container .item.item-live .number>text { font-size: 11px; } .wanl-find .container .item.item-live .like { position: absolute; bottom: 15rpx; right: 30rpx; line-height: 1.2; } .wanl-find .container .item.item-live .like .likebut { background-color: #f40; border-radius: 50%; width: 45rpx; line-height: 46rpx; height: 45rpx; font-size: 26rpx; } .wanl-find .scroll-view { white-space: nowrap; width: 100%; } .wanl-find .scroll-view-item { display: inline-flex; width: 60%; height: 100rpx; overflow: hidden; margin-right: 10rpx; background-color: #f9f9f9; align-items: center; } .wanl-find .scroll-view-item.col-1 { width: 100%; margin-right: 0; } .wanl-find .scroll-view-item .img, .wanl-find .scroll-view-item .img image { height: 100rpx; width: 100rpx; border-radius: 18rpx 0 0 18rpx; background-color: #efefef; } .wanl-find .scroll-view-item .content { flex: 1; line-height: 1.3; } .wanl-find .scroll-view-item .icon { width: 60rpx; text-align: center; } .wanl-find .content .calendar { width: 50rpx; height: 50rpx; line-height: 60rpx; background-size: 100%; font-size: 22rpx; font-weight: 600; } .cu-custom .cu-bar .content { width: calc(100% - 450rpx); } .cu-custom .userinfo { display: flex; align-items: center; justify-content: space-between; } .cu-custom .userinfo .cu-avatar { flex-shrink: 0; width: 56rpx; height: 56rpx; overflow: hidden; border-radius: 1000px; margin: 0 !important; } .swiper-box { position: relative; background-color: #f7f7f7; width: 100%; height: 100vw; } .swiper-box swiper { width: 100%; height: 100vw; } .swiper-box swiper swiper-item image { width: 100%; height: 100vw; } .swiper-box .indicator { display: flex; justify-content: center; align-items: center; padding: 0 25rpx; height: 40rpx; border-radius: 40rpx; font-size: 22rpx; position: absolute; bottom: 20rpx; right: 20rpx; color: #fff; background-color: rgba(0, 0, 0, 0.2); } .wanl-find .scroll-view-item .img { margin: 0 10rpx; } .wanl-find .scroll-view-item .img, .wanl-find .scroll-view-item .img image { height: 80rpx; width: 80rpx; border-radius: 18rpx; } .scroll-view-item .goodsinfo { line-height: 1.2; }