@cmstops/pro-compo 0.1.39 → 0.1.41

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.
Files changed (19) hide show
  1. package/dist/index.css +18 -19
  2. package/dist/index.min.css +1 -1
  3. package/es/contentDetailList/style/KongoNavItem.less +2 -2
  4. package/es/contentDetailList/style/index.css +1 -2
  5. package/es/contentModal/components/ViewAllColumn/MediaFilter/index.js +46 -29
  6. package/es/contentModal/components/ViewAllColumn/index.js +7 -0
  7. package/es/contentModal/components/storeBox/index.js +6 -3
  8. package/es/index.css +18 -19
  9. package/es/selectThumb/style/card.less +82 -69
  10. package/es/selectThumb/style/index.css +17 -17
  11. package/lib/contentDetailList/style/KongoNavItem.less +2 -2
  12. package/lib/contentDetailList/style/index.css +1 -2
  13. package/lib/contentModal/components/ViewAllColumn/MediaFilter/index.js +46 -29
  14. package/lib/contentModal/components/ViewAllColumn/index.js +7 -0
  15. package/lib/contentModal/components/storeBox/index.js +5 -2
  16. package/lib/index.css +18 -19
  17. package/lib/selectThumb/style/card.less +82 -69
  18. package/lib/selectThumb/style/index.css +17 -17
  19. package/package.json +1 -1
package/lib/index.css CHANGED
@@ -2258,9 +2258,9 @@
2258
2258
  margin-bottom: 10px;
2259
2259
  overflow: hidden;
2260
2260
  color: #1d2129;
2261
+ font-weight: 400;
2261
2262
  font-size: 14px;
2262
2263
  font-style: normal;
2263
- font-weight: 400;
2264
2264
  line-height: 22px;
2265
2265
  cursor: pointer;
2266
2266
  -webkit-line-clamp: 2;
@@ -2274,7 +2274,6 @@
2274
2274
  .medialist-kongo-item-view .info-view .abttrite-v .left {
2275
2275
  display: flex;
2276
2276
  align-items: center;
2277
- width: calc(100% - 160px);
2278
2277
  color: #808692;
2279
2278
  font-size: 12px;
2280
2279
  }
@@ -2924,12 +2923,12 @@
2924
2923
  display: inline-block;
2925
2924
  }
2926
2925
  .select-thumb-container .thumb-card-container {
2926
+ position: relative;
2927
2927
  width: 100px;
2928
2928
  height: 58px;
2929
2929
  margin-right: 10px;
2930
- border-radius: 4px;
2931
2930
  overflow: hidden;
2932
- position: relative;
2931
+ border-radius: 4px;
2933
2932
  }
2934
2933
  .select-thumb-container .thumb-card-container.model-5 {
2935
2934
  width: 75px;
@@ -2940,22 +2939,22 @@
2940
2939
  height: 58px;
2941
2940
  }
2942
2941
  .select-thumb-container .thumb-card-container .img-v {
2942
+ position: relative;
2943
2943
  width: 100%;
2944
2944
  height: 100%;
2945
- position: relative;
2946
2945
  }
2947
2946
  .select-thumb-container .thumb-card-container .img-v .change-icon {
2948
- width: 25px;
2949
- height: 25px;
2950
- font-size: 25px;
2951
2947
  position: absolute;
2952
- left: 0;
2953
- right: 0;
2954
2948
  top: 0;
2949
+ right: 0;
2955
2950
  bottom: 0;
2956
- margin: auto;
2951
+ left: 0;
2957
2952
  z-index: 1;
2958
- color: #ffffff;
2953
+ width: 25px;
2954
+ height: 25px;
2955
+ margin: auto;
2956
+ color: #fff;
2957
+ font-size: 25px;
2959
2958
  cursor: pointer;
2960
2959
  }
2961
2960
  .select-thumb-container .thumb-card-container .item {
@@ -2971,19 +2970,19 @@
2971
2970
  display: flex;
2972
2971
  align-items: center;
2973
2972
  justify-content: center;
2974
- background-color: #f9f9f9;
2973
+ background-image: url('../images/waterBg.png');
2975
2974
  }
2976
2975
  .select-thumb-container .thumb-card-container .mask {
2977
- display: none;
2978
- width: 100%;
2979
- height: 100%;
2980
- background: rgba(0, 0, 0, 0.3);
2981
2976
  position: absolute;
2982
2977
  top: 0;
2978
+ display: none;
2983
2979
  align-items: center;
2984
2980
  justify-content: center;
2981
+ width: 100%;
2982
+ height: 100%;
2985
2983
  color: #eaeaea;
2986
2984
  font-size: 18px;
2985
+ background: rgba(0, 0, 0, 0.3);
2987
2986
  }
2988
2987
  .select-thumb-container .thumb-card-container .mask i {
2989
2988
  display: inline-block;
@@ -2993,11 +2992,11 @@
2993
2992
  opacity: 0.4;
2994
2993
  }
2995
2994
  .select-thumb-container .thumb-card-container .mask .half {
2996
- height: 100%;
2997
- width: 48%;
2998
2995
  display: flex;
2999
2996
  align-items: center;
3000
2997
  justify-content: center;
2998
+ width: 48%;
2999
+ height: 100%;
3001
3000
  }
3002
3001
  .select-thumb-container .thumb-card-container .mask .half:hover {
3003
3002
  opacity: 0.7;
package/lib/selectThumb/style/card.less CHANGED
@@ -1,83 +1,96 @@
1
1
  .thumb-card-container {
2
- width: 100px;
2
+ position: relative;
3
+ width: 100px;
4
+ height: 58px;
5
+ margin-right: 10px;
6
+ overflow: hidden;
7
+ border-radius: 4px;
8
+
9
+ &.model-5 {
10
+ width: 75px;
11
+ height: 100px;
12
+ }
13
+
14
+ &.model-7 {
15
+ width: 232px;
3
16
  height: 58px;
4
- margin-right: 10px;
5
- border-radius: 4px;
6
- overflow: hidden;
17
+ }
18
+
19
+ .img-v {
7
20
  position: relative;
8
- &.model-5 {
9
- width: 75px;
10
- height: 100px;
11
- }
12
- &.model-7 {
13
- width: 232px;
14
- height: 58px;
21
+ width: 100%;
22
+ height: 100%;
23
+
24
+ .change-icon {
25
+ position: absolute;
26
+ top: 0;
27
+ right: 0;
28
+ bottom: 0;
29
+ left: 0;
30
+ z-index: 1;
31
+ width: 25px;
32
+ height: 25px;
33
+ margin: auto;
34
+ color: #fff;
35
+ font-size: 25px;
36
+ cursor: pointer;
15
37
  }
16
- .img-v {
38
+ }
39
+
40
+ .item {
41
+ width: 100%;
42
+ height: 100%;
43
+ cursor: pointer;
44
+
45
+ img {
17
46
  width: 100%;
18
47
  height: 100%;
19
- position: relative;
20
- .change-icon {
21
- width: 25px;
22
- height: 25px;
23
- font-size: 25px;
24
- position: absolute;
25
- left: 0;
26
- right: 0;
27
- top: 0;
28
- bottom: 0;
29
- margin: auto;
30
- z-index: 1;
31
- color: #ffffff;
32
- cursor: pointer;
33
- }
34
48
  }
35
- .item {
36
- width: 100%;
37
- height: 100%;
49
+
50
+ &.add-thumb {
51
+ display: flex;
52
+ align-items: center;
53
+ justify-content: center;
54
+ background-image: url('../images/waterBg.png');
55
+ }
56
+ }
57
+
58
+ .mask {
59
+ position: absolute;
60
+ top: 0;
61
+ display: none;
62
+ // display: flex;
63
+ align-items: center;
64
+ justify-content: center;
65
+ width: 100%;
66
+ height: 100%;
67
+ color: #eaeaea;
68
+ font-size: 18px;
69
+ background: rgba(0, 0, 0, 0.3);
70
+
71
+ i {
72
+ display: inline-block;
38
73
  cursor: pointer;
39
- img {
40
- width: 100%;
41
- height: 100%;
42
- }
43
- &.add-thumb {
44
- display: flex;
45
- align-items: center;
46
- justify-content: center;
47
- background-color: #f9f9f9;
74
+
75
+ &:active {
76
+ opacity: 0.4;
48
77
  }
49
78
  }
50
- .mask {
51
- display: none;
52
- width: 100%;
53
- height: 100%;
54
- background: rgba(0, 0, 0, 0.3);
55
- position: absolute;
56
- top: 0;
57
- // display: flex;
79
+
80
+ .half {
81
+ display: flex;
58
82
  align-items: center;
59
83
  justify-content: center;
60
- color: #eaeaea;
61
- font-size: 18px;
62
- i {
63
- display: inline-block;
64
- cursor: pointer;
65
- &:active {
66
- opacity: 0.4;
67
- }
68
- }
69
- .half {
70
- height: 100%;
71
- width: 48%;
72
- display: flex;
73
- align-items: center;
74
- justify-content: center;
75
- &:hover {
76
- opacity: 0.7;
77
- }
84
+ width: 48%;
85
+ height: 100%;
86
+
87
+ &:hover {
88
+ opacity: 0.7;
78
89
  }
79
90
  }
80
- .img-v:hover .mask {
81
- display: flex;
82
- }
83
- }
91
+ }
92
+
93
+ .img-v:hover .mask {
94
+ display: flex;
95
+ }
96
+ }
package/lib/selectThumb/style/index.css CHANGED
@@ -1,10 +1,10 @@
1
1
  .select-thumb-container .thumb-card-container {
2
+ position: relative;
2
3
  width: 100px;
3
4
  height: 58px;
4
5
  margin-right: 10px;
5
- border-radius: 4px;
6
6
  overflow: hidden;
7
- position: relative;
7
+ border-radius: 4px;
8
8
  }
9
9
  .select-thumb-container .thumb-card-container.model-5 {
10
10
  width: 75px;
@@ -15,22 +15,22 @@
15
15
  height: 58px;
16
16
  }
17
17
  .select-thumb-container .thumb-card-container .img-v {
18
+ position: relative;
18
19
  width: 100%;
19
20
  height: 100%;
20
- position: relative;
21
21
  }
22
22
  .select-thumb-container .thumb-card-container .img-v .change-icon {
23
- width: 25px;
24
- height: 25px;
25
- font-size: 25px;
26
23
  position: absolute;
27
- left: 0;
28
- right: 0;
29
24
  top: 0;
25
+ right: 0;
30
26
  bottom: 0;
31
- margin: auto;
27
+ left: 0;
32
28
  z-index: 1;
33
- color: #ffffff;
29
+ width: 25px;
30
+ height: 25px;
31
+ margin: auto;
32
+ color: #fff;
33
+ font-size: 25px;
34
34
  cursor: pointer;
35
35
  }
36
36
  .select-thumb-container .thumb-card-container .item {
@@ -46,19 +46,19 @@
46
46
  display: flex;
47
47
  align-items: center;
48
48
  justify-content: center;
49
- background-color: #f9f9f9;
49
+ background-image: url('../images/waterBg.png');
50
50
  }
51
51
  .select-thumb-container .thumb-card-container .mask {
52
- display: none;
53
- width: 100%;
54
- height: 100%;
55
- background: rgba(0, 0, 0, 0.3);
56
52
  position: absolute;
57
53
  top: 0;
54
+ display: none;
58
55
  align-items: center;
59
56
  justify-content: center;
57
+ width: 100%;
58
+ height: 100%;
60
59
  color: #eaeaea;
61
60
  font-size: 18px;
61
+ background: rgba(0, 0, 0, 0.3);
62
62
  }
63
63
  .select-thumb-container .thumb-card-container .mask i {
64
64
  display: inline-block;
@@ -68,11 +68,11 @@
68
68
  opacity: 0.4;
69
69
  }
70
70
  .select-thumb-container .thumb-card-container .mask .half {
71
- height: 100%;
72
- width: 48%;
73
71
  display: flex;
74
72
  align-items: center;
75
73
  justify-content: center;
74
+ width: 48%;
75
+ height: 100%;
76
76
  }
77
77
  .select-thumb-container .thumb-card-container .mask .half:hover {
78
78
  opacity: 0.7;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cmstops/pro-compo",
3
- "version": "0.1.39",
3
+ "version": "0.1.41",
4
4
  "description": "",
5
5
  "keywords": [
6
6
  "vue",