ucservice 1.6.8 → 1.6.9
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.
- package/dist/ucservice.css +1 -1
- package/package.json +1 -1
- package/src/css/scooper.video.css +96 -12
package/dist/ucservice.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.video-main{position:absolute;top:0;left:-25px;right:-12px;bottom:-18px}.video-main-full{position:absolute;top:1px;left:1px;right:1px;bottom:1px}.video-main-full>li,.video-main>li{border:1px solid #aaa;float:left;position:relative}.video-main-full>li.loading,.video-main>li.loading{background:#000}.video-main-full>li:hover,.video-main>li:hover{border:1px solid #ffb951}.video-main-full>li.sel,.video-main>li.sel{border:1px solid #ef8601}.video-main-full.mode-1>li,.video-main.mode-1>li{width:98.5%;height:98.5%;list-style:none}.video-main-full.mode-1>li .info,.video-main.mode-1>li .info{font-size:20px;bottom:40px}.video-main.mode-4>li{width:49%;height:49%;list-style:none}.video-main.mode-4>li .info{font-size:18px;bottom:20px}.video-main.mode-6>li{width:33.33%;height:33.33%}.video-main.mode-6>li .info{font-size:14px;bottom:13px}.video-main.mode-6 .screen-1{width:66.66%;height:66.65%}.video-main.mode-6 .screen-1 .info{font-size:18px;bottom:30px}.video-main.mode-9>li{width:32.5%;height:32.5%;list-style:none}.video-main.mode-9>li .info{font-size:12px;bottom:14px}.video-main.mode-16>li{width:24.5%;height:24.5%;list-style:none}.video-main.mode-16>li .info{font-size:8px;bottom:10px}.video-box{-o-object-fit:fill;object-fit:fill;display:none;width:100%;height:100%}.stream-loading{width:
|
|
1
|
+
.video-main{position:absolute;top:0;left:-25px;right:-12px;bottom:-18px}.video-main-full{position:absolute;top:1px;left:1px;right:1px;bottom:1px}.video-main-full>li,.video-main>li{border:1px solid #aaa;float:left;position:relative}.video-main-full>li.loading,.video-main>li.loading{background:#000}.video-main-full>li:hover,.video-main>li:hover{border:1px solid #ffb951}.video-main-full>li.sel,.video-main>li.sel{border:1px solid #ef8601}.video-main-full.mode-1>li,.video-main.mode-1>li{width:98.5%;height:98.5%;list-style:none}.video-main-full.mode-1>li .info,.video-main.mode-1>li .info{font-size:20px;bottom:40px}.video-main.mode-4>li{width:49%;height:49%;list-style:none}.video-main.mode-4>li .info{font-size:18px;bottom:20px}.video-main.mode-6>li{width:33.33%;height:33.33%}.video-main.mode-6>li .info{font-size:14px;bottom:13px}.video-main.mode-6 .screen-1{width:66.66%;height:66.65%}.video-main.mode-6 .screen-1 .info{font-size:18px;bottom:30px}.video-main.mode-9>li{width:32.5%;height:32.5%;list-style:none}.video-main.mode-9>li .info{font-size:12px;bottom:14px}.video-main.mode-16>li{width:24.5%;height:24.5%;list-style:none}.video-main.mode-16>li .info{font-size:8px;bottom:10px}.video-box{-o-object-fit:fill;object-fit:fill;display:none;width:100%;height:100%}.video-main.mode-4 .close-btn{width:1.1rem;height:1.1rem}.video-main.mode-9 .close-btn{width:.95rem;height:.95rem}.video-main.mode-16 .close-btn{width:.85rem;height:.85rem}.video-main.mode-4 .recv-audio-btn{bottom:-4px;right:1.8rem;width:2.5rem;height:2.5rem}.video-main.mode-9 .recv-audio-btn{bottom:-3px;right:1.6rem;width:2.2rem;height:2.2rem}.video-main.mode-16 .recv-audio-btn{bottom:-2px;right:1.4rem;width:2rem;height:2rem}.video-main.mode-4 .unrecv-audio-btn{bottom:-4px;right:1.8rem;width:2.5rem;height:2.5rem}.video-main.mode-9 .unrecv-audio-btn{bottom:-3px;right:1.6rem;width:2.2rem;height:2.2rem}.video-main.mode-16 .unrecv-audio-btn{bottom:-2px;right:1.4rem;width:2rem;height:2rem}.video-main.mode-4 .rotate-btn{bottom:3px;right:4.8rem;width:1.5rem;height:1.5rem}.video-main.mode-9 .rotate-btn{bottom:3px;right:4.2rem;width:1.42rem;height:1.42rem}.video-main.mode-16 .rotate-btn{bottom:3px;right:3.7rem;width:1.3rem;height:1.3rem}.video-main.mode-9 .stream-loading{width:11.4rem;height:2.1rem;line-height:2.1rem;font-size:15px;background-size:15px}.video-main.mode-16 .stream-loading{width:9.3rem;height:2.1rem;line-height:2.1rem;font-size:14px;background-size:14px;margin-left:5.7rem}.video-main.mode-16 .real-result,.video-main.mode-16 .result{font-size:12px}.stream-loading{width:14rem;height:2.1rem;line-height:2.1rem;position:absolute;top:50%;left:50%;margin-top:-1rem;margin-left:-7.1rem;color:#fff;font-size:1.14rem;padding-left:2.1rem}.info{color:#fff;left:10px;width:67%}.info,.operate-btn{position:absolute;float:left;z-index:1}.operate-btn{width:1.5rem;height:1.5rem;right:1px;bottom:2px;cursor:pointer}.send-audio-btn{width:2rem;height:2rem}.send-audio-btn,.unsend-audio-btn{position:absolute;bottom:-8px;right:70px;border:0;float:left;background-size:100% 100%;background-color:transparent}.unsend-audio-btn{width:3rem;height:3rem}.rotate-btn{position:absolute;bottom:1px;right:6.07rem;border:0;width:1.75rem;height:1.75rem;float:left;background-size:100% 100%;background-color:transparent}.recv-audio-btn{width:2rem;height:2rem}.recv-audio-btn,.unrecv-audio-btn{position:absolute;bottom:-8px;right:30px;border:0;float:left;background-size:100% 100%;background-color:transparent}.unrecv-audio-btn{width:3rem;height:3rem}.close-btn{position:absolute;bottom:5px;right:5px;border:0;width:1.25rem;height:1.25rem;float:left;background-size:100% 100%;background-color:transparent}.operation{position:absolute;width:100%;height:12%;bottom:0;background:rgba(0,0,0,.3);color:#fff}.hide{display:none}
|
package/package.json
CHANGED
|
@@ -86,18 +86,102 @@
|
|
|
86
86
|
width: 100%;
|
|
87
87
|
height: 100%;
|
|
88
88
|
}
|
|
89
|
+
.video-main.mode-4 .close-btn {
|
|
90
|
+
width: 1.1rem;
|
|
91
|
+
height: 1.1rem;
|
|
92
|
+
}
|
|
93
|
+
.video-main.mode-9 .close-btn {
|
|
94
|
+
width: 0.95rem;
|
|
95
|
+
height: 0.95rem;
|
|
96
|
+
}
|
|
97
|
+
.video-main.mode-16 .close-btn {
|
|
98
|
+
width: 0.85rem;
|
|
99
|
+
height: 0.85rem;
|
|
100
|
+
}
|
|
101
|
+
.video-main.mode-4 .recv-audio-btn {
|
|
102
|
+
bottom: -4px;
|
|
103
|
+
right: 1.8rem;
|
|
104
|
+
width: 2.5rem;
|
|
105
|
+
height: 2.5rem;
|
|
106
|
+
}
|
|
107
|
+
.video-main.mode-9 .recv-audio-btn {
|
|
108
|
+
bottom: -3px;
|
|
109
|
+
right: 1.6rem;
|
|
110
|
+
width: 2.2rem;
|
|
111
|
+
height: 2.2rem;
|
|
112
|
+
}
|
|
113
|
+
.video-main.mode-16 .recv-audio-btn {
|
|
114
|
+
bottom: -2px;
|
|
115
|
+
right: 1.4rem;
|
|
116
|
+
width: 2rem;
|
|
117
|
+
height: 2rem;
|
|
118
|
+
}
|
|
119
|
+
.video-main.mode-4 .unrecv-audio-btn {
|
|
120
|
+
bottom: -4px;
|
|
121
|
+
right: 1.8rem;
|
|
122
|
+
width: 2.5rem;
|
|
123
|
+
height: 2.5rem;
|
|
124
|
+
}
|
|
125
|
+
.video-main.mode-9 .unrecv-audio-btn {
|
|
126
|
+
bottom: -3px;
|
|
127
|
+
right: 1.6rem;
|
|
128
|
+
width: 2.2rem;
|
|
129
|
+
height: 2.2rem;
|
|
130
|
+
}
|
|
131
|
+
.video-main.mode-16 .unrecv-audio-btn {
|
|
132
|
+
bottom: -2px;
|
|
133
|
+
right: 1.4rem;
|
|
134
|
+
width: 2rem;
|
|
135
|
+
height: 2rem;
|
|
136
|
+
}
|
|
137
|
+
.video-main.mode-4 .rotate-btn {
|
|
138
|
+
bottom: 3px;
|
|
139
|
+
right: 4.8rem;
|
|
140
|
+
width: 1.5rem;
|
|
141
|
+
height: 1.5rem;
|
|
142
|
+
}
|
|
143
|
+
.video-main.mode-9 .rotate-btn {
|
|
144
|
+
bottom: 3px;
|
|
145
|
+
right: 4.2rem;
|
|
146
|
+
width: 1.42rem;
|
|
147
|
+
height: 1.42rem;
|
|
148
|
+
}
|
|
149
|
+
.video-main.mode-16 .rotate-btn {
|
|
150
|
+
bottom: 3px;
|
|
151
|
+
right: 3.7rem;
|
|
152
|
+
width: 1.3rem;
|
|
153
|
+
height: 1.3rem;
|
|
154
|
+
}
|
|
155
|
+
.video-main.mode-9 .stream-loading {
|
|
156
|
+
width: 11.4rem;
|
|
157
|
+
height: 2.1rem;
|
|
158
|
+
line-height: 2.1rem;
|
|
159
|
+
font-size: 15px;
|
|
160
|
+
background-size: 15px;
|
|
161
|
+
}
|
|
162
|
+
.video-main.mode-16 .stream-loading {
|
|
163
|
+
width: 9.3rem;
|
|
164
|
+
height: 2.1rem;
|
|
165
|
+
line-height: 2.1rem;
|
|
166
|
+
font-size: 14px;
|
|
167
|
+
background-size: 14px;
|
|
168
|
+
margin-left: 5.7rem;
|
|
169
|
+
}
|
|
170
|
+
.video-main.mode-16 .real-result, .video-main.mode-16 .result {
|
|
171
|
+
font-size: 12px;
|
|
172
|
+
}
|
|
89
173
|
.stream-loading{
|
|
90
|
-
width:
|
|
91
|
-
height:
|
|
92
|
-
line-height:
|
|
174
|
+
width: 14rem;
|
|
175
|
+
height: 2.1rem;
|
|
176
|
+
line-height: 2.1rem;
|
|
93
177
|
position: absolute;
|
|
94
178
|
top: 50%;
|
|
95
179
|
left: 50%;
|
|
96
|
-
margin-top: -
|
|
97
|
-
margin-left: -
|
|
180
|
+
margin-top: -1rem;
|
|
181
|
+
margin-left: -7.1rem;
|
|
98
182
|
color: #fff;
|
|
99
|
-
font-size:
|
|
100
|
-
padding-left:
|
|
183
|
+
font-size: 1.14rem;
|
|
184
|
+
padding-left: 2.1rem;
|
|
101
185
|
/* background: transparent url("~@/img/loading.gif") no-repeat 10px center; */
|
|
102
186
|
}
|
|
103
187
|
.info{
|
|
@@ -129,8 +213,8 @@
|
|
|
129
213
|
bottom: -8px;
|
|
130
214
|
right: 70px;
|
|
131
215
|
border: 0;
|
|
132
|
-
width:
|
|
133
|
-
height:
|
|
216
|
+
width: 2rem;
|
|
217
|
+
height: 2rem;
|
|
134
218
|
float: left;
|
|
135
219
|
/* background:url("~@/img/yy.png"); */
|
|
136
220
|
background-size: 100% 100%;
|
|
@@ -152,7 +236,7 @@
|
|
|
152
236
|
.rotate-btn {
|
|
153
237
|
position: absolute;
|
|
154
238
|
bottom: 1px;
|
|
155
|
-
right:
|
|
239
|
+
right: 6.07rem;
|
|
156
240
|
border: 0;
|
|
157
241
|
width: 1.75rem;
|
|
158
242
|
height: 1.75rem;
|
|
@@ -166,8 +250,8 @@
|
|
|
166
250
|
bottom: -8px;
|
|
167
251
|
right: 30px;
|
|
168
252
|
border: 0;
|
|
169
|
-
width:
|
|
170
|
-
height:
|
|
253
|
+
width: 2rem;
|
|
254
|
+
height: 2rem;
|
|
171
255
|
float: left;
|
|
172
256
|
/* background:url("~@/img/hm_shengyin_sel.png"); */
|
|
173
257
|
background-size: 100% 100%;
|