Showing
11 changed files
with
189 additions
and
0 deletions
.gitignore
0 → 100644
1 | + | ||
2 | +# Created by https://www.gitignore.io/api/node | ||
3 | + | ||
4 | +### Node ### | ||
5 | +# Logs | ||
6 | +logs | ||
7 | +*.log | ||
8 | +npm-debug.log* | ||
9 | +yarn-debug.log* | ||
10 | +yarn-error.log* | ||
11 | + | ||
12 | +# Runtime data | ||
13 | +pids | ||
14 | +*.pid | ||
15 | +*.seed | ||
16 | +*.pid.lock | ||
17 | + | ||
18 | +# Directory for instrumented libs generated by jscoverage/JSCover | ||
19 | +lib-cov | ||
20 | + | ||
21 | +# Coverage directory used by tools like istanbul | ||
22 | +coverage | ||
23 | + | ||
24 | +# nyc test coverage | ||
25 | +.nyc_output | ||
26 | + | ||
27 | +# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) | ||
28 | +.grunt | ||
29 | + | ||
30 | +# Bower dependency directory (https://bower.io/) | ||
31 | +bower_components | ||
32 | + | ||
33 | +# node-waf configuration | ||
34 | +.lock-wscript | ||
35 | + | ||
36 | +# Compiled binary addons (http://nodejs.org/api/addons.html) | ||
37 | +build/Release | ||
38 | + | ||
39 | +# Dependency directories | ||
40 | +node_modules/ | ||
41 | +jspm_packages/ | ||
42 | + | ||
43 | +# Typescript v1 declaration files | ||
44 | +typings/ | ||
45 | + | ||
46 | +# Optional npm cache directory | ||
47 | +.npm | ||
48 | + | ||
49 | +# Optional eslint cache | ||
50 | +.eslintcache | ||
51 | + | ||
52 | +# Optional REPL history | ||
53 | +.node_repl_history | ||
54 | + | ||
55 | +# Output of 'npm pack' | ||
56 | +*.tgz | ||
57 | + | ||
58 | +# Yarn Integrity file | ||
59 | +.yarn-integrity | ||
60 | + | ||
61 | +# dotenv environment variables file | ||
62 | +.env | ||
63 | + | ||
64 | + | ||
65 | +# End of https://www.gitignore.io/api/node |
.vscode/settings.json
0 → 100644
html/redis-live.html
0 → 100644
1 | +<!DOCTYPE html> | ||
2 | +<html lang="zh_CN"> | ||
3 | +<head> | ||
4 | + <meta charset="UTF-8"> | ||
5 | + <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
6 | + <meta http-equiv="X-UA-Compatible" content="ie=edge"> | ||
7 | + <title>Redis</title> | ||
8 | + <link rel="stylesheet" href="/dist/css/redis-live.css"> | ||
9 | +</head> | ||
10 | +<body> | ||
11 | + redis live | ||
12 | + <script src="/dist/js/redis-live.js"></script> | ||
13 | +</body> | ||
14 | +</html> |
package-lock.json
0 → 100644
This diff could not be displayed because it is too large.
package.json
0 → 100644
1 | +{ | ||
2 | + "name": "bigdata-static", | ||
3 | + "version": "1.0.0", | ||
4 | + "description": "bigdata-static", | ||
5 | + "main": "index.js", | ||
6 | + "scripts": { | ||
7 | + "start": "ada --host 0.0.0.0 --port 7005", | ||
8 | + "dev": "ada --port 7005", | ||
9 | + "build": "ada build" | ||
10 | + }, | ||
11 | + "repository": { | ||
12 | + "type": "git", | ||
13 | + "url": "git@git.yoho.cn:fe/bigdata-static.git" | ||
14 | + }, | ||
15 | + "author": "ccbikai <ccbikai@qq.com> (http://miantiao.me/)", | ||
16 | + "license": "MIT", | ||
17 | + "devDependencies": { | ||
18 | + "ada": "^0.1.7", | ||
19 | + "echarts": "^3.8.5", | ||
20 | + "jquery": "^1.12.4" | ||
21 | + } | ||
22 | +} |
src/images/.gitkeep
0 → 100644
src/js/redis-live.js
0 → 100644
1 | +console.log(2) |
src/scss/common/_layout.scss
0 → 100644
src/scss/redis-live.scss
0 → 100644
1 | +@import "common/layout.scss" |
src/sprites/sprites.png
0 → 100644
src/sprites/sprites.scss
0 → 100644
1 | +// SCSS variables are information about icon's compiled state, stored under its original file name | ||
2 | +// | ||
3 | +// .icon-home { | ||
4 | +// width: $icon-home-width; | ||
5 | +// } | ||
6 | +// | ||
7 | +// The large array-like variables contain all information about a single icon | ||
8 | +// $icon-home: x y offset_x offset_y width height total_width total_height image_path; | ||
9 | +// | ||
10 | +// At the bottom of this section, we provide information about the spritesheet itself | ||
11 | +// $spritesheet: width height image $spritesheet-sprites; | ||
12 | +$spritesheet-width: 0px; | ||
13 | +$spritesheet-height: 0px; | ||
14 | +$spritesheet-image: '../sprites/sprites.png'; | ||
15 | +$spritesheet-sprites: (); | ||
16 | +$spritesheet: (0px, 0px, '../sprites/sprites.png', $spritesheet-sprites, ); | ||
17 | + | ||
18 | +// The provided mixins are intended to be used with the array-like variables | ||
19 | +// | ||
20 | +// .icon-home { | ||
21 | +// @include sprite-width($icon-home); | ||
22 | +// } | ||
23 | +// | ||
24 | +// .icon-email { | ||
25 | +// @include sprite($icon-email); | ||
26 | +// } | ||
27 | +// | ||
28 | +// Example usage in HTML: | ||
29 | +// | ||
30 | +// `display: block` sprite: | ||
31 | +// <div class="icon-home"></div> | ||
32 | +// | ||
33 | +// To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class: | ||
34 | +// | ||
35 | +// // CSS | ||
36 | +// .icon { | ||
37 | +// display: inline-block; | ||
38 | +// } | ||
39 | +// | ||
40 | +// // HTML | ||
41 | +// <i class="icon icon-home"></i> | ||
42 | +@mixin sprite-width($sprite) { | ||
43 | + width: nth($sprite, 5); | ||
44 | +} | ||
45 | + | ||
46 | +@mixin sprite-height($sprite) { | ||
47 | + height: nth($sprite, 6); | ||
48 | +} | ||
49 | + | ||
50 | +@mixin sprite-position($sprite) { | ||
51 | + $sprite-offset-x: nth($sprite, 3); | ||
52 | + $sprite-offset-y: nth($sprite, 4); | ||
53 | + background-position: $sprite-offset-x $sprite-offset-y; | ||
54 | +} | ||
55 | + | ||
56 | +@mixin sprite-image($sprite) { | ||
57 | + $sprite-image: nth($sprite, 9); | ||
58 | + background-image: url(#{$sprite-image}); | ||
59 | +} | ||
60 | + | ||
61 | +@mixin sprite($sprite) { | ||
62 | + @include sprite-image($sprite); | ||
63 | + @include sprite-position($sprite); | ||
64 | + @include sprite-width($sprite); | ||
65 | + @include sprite-height($sprite); | ||
66 | +} | ||
67 | + | ||
68 | +// The `sprites` mixin generates identical output to the CSS template | ||
69 | +// but can be overridden inside of SCSS | ||
70 | +// | ||
71 | +// @include sprites($spritesheet-sprites); | ||
72 | +@mixin sprites($sprites) { | ||
73 | + @each $sprite in $sprites { | ||
74 | + $sprite-name: nth($sprite, 10); | ||
75 | + .#{$sprite-name} { | ||
76 | + @include sprite($sprite); | ||
77 | + } | ||
78 | + } | ||
79 | +} |
-
Please register or login to post a comment