robby-image-upload.wxss
824 Bytes
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
.imageUploadContainer {
padding: 10rpx 5rpx;
margin: 10rpx 5rpx;
}
.dragging {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
.imageUploadList {
display: flex;
flex-wrap: wrap;
}
.imageItem, .imageUpload {
width: 160rpx;
height: 160rpx;
border-radius: 10rpx;
margin-right: 20rpx;
}
.imageDel {
position: relative;
left: 120rpx;
bottom: 165rpx;
background-color: rgba(0, 0, 0, 0.5);
width: 36rpx;
text-align: center;
line-height: 35rpx;
border-radius: 17rpx;
color: white;
font-size: 30rpx;
padding-bottom: 2rpx;
}
.imageItem image, .moveImage {
width: 160rpx;
height: 160rpx;
border-radius: 8rpx;
}
.imageUpload {
line-height: 130rpx;
text-align: center;
font-size: 150rpx;
color: #D9D9D9;
border: 1px solid #D9D9D9;
border-radius: 8rpx;
}
.moveImage {
position: absolute;
}