tencent.jquery.pix.component 1.0.77 → 1.0.78
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/components/banner/banner.js +460 -460
- package/components/banner/banner.scss +49 -49
- package/components/config.js +23 -23
- package/components/list/list.js +216 -216
- package/components/tips/tipv2.js +556 -556
- package/components/utils/env.js +7 -7
- package/components/utils/utils.js +65 -65
- package/components/video/videocss.scss +513 -506
- package/components/video/videohtml.js +85 -85
- package/components/video/videoplayer.js +767 -758
- package/components/waterfall/waterfall.js +1254 -878
- package/components/waterfall/waterfall.scss +17 -17
- package/index.js +10 -10
- package/package.json +17 -17
- package/readme.md +15 -15
- package/style/animation.scss +40 -40
- package/utils/utils.js +15 -15
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
.waterfall-list-scroll {
|
|
2
|
-
height: 100%;
|
|
3
|
-
.waterfall-loading {
|
|
4
|
-
position: absolute;
|
|
5
|
-
width: 100%;
|
|
6
|
-
align-items: center;
|
|
7
|
-
justify-content: center;
|
|
8
|
-
}
|
|
9
|
-
.waterfall-item {
|
|
10
|
-
flex: 1;
|
|
11
|
-
flex-shrink: 1;
|
|
12
|
-
flex-grow: 1;
|
|
13
|
-
flex-basis: 0;
|
|
14
|
-
width: 100%;
|
|
15
|
-
position: absolute;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
1
|
+
.waterfall-list-scroll {
|
|
2
|
+
height: 100%;
|
|
3
|
+
.waterfall-loading {
|
|
4
|
+
position: absolute;
|
|
5
|
+
width: 100%;
|
|
6
|
+
align-items: center;
|
|
7
|
+
justify-content: center;
|
|
8
|
+
}
|
|
9
|
+
.waterfall-item {
|
|
10
|
+
flex: 1;
|
|
11
|
+
flex-shrink: 1;
|
|
12
|
+
flex-grow: 1;
|
|
13
|
+
flex-basis: 0;
|
|
14
|
+
width: 100%;
|
|
15
|
+
position: absolute;
|
|
16
|
+
}
|
|
17
|
+
}
|
package/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
export { VideoPlayer } from './components/video/videoplayer';
|
|
2
|
-
export { tips, showTips } from './components/tips/tipv2';
|
|
3
|
-
export { Banner } from './components/banner/banner';
|
|
4
|
-
export { List } from './components/list/list';
|
|
5
|
-
export { Waterfall } from './components/waterfall/waterfall';
|
|
6
|
-
export { getEnv, setEnv } from './components/config';
|
|
7
|
-
export { getFontSize, remToPx } from './utils/utils';
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
1
|
+
export { VideoPlayer } from './components/video/videoplayer';
|
|
2
|
+
export { tips, showTips } from './components/tips/tipv2';
|
|
3
|
+
export { Banner } from './components/banner/banner';
|
|
4
|
+
export { List } from './components/list/list';
|
|
5
|
+
export { Waterfall } from './components/waterfall/waterfall';
|
|
6
|
+
export { getEnv, setEnv } from './components/config';
|
|
7
|
+
export { getFontSize, remToPx } from './utils/utils';
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
|
package/package.json
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "tencent.jquery.pix.component",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"description": "",
|
|
5
|
-
"main": "index.js",
|
|
6
|
-
"files": [
|
|
7
|
-
"components",
|
|
8
|
-
"utils",
|
|
9
|
-
"style"
|
|
10
|
-
],
|
|
11
|
-
"scripts": {
|
|
12
|
-
"test": "echo \"Error: no test specified\" && exit 1"
|
|
13
|
-
},
|
|
14
|
-
"author": "winkchen, jackyjhe",
|
|
15
|
-
"license": "ISC",
|
|
16
|
-
"dependencies": {}
|
|
17
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "tencent.jquery.pix.component",
|
|
3
|
+
"version": "1.0.78",
|
|
4
|
+
"description": "",
|
|
5
|
+
"main": "index.js",
|
|
6
|
+
"files": [
|
|
7
|
+
"components",
|
|
8
|
+
"utils",
|
|
9
|
+
"style"
|
|
10
|
+
],
|
|
11
|
+
"scripts": {
|
|
12
|
+
"test": "echo \"Error: no test specified\" && exit 1"
|
|
13
|
+
},
|
|
14
|
+
"author": "winkchen, jackyjhe",
|
|
15
|
+
"license": "ISC",
|
|
16
|
+
"dependencies": {}
|
|
17
|
+
}
|
package/readme.md
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
# jquery.pix.component
|
|
2
|
-
|
|
3
|
-
基于jquery.pix开发的pixui通用组件库。
|
|
4
|
-
|
|
5
|
-
- 用于web浏览器基于正常的jquery版本(1.9系列)
|
|
6
|
-
|
|
7
|
-
- 用于pix
|
|
8
|
-
|
|
9
|
-
git 地址
|
|
10
|
-
|
|
11
|
-
https://git.woa.com/linksee-web/pix/jquery.pix.component
|
|
12
|
-
|
|
13
|
-
在线文档
|
|
14
|
-
|
|
15
|
-
https://static-exp.native.qq.com/webfront/pixcomponent/QNgV5k6r/dist/#/
|
|
1
|
+
# jquery.pix.component
|
|
2
|
+
|
|
3
|
+
基于jquery.pix开发的pixui通用组件库。
|
|
4
|
+
|
|
5
|
+
- 用于web浏览器基于正常的jquery版本(1.9系列)
|
|
6
|
+
|
|
7
|
+
- 用于pix小应用基于tencent.jquery.pix
|
|
8
|
+
|
|
9
|
+
git 地址
|
|
10
|
+
|
|
11
|
+
https://git.woa.com/linksee-web/pix/jquery.pix.component
|
|
12
|
+
|
|
13
|
+
在线文档
|
|
14
|
+
|
|
15
|
+
https://static-exp.native.qq.com/webfront/pixcomponent/QNgV5k6r/dist/#/
|
package/style/animation.scss
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
@mixin define-fade-in-animation(
|
|
2
|
-
$name: 'fadeIn',
|
|
3
|
-
$start-x: 0px,
|
|
4
|
-
$start-y: 0px,
|
|
5
|
-
$mid-x: 0px,
|
|
6
|
-
$mid-y: 0px,
|
|
7
|
-
$end-x: 0px,
|
|
8
|
-
$end-y: 0px
|
|
9
|
-
) {
|
|
10
|
-
@keyframes #{$name} {
|
|
11
|
-
0% {
|
|
12
|
-
opacity: 0;
|
|
13
|
-
transform: translate($start-x, $start-y);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
25% {
|
|
17
|
-
transform: translate($mid-x, $mid-y);
|
|
18
|
-
opacity: 0;
|
|
19
|
-
}
|
|
20
|
-
|
|
21
|
-
100% {
|
|
22
|
-
opacity: 1;
|
|
23
|
-
transform: translate($end-x, $end-y);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
|
|
28
|
-
@mixin apply-fade-in-animation(
|
|
29
|
-
$name: 'fadeIn',
|
|
30
|
-
$duration: 0.7s,
|
|
31
|
-
$timing-function: ease,
|
|
32
|
-
$fill-mode: both,
|
|
33
|
-
$delay: 0s
|
|
34
|
-
) {
|
|
35
|
-
animation-name: #{$name};
|
|
36
|
-
animation-duration: $duration;
|
|
37
|
-
animation-timing-function: $timing-function;
|
|
38
|
-
animation-fill-mode: $fill-mode;
|
|
39
|
-
animation-delay: $delay;
|
|
40
|
-
}
|
|
1
|
+
@mixin define-fade-in-animation(
|
|
2
|
+
$name: 'fadeIn',
|
|
3
|
+
$start-x: 0px,
|
|
4
|
+
$start-y: 0px,
|
|
5
|
+
$mid-x: 0px,
|
|
6
|
+
$mid-y: 0px,
|
|
7
|
+
$end-x: 0px,
|
|
8
|
+
$end-y: 0px
|
|
9
|
+
) {
|
|
10
|
+
@keyframes #{$name} {
|
|
11
|
+
0% {
|
|
12
|
+
opacity: 0;
|
|
13
|
+
transform: translate($start-x, $start-y);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
25% {
|
|
17
|
+
transform: translate($mid-x, $mid-y);
|
|
18
|
+
opacity: 0;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
100% {
|
|
22
|
+
opacity: 1;
|
|
23
|
+
transform: translate($end-x, $end-y);
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
@mixin apply-fade-in-animation(
|
|
29
|
+
$name: 'fadeIn',
|
|
30
|
+
$duration: 0.7s,
|
|
31
|
+
$timing-function: ease,
|
|
32
|
+
$fill-mode: both,
|
|
33
|
+
$delay: 0s
|
|
34
|
+
) {
|
|
35
|
+
animation-name: #{$name};
|
|
36
|
+
animation-duration: $duration;
|
|
37
|
+
animation-timing-function: $timing-function;
|
|
38
|
+
animation-fill-mode: $fill-mode;
|
|
39
|
+
animation-delay: $delay;
|
|
40
|
+
}
|
package/utils/utils.js
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { $ } from "../components/config";
|
|
2
|
-
|
|
3
|
-
let fontSize = -1;
|
|
4
|
-
|
|
5
|
-
// 获取字体大小
|
|
6
|
-
export const getFontSize = () => {
|
|
7
|
-
if (fontSize === -1) {
|
|
8
|
-
fontSize = parseFloat($(document.body).css("font-size").replace('px', ''));
|
|
9
|
-
}
|
|
10
|
-
return fontSize;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
// rem 转 px
|
|
14
|
-
export const remToPx = (rem) => {
|
|
15
|
-
return getFontSize() * parseFloat(rem.toString().replace('rem', ''));
|
|
1
|
+
import { $ } from "../components/config";
|
|
2
|
+
|
|
3
|
+
let fontSize = -1;
|
|
4
|
+
|
|
5
|
+
// 获取字体大小
|
|
6
|
+
export const getFontSize = () => {
|
|
7
|
+
if (fontSize === -1) {
|
|
8
|
+
fontSize = parseFloat($(document.body).css("font-size").replace('px', ''));
|
|
9
|
+
}
|
|
10
|
+
return fontSize;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
// rem 转 px
|
|
14
|
+
export const remToPx = (rem) => {
|
|
15
|
+
return getFontSize() * parseFloat(rem.toString().replace('rem', ''));
|
|
16
16
|
}
|