@trionesdev/antd-taro-react 0.0.2-beta.18 → 0.0.2-beta.19

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,34 +1,34 @@
1
- $imagePreviewCls: 'triones-antm-image-preview';
2
-
3
- .#{$imagePreviewCls} {
4
- height: 100%;
5
- width: 100%;
6
- position: relative;
7
- background-color: rgba(0, 0, 0, 0.8);
8
-
9
- &-head {
10
- position: fixed;
11
- top: 50Px;
12
- left: 0;
13
- right: 0;
14
- display: flex;
15
- justify-content: center;
16
- align-items: center;
17
- color: white;
18
- font-size: 14Px;
19
- z-index: 1000;
20
- }
21
-
22
- &-content {
23
- height: 100%;
24
- width: 100%;
25
- :global{
26
- .triones-antm-image-img{
27
- height: auto!important;
28
- }
29
- }
30
- }
31
-
32
- &-foot {
33
- }
34
- }
1
+ $imagePreviewCls: 'triones-antm-image-preview';
2
+
3
+ .#{$imagePreviewCls} {
4
+ height: 100%;
5
+ width: 100%;
6
+ position: relative;
7
+ background-color: rgba(0, 0, 0, 0.8);
8
+
9
+ &-head {
10
+ position: fixed;
11
+ top: 50Px;
12
+ left: 0;
13
+ right: 0;
14
+ display: flex;
15
+ justify-content: center;
16
+ align-items: center;
17
+ color: white;
18
+ font-size: 14Px;
19
+ z-index: 1000;
20
+ }
21
+
22
+ &-content {
23
+ height: 100%;
24
+ width: 100%;
25
+ :global{
26
+ .triones-antm-image-img{
27
+ height: auto!important;
28
+ }
29
+ }
30
+ }
31
+
32
+ &-foot {
33
+ }
34
+ }
@@ -1,70 +1,70 @@
1
- @use "../style/variable" as variable;
2
-
3
- $imagesWallCls: 'triones-antm-images-wall';
4
-
5
- .#{$imagesWallCls} {
6
- display: grid;
7
- grid-gap: 4PX;
8
- width: 100%;
9
-
10
- &-item {
11
- aspect-ratio: 1;
12
- border-radius: variable.$trionesBorderRadius;
13
- overflow: hidden;
14
- position: relative;
15
-
16
- &-inner {
17
- width: 100%;
18
- height: 100%;
19
- }
20
-
21
- &-close {
22
- position: absolute;
23
- top: 0;
24
- right: 0;
25
- background-color: rgb(0 0 0 / 63%);
26
- width: 20Px;
27
- height: 20Px;
28
- border-bottom-left-radius: variable.$trionesBorderRadius;
29
- display: flex;
30
- justify-content: center;
31
- align-items: center;
32
-
33
- .triones-antm-icon {
34
- color: white;
35
- font-size: 12Px;
36
- }
37
- }
38
-
39
- &-input {
40
- position: absolute;
41
- width: 100%;
42
- height: 100%;
43
- top: 0;
44
- left: 0;
45
- margin: 0;
46
- padding: 0;
47
- z-index: 1;
48
- opacity: 0;
49
- }
50
-
51
- &-image {
52
- width: 100%;
53
- height: 100%;
54
- object-fit: cover;
55
- }
56
- }
57
-
58
- &-upload {
59
- display: flex;
60
- justify-content: center;
61
- align-items: center;
62
- background-color: variable.$trionesColorBgTextActive;
63
- }
64
-
65
- &-action-sheet {
66
-
67
- }
68
- }
69
-
70
-
1
+ @use "../style/variable" as variable;
2
+
3
+ $imagesWallCls: 'triones-antm-images-wall';
4
+
5
+ .#{$imagesWallCls} {
6
+ display: grid;
7
+ grid-gap: 4PX;
8
+ width: 100%;
9
+
10
+ &-item {
11
+ aspect-ratio: 1;
12
+ border-radius: variable.$trionesBorderRadius;
13
+ overflow: hidden;
14
+ position: relative;
15
+
16
+ &-inner {
17
+ width: 100%;
18
+ height: 100%;
19
+ }
20
+
21
+ &-close {
22
+ position: absolute;
23
+ top: 0;
24
+ right: 0;
25
+ background-color: rgb(0 0 0 / 63%);
26
+ width: 20Px;
27
+ height: 20Px;
28
+ border-bottom-left-radius: variable.$trionesBorderRadius;
29
+ display: flex;
30
+ justify-content: center;
31
+ align-items: center;
32
+
33
+ .triones-antm-icon {
34
+ color: white;
35
+ font-size: 12Px;
36
+ }
37
+ }
38
+
39
+ &-input {
40
+ position: absolute;
41
+ width: 100%;
42
+ height: 100%;
43
+ top: 0;
44
+ left: 0;
45
+ margin: 0;
46
+ padding: 0;
47
+ z-index: 1;
48
+ opacity: 0;
49
+ }
50
+
51
+ &-image {
52
+ width: 100%;
53
+ height: 100%;
54
+ object-fit: cover;
55
+ }
56
+ }
57
+
58
+ &-upload {
59
+ display: flex;
60
+ justify-content: center;
61
+ align-items: center;
62
+ background-color: variable.$trionesColorBgTextActive;
63
+ }
64
+
65
+ &-action-sheet {
66
+
67
+ }
68
+ }
69
+
70
+