@vtj/materials 0.10.6 → 0.10.7
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/assets/antdv/index.umd.js +2 -2
- package/dist/assets/charts/index.umd.js +2 -2
- package/dist/assets/element/index.umd.js +2 -2
- package/dist/assets/ui/index.umd.js +2 -2
- package/dist/assets/uni-h5/index.umd.js +3 -3
- package/dist/assets/uni-ui/index.umd.js +3 -3
- package/dist/assets/vant/index.umd.js +2 -2
- package/dist/deps/@vtj/charts/index.umd.js +2 -2
- package/dist/deps/@vtj/icons/index.umd.js +2 -2
- package/dist/deps/@vtj/ui/index.umd.js +3 -3
- package/dist/deps/@vtj/utils/index.umd.js +20 -20
- package/dist/deps/@vueuse/core/index.iife.min.js +1 -1
- package/dist/deps/uni-ui/index.umd.js +1 -1
- package/dist/deps/uni-ui/style.css +1 -1
- package/package.json +7 -7
- package/src/uni-h5/components/input.ts +2 -2
- package/src/uni-h5/components/scrollView.ts +3 -3
- package/src/uni-h5/components/video.ts +1 -1
- package/src/uni-ui/components/badge.ts +1 -5
- package/src/uni-ui/components/breadcrumb.ts +1 -20
- package/src/uni-ui/components/collapse.ts +22 -23
- package/src/uni-ui/components/grid.ts +0 -9
- package/src/uni-ui/components/group.ts +1 -10
- package/src/uni-ui/components/index.ts +4 -4
- package/src/uni-ui/components/popup.ts +10 -2
- package/src/uni-ui/components/swiperDot.ts +21 -7
- package/src/uni-ui/components/table.ts +9 -3
- package/src/uni-ui/components/transition.ts +10 -1
- package/src/uni-ui/index.ts +19 -44
- package/src/uni-ui/lib/uni-collapse/uni-collapse.vue +153 -0
- package/src/uni-ui/lib/uni-collapse-item/uni-collapse-item.vue +425 -0
- package/src/uni-ui/lib/uni-data-picker/keypress.js +45 -0
- package/src/uni-ui/lib/uni-data-picker/uni-data-picker.vue +604 -0
- package/src/uni-ui/lib/uni-data-pickerview/uni-data-picker.js +622 -0
- package/src/uni-ui/lib/uni-data-pickerview/uni-data-pickerview.css +76 -0
- package/src/uni-ui/lib/uni-data-pickerview/uni-data-pickerview.vue +335 -0
- package/src/uni-ui/lib/uni-datetime-picker/calendar-item.vue +181 -170
- package/src/uni-ui/lib/uni-datetime-picker/calendar.vue +977 -939
- package/src/uni-ui/lib/uni-datetime-picker/time-picker.vue +1024 -932
- package/src/uni-ui/lib/uni-datetime-picker/uni-datetime-picker.vue +15 -17
- package/src/uni-ui/lib/uni-datetime-picker/util.js +419 -392
- package/src/uni-ui/lib/uni-fav/i18n/en.json +4 -0
- package/src/uni-ui/lib/uni-fav/i18n/index.js +8 -0
- package/src/uni-ui/lib/uni-fav/i18n/zh-Hans.json +4 -0
- package/src/uni-ui/lib/uni-fav/i18n/zh-Hant.json +4 -0
- package/src/uni-ui/lib/uni-fav/uni-fav.vue +170 -0
- package/src/uni-ui/lib/uni-file-picker/choose-and-upload-file.js +280 -0
- package/src/uni-ui/lib/uni-file-picker/uni-file-picker.vue +668 -0
- package/src/uni-ui/lib/uni-file-picker/upload-file.vue +325 -0
- package/src/uni-ui/lib/uni-file-picker/upload-image.vue +292 -0
- package/src/uni-ui/lib/uni-file-picker/utils.js +110 -0
- package/src/uni-ui/lib/uni-grid/uni-grid.vue +148 -0
- package/src/uni-ui/lib/uni-indexed-list/uni-indexed-list-item.vue +152 -128
- package/src/uni-ui/lib/uni-indexed-list/uni-indexed-list.vue +50 -50
- package/src/uni-ui/lib/uni-load-more/i18n/en.json +5 -0
- package/src/uni-ui/lib/uni-load-more/i18n/index.js +8 -0
- package/src/uni-ui/lib/uni-load-more/i18n/zh-Hans.json +5 -0
- package/src/uni-ui/lib/uni-load-more/i18n/zh-Hant.json +5 -0
- package/src/uni-ui/lib/uni-load-more/uni-load-more.vue +456 -0
- package/src/uni-ui/lib/uni-notice-bar/uni-notice-bar.vue +484 -0
- package/src/uni-ui/lib/uni-popup/uni-popup.vue +4 -4
- package/src/uni-ui/lib/uni-popup-message/uni-popup-message.vue +149 -0
- package/src/uni-ui/lib/uni-rate/uni-rate.vue +362 -343
- package/src/uni-ui/lib/uni-row/uni-row.vue +193 -0
- package/src/uni-ui/lib/uni-search-bar/i18n/en.json +4 -0
- package/src/uni-ui/lib/uni-search-bar/i18n/index.js +8 -0
- package/src/uni-ui/lib/uni-search-bar/i18n/zh-Hans.json +4 -0
- package/src/uni-ui/lib/uni-search-bar/i18n/zh-Hant.json +4 -0
- package/src/uni-ui/lib/uni-search-bar/uni-search-bar.vue +339 -0
- package/src/uni-ui/lib/uni-swipe-action-item/bindingx.js +294 -285
- package/src/uni-ui/lib/uni-swipe-action-item/uni-swipe-action-item.vue +8 -9
- package/src/uni-ui/lib/uni-th/filter-dropdown.vue +551 -503
- package/src/uni-ui/lib/uni-tr/table-checkbox.vue +165 -163
- package/src/uni-ui/lib/uni-tr/uni-tr.vue +6 -6
- package/src/uni-ui/lib/uni-transition/createAnimation.js +131 -0
- package/src/uni-ui/lib/uni-transition/uni-transition.vue +310 -0
- package/src/version.ts +2 -2
@@ -0,0 +1,456 @@
|
|
1
|
+
<template>
|
2
|
+
<view class="uni-load-more" @click="onClick">
|
3
|
+
<!-- #ifdef APP-NVUE -->
|
4
|
+
<loading-indicator
|
5
|
+
v-if="!webviewHide && status === 'loading' && showIcon"
|
6
|
+
:style="{ color: color, width: iconSize + 'px', height: iconSize + 'px' }"
|
7
|
+
:animating="true"
|
8
|
+
class="uni-load-more__img uni-load-more__img--nvue"></loading-indicator>
|
9
|
+
<!-- #endif -->
|
10
|
+
<!-- #ifdef H5 -->
|
11
|
+
<svg
|
12
|
+
width="24"
|
13
|
+
height="24"
|
14
|
+
viewBox="25 25 50 50"
|
15
|
+
v-if="
|
16
|
+
!webviewHide &&
|
17
|
+
(iconType === 'circle' ||
|
18
|
+
(iconType === 'auto' && platform === 'android')) &&
|
19
|
+
status === 'loading' &&
|
20
|
+
showIcon
|
21
|
+
"
|
22
|
+
:style="{ width: iconSize + 'px', height: iconSize + 'px' }"
|
23
|
+
class="uni-load-more__img uni-load-more__img--android-H5">
|
24
|
+
<circle
|
25
|
+
cx="50"
|
26
|
+
cy="50"
|
27
|
+
r="20"
|
28
|
+
fill="none"
|
29
|
+
:style="{ color: color }"
|
30
|
+
:stroke-width="3"></circle>
|
31
|
+
</svg>
|
32
|
+
<!-- #endif -->
|
33
|
+
<!-- #ifndef APP-NVUE || H5 -->
|
34
|
+
<view
|
35
|
+
v-if="
|
36
|
+
!webviewHide &&
|
37
|
+
(iconType === 'circle' ||
|
38
|
+
(iconType === 'auto' && platform === 'android')) &&
|
39
|
+
status === 'loading' &&
|
40
|
+
showIcon
|
41
|
+
"
|
42
|
+
:style="{ width: iconSize + 'px', height: iconSize + 'px' }"
|
43
|
+
class="uni-load-more__img uni-load-more__img--android-MP">
|
44
|
+
<view
|
45
|
+
class="uni-load-more__img-icon"
|
46
|
+
:style="{
|
47
|
+
borderTopColor: color,
|
48
|
+
borderTopWidth: iconSize / 12
|
49
|
+
}"></view>
|
50
|
+
<view
|
51
|
+
class="uni-load-more__img-icon"
|
52
|
+
:style="{
|
53
|
+
borderTopColor: color,
|
54
|
+
borderTopWidth: iconSize / 12
|
55
|
+
}"></view>
|
56
|
+
<view
|
57
|
+
class="uni-load-more__img-icon"
|
58
|
+
:style="{
|
59
|
+
borderTopColor: color,
|
60
|
+
borderTopWidth: iconSize / 12
|
61
|
+
}"></view>
|
62
|
+
</view>
|
63
|
+
<!-- #endif -->
|
64
|
+
<!-- #ifndef APP-NVUE -->
|
65
|
+
<view
|
66
|
+
v-else-if="!webviewHide && status === 'loading' && showIcon"
|
67
|
+
:style="{ width: iconSize + 'px', height: iconSize + 'px' }"
|
68
|
+
class="uni-load-more__img uni-load-more__img--ios-H5">
|
69
|
+
<image :src="imgBase64" mode="widthFix"></image>
|
70
|
+
</view>
|
71
|
+
<!-- #endif -->
|
72
|
+
<text
|
73
|
+
v-if="showText"
|
74
|
+
class="uni-load-more__text"
|
75
|
+
:style="{ color: color }"
|
76
|
+
>{{
|
77
|
+
status === 'more'
|
78
|
+
? contentdownText
|
79
|
+
: status === 'loading'
|
80
|
+
? contentrefreshText
|
81
|
+
: contentnomoreText
|
82
|
+
}}</text
|
83
|
+
>
|
84
|
+
</view>
|
85
|
+
</template>
|
86
|
+
|
87
|
+
<script>
|
88
|
+
let platform;
|
89
|
+
setTimeout(() => {
|
90
|
+
// #ifdef MP-WEIXIN
|
91
|
+
// platform = uni.getDeviceInfo().platform;
|
92
|
+
// #endif
|
93
|
+
// #ifndef MP-WEIXIN
|
94
|
+
platform = uni.getSystemInfoSync().platform;
|
95
|
+
// #endif
|
96
|
+
}, 16);
|
97
|
+
|
98
|
+
import { initVueI18n } from '@dcloudio/uni-i18n';
|
99
|
+
import messages from './i18n/index.js';
|
100
|
+
const { t } = initVueI18n(messages);
|
101
|
+
|
102
|
+
/**
|
103
|
+
* LoadMore 加载更多
|
104
|
+
* @description 用于列表中,做滚动加载使用,展示 loading 的各种状态
|
105
|
+
* @tutorial https://ext.dcloud.net.cn/plugin?id=29
|
106
|
+
* @property {String} status = [more|loading|noMore] loading 的状态
|
107
|
+
* @value more loading前
|
108
|
+
* @value loading loading中
|
109
|
+
* @value noMore 没有更多了
|
110
|
+
* @property {Number} iconSize 指定图标大小
|
111
|
+
* @property {Boolean} iconSize = [true|false] 是否显示 loading 图标
|
112
|
+
* @property {String} iconType = [snow|circle|auto] 指定图标样式
|
113
|
+
* @value snow ios雪花加载样式
|
114
|
+
* @value circle 安卓唤醒加载样式
|
115
|
+
* @value auto 根据平台自动选择加载样式
|
116
|
+
* @property {String} color 图标和文字颜色
|
117
|
+
* @property {Object} contentText 各状态文字说明,值为:{contentdown: "上拉显示更多",contentrefresh: "正在加载...",contentnomore: "没有更多数据了"}
|
118
|
+
* @event {Function} clickLoadMore 点击加载更多时触发
|
119
|
+
*/
|
120
|
+
export default {
|
121
|
+
name: 'UniLoadMore',
|
122
|
+
emits: ['clickLoadMore'],
|
123
|
+
props: {
|
124
|
+
status: {
|
125
|
+
// 上拉的状态:more-loading前;loading-loading中;noMore-没有更多了
|
126
|
+
type: String,
|
127
|
+
default: 'more'
|
128
|
+
},
|
129
|
+
showIcon: {
|
130
|
+
type: Boolean,
|
131
|
+
default: true
|
132
|
+
},
|
133
|
+
iconType: {
|
134
|
+
type: String,
|
135
|
+
default: 'auto'
|
136
|
+
},
|
137
|
+
iconSize: {
|
138
|
+
type: Number,
|
139
|
+
default: 24
|
140
|
+
},
|
141
|
+
color: {
|
142
|
+
type: String,
|
143
|
+
default: '#777777'
|
144
|
+
},
|
145
|
+
contentText: {
|
146
|
+
type: Object,
|
147
|
+
default() {
|
148
|
+
return {
|
149
|
+
contentdown: '',
|
150
|
+
contentrefresh: '',
|
151
|
+
contentnomore: ''
|
152
|
+
};
|
153
|
+
}
|
154
|
+
},
|
155
|
+
showText: {
|
156
|
+
type: Boolean,
|
157
|
+
default: true
|
158
|
+
}
|
159
|
+
},
|
160
|
+
data() {
|
161
|
+
return {
|
162
|
+
webviewHide: false,
|
163
|
+
platform: platform,
|
164
|
+
imgBase64:
|
165
|
+
'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzlBMzU3OTlEOUM0MTFFOUI0NTZDNERBQURBQzI4RkUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzlBMzU3OUFEOUM0MTFFOUI0NTZDNERBQURBQzI4RkUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDOUEzNTc5N0Q5QzQxMUU5QjQ1NkM0REFBREFDMjhGRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDOUEzNTc5OEQ5QzQxMUU5QjQ1NkM0REFBREFDMjhGRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pt+ALSwAAA6CSURBVHja1FsLkFZV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'
|
166
|
+
};
|
167
|
+
},
|
168
|
+
computed: {
|
169
|
+
iconSnowWidth() {
|
170
|
+
return (Math.floor(this.iconSize / 24) || 1) * 2;
|
171
|
+
},
|
172
|
+
contentdownText() {
|
173
|
+
return this.contentText.contentdown || t('uni-load-more.contentdown');
|
174
|
+
},
|
175
|
+
contentrefreshText() {
|
176
|
+
return (
|
177
|
+
this.contentText.contentrefresh || t('uni-load-more.contentrefresh')
|
178
|
+
);
|
179
|
+
},
|
180
|
+
contentnomoreText() {
|
181
|
+
return (
|
182
|
+
this.contentText.contentnomore || t('uni-load-more.contentnomore')
|
183
|
+
);
|
184
|
+
}
|
185
|
+
},
|
186
|
+
mounted() {
|
187
|
+
// uni-app js引擎版编译为App时
|
188
|
+
// #ifdef APP-PLUS
|
189
|
+
// var pages = getCurrentPages();
|
190
|
+
// var page = pages[pages.length - 1];
|
191
|
+
// var currentWebview = page.$getAppWebview();
|
192
|
+
// currentWebview.addEventListener('hide', () => {
|
193
|
+
// this.webviewHide = true;
|
194
|
+
// });
|
195
|
+
// currentWebview.addEventListener('show', () => {
|
196
|
+
// this.webviewHide = false;
|
197
|
+
// });
|
198
|
+
// #endif
|
199
|
+
},
|
200
|
+
methods: {
|
201
|
+
onClick() {
|
202
|
+
this.$emit('clickLoadMore', {
|
203
|
+
detail: {
|
204
|
+
status: this.status
|
205
|
+
}
|
206
|
+
});
|
207
|
+
}
|
208
|
+
}
|
209
|
+
};
|
210
|
+
</script>
|
211
|
+
|
212
|
+
<style lang="scss">
|
213
|
+
.uni-load-more {
|
214
|
+
/* #ifndef APP-NVUE */
|
215
|
+
display: flex;
|
216
|
+
/* #endif */
|
217
|
+
flex-direction: row;
|
218
|
+
height: 40px;
|
219
|
+
align-items: center;
|
220
|
+
justify-content: center;
|
221
|
+
}
|
222
|
+
|
223
|
+
.uni-load-more__text {
|
224
|
+
font-size: 14px;
|
225
|
+
margin-left: 8px;
|
226
|
+
}
|
227
|
+
|
228
|
+
.uni-load-more__img {
|
229
|
+
width: 24px;
|
230
|
+
height: 24px;
|
231
|
+
// margin-right: 8px;
|
232
|
+
}
|
233
|
+
|
234
|
+
.uni-load-more__img--nvue {
|
235
|
+
color: #666666;
|
236
|
+
}
|
237
|
+
|
238
|
+
.uni-load-more__img--android,
|
239
|
+
.uni-load-more__img--ios {
|
240
|
+
width: 24px;
|
241
|
+
height: 24px;
|
242
|
+
transform: rotate(0deg);
|
243
|
+
}
|
244
|
+
|
245
|
+
/* #ifndef APP-NVUE */
|
246
|
+
.uni-load-more__img--android {
|
247
|
+
animation: loading-ios 1s 0s linear infinite;
|
248
|
+
}
|
249
|
+
|
250
|
+
@keyframes loading-android {
|
251
|
+
0% {
|
252
|
+
transform: rotate(0deg);
|
253
|
+
}
|
254
|
+
|
255
|
+
100% {
|
256
|
+
transform: rotate(360deg);
|
257
|
+
}
|
258
|
+
}
|
259
|
+
|
260
|
+
.uni-load-more__img--ios-H5 {
|
261
|
+
position: relative;
|
262
|
+
animation: loading-ios-H5 1s 0s step-end infinite;
|
263
|
+
}
|
264
|
+
|
265
|
+
.uni-load-more__img--ios-H5 image {
|
266
|
+
position: absolute;
|
267
|
+
width: 100%;
|
268
|
+
height: 100%;
|
269
|
+
left: 0;
|
270
|
+
top: 0;
|
271
|
+
}
|
272
|
+
|
273
|
+
@keyframes loading-ios-H5 {
|
274
|
+
0% {
|
275
|
+
transform: rotate(0deg);
|
276
|
+
}
|
277
|
+
|
278
|
+
8% {
|
279
|
+
transform: rotate(30deg);
|
280
|
+
}
|
281
|
+
|
282
|
+
16% {
|
283
|
+
transform: rotate(60deg);
|
284
|
+
}
|
285
|
+
|
286
|
+
24% {
|
287
|
+
transform: rotate(90deg);
|
288
|
+
}
|
289
|
+
|
290
|
+
32% {
|
291
|
+
transform: rotate(120deg);
|
292
|
+
}
|
293
|
+
|
294
|
+
40% {
|
295
|
+
transform: rotate(150deg);
|
296
|
+
}
|
297
|
+
|
298
|
+
48% {
|
299
|
+
transform: rotate(180deg);
|
300
|
+
}
|
301
|
+
|
302
|
+
56% {
|
303
|
+
transform: rotate(210deg);
|
304
|
+
}
|
305
|
+
|
306
|
+
64% {
|
307
|
+
transform: rotate(240deg);
|
308
|
+
}
|
309
|
+
|
310
|
+
73% {
|
311
|
+
transform: rotate(270deg);
|
312
|
+
}
|
313
|
+
|
314
|
+
82% {
|
315
|
+
transform: rotate(300deg);
|
316
|
+
}
|
317
|
+
|
318
|
+
91% {
|
319
|
+
transform: rotate(330deg);
|
320
|
+
}
|
321
|
+
|
322
|
+
100% {
|
323
|
+
transform: rotate(360deg);
|
324
|
+
}
|
325
|
+
}
|
326
|
+
|
327
|
+
/* #endif */
|
328
|
+
|
329
|
+
/* #ifdef H5 */
|
330
|
+
.uni-load-more__img--android-H5 {
|
331
|
+
animation: loading-android-H5-rotate 2s linear infinite;
|
332
|
+
transform-origin: center center;
|
333
|
+
}
|
334
|
+
|
335
|
+
.uni-load-more__img--android-H5 circle {
|
336
|
+
display: inline-block;
|
337
|
+
animation: loading-android-H5-dash 1.5s ease-in-out infinite;
|
338
|
+
stroke: currentColor;
|
339
|
+
stroke-linecap: round;
|
340
|
+
}
|
341
|
+
|
342
|
+
@keyframes loading-android-H5-rotate {
|
343
|
+
0% {
|
344
|
+
transform: rotate(0deg);
|
345
|
+
}
|
346
|
+
|
347
|
+
100% {
|
348
|
+
transform: rotate(360deg);
|
349
|
+
}
|
350
|
+
}
|
351
|
+
|
352
|
+
@keyframes loading-android-H5-dash {
|
353
|
+
0% {
|
354
|
+
stroke-dasharray: 1, 200;
|
355
|
+
stroke-dashoffset: 0;
|
356
|
+
}
|
357
|
+
|
358
|
+
50% {
|
359
|
+
stroke-dasharray: 90, 150;
|
360
|
+
stroke-dashoffset: -40;
|
361
|
+
}
|
362
|
+
|
363
|
+
100% {
|
364
|
+
stroke-dasharray: 90, 150;
|
365
|
+
stroke-dashoffset: -120;
|
366
|
+
}
|
367
|
+
}
|
368
|
+
|
369
|
+
/* #endif */
|
370
|
+
|
371
|
+
/* #ifndef APP-NVUE || H5 */
|
372
|
+
.uni-load-more__img--android-MP {
|
373
|
+
position: relative;
|
374
|
+
width: 24px;
|
375
|
+
height: 24px;
|
376
|
+
transform: rotate(0deg);
|
377
|
+
animation: loading-ios 1s 0s ease infinite;
|
378
|
+
}
|
379
|
+
|
380
|
+
.uni-load-more__img--android-MP .uni-load-more__img-icon {
|
381
|
+
position: absolute;
|
382
|
+
box-sizing: border-box;
|
383
|
+
width: 100%;
|
384
|
+
height: 100%;
|
385
|
+
border-radius: 50%;
|
386
|
+
border: solid 2px transparent;
|
387
|
+
border-top: solid 2px #777777;
|
388
|
+
transform-origin: center;
|
389
|
+
}
|
390
|
+
|
391
|
+
.uni-load-more__img--android-MP .uni-load-more__img-icon:nth-child(1) {
|
392
|
+
animation: loading-android-MP-1 1s 0s linear infinite;
|
393
|
+
}
|
394
|
+
|
395
|
+
.uni-load-more__img--android-MP .uni-load-more__img-icon:nth-child(2) {
|
396
|
+
animation: loading-android-MP-2 1s 0s linear infinite;
|
397
|
+
}
|
398
|
+
|
399
|
+
.uni-load-more__img--android-MP .uni-load-more__img-icon:nth-child(3) {
|
400
|
+
animation: loading-android-MP-3 1s 0s linear infinite;
|
401
|
+
}
|
402
|
+
|
403
|
+
@keyframes loading-android {
|
404
|
+
0% {
|
405
|
+
transform: rotate(0deg);
|
406
|
+
}
|
407
|
+
|
408
|
+
100% {
|
409
|
+
transform: rotate(360deg);
|
410
|
+
}
|
411
|
+
}
|
412
|
+
|
413
|
+
@keyframes loading-android-MP-1 {
|
414
|
+
0% {
|
415
|
+
transform: rotate(0deg);
|
416
|
+
}
|
417
|
+
|
418
|
+
50% {
|
419
|
+
transform: rotate(90deg);
|
420
|
+
}
|
421
|
+
|
422
|
+
100% {
|
423
|
+
transform: rotate(360deg);
|
424
|
+
}
|
425
|
+
}
|
426
|
+
|
427
|
+
@keyframes loading-android-MP-2 {
|
428
|
+
0% {
|
429
|
+
transform: rotate(0deg);
|
430
|
+
}
|
431
|
+
|
432
|
+
50% {
|
433
|
+
transform: rotate(180deg);
|
434
|
+
}
|
435
|
+
|
436
|
+
100% {
|
437
|
+
transform: rotate(360deg);
|
438
|
+
}
|
439
|
+
}
|
440
|
+
|
441
|
+
@keyframes loading-android-MP-3 {
|
442
|
+
0% {
|
443
|
+
transform: rotate(0deg);
|
444
|
+
}
|
445
|
+
|
446
|
+
50% {
|
447
|
+
transform: rotate(270deg);
|
448
|
+
}
|
449
|
+
|
450
|
+
100% {
|
451
|
+
transform: rotate(360deg);
|
452
|
+
}
|
453
|
+
}
|
454
|
+
|
455
|
+
/* #endif */
|
456
|
+
</style>
|