123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 |
- /* components/selectImgs/selectImgs.wxss */
- .imgs-group {
- display: flex;
- flex-wrap: wrap;
- padding: 0;
- }
- .imgs-group .img-item {
- position: relative;
- margin: 0 20rpx 0 0;
- padding: 0;
- }
- .imgs-group .img-item:nth-child(3n) {
- margin-right: 0;
- }
- .imgs-group .img-item .close {
- position: absolute;
- z-index: 10;
- right: 20rpx;
- top: 33rpx;
- width: 32rpx;
- height: 32rpx;
- }
- .imgs-group .img {
- position: relative;
- width: 216rpx;
- height: 216rpx;
- margin-top: 20rpx;
- vertical-align: bottom;
- }
- .imgs-group .add-img {
- background: rgba(246, 246, 246, 1);
- }
- .imgs-group .add-img::before {
- content: "";
- position: absolute;
- top: 50%;
- left: 50%;
- width: 64rpx;
- height: 4rpx;
- background: #e1e1e1;
- transform: translate(-50%, -50%);
- }
- .imgs-group .add-img::after {
- content: "";
- position: absolute;
- top: 50%;
- left: 50%;
- width: 4rpx;
- height: 64rpx;
- background: #e1e1e1;
- transform: translate(-50%, -50%);
- }
- .mask-wrap {
- position: absolute;
- top: 20rpx;
- left: 0;
- right: 0;
- bottom: 0;
- background: rgba(0, 0, 0, 0.6);
- display: flex;
- align-items: center;
- justify-content: center;
- flex-direction: column;
- }
- .bg-color {
- background: rgba(255, 94, 94, 0.7);
- }
- .title {
- font-size: 28rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: rgba(255, 255, 255, 1);
- }
- .sub-title {
- font-size: 20rpx;
- font-family: PingFangSC-Regular, PingFang SC;
- font-weight: 400;
- color: rgba(255, 255, 255, 1);
- }
|