├── static
├── .gitkeep
└── js
│ ├── layer
│ ├── skin
│ │ └── default
│ │ │ ├── icon.png
│ │ │ ├── icon-ext.png
│ │ │ ├── loading-0.gif
│ │ │ ├── loading-1.gif
│ │ │ ├── loading-2.gif
│ │ │ └── layer.css
│ ├── mobile
│ │ ├── layer.js
│ │ └── need
│ │ │ └── layer.css
│ └── layer.js
│ ├── autoRem.js
│ └── layer_mobile
│ ├── layer.js
│ └── need
│ └── layer.css
├── src
├── static
│ ├── js
│ │ └── main.js
│ ├── font
│ │ ├── arial.ttf
│ │ ├── arialbd.ttf
│ │ ├── iconfont.eot
│ │ ├── iconfont.ttf
│ │ ├── iconfont.woff
│ │ └── iconfont.svg
│ ├── images
│ │ ├── grid.png
│ │ ├── 221950.jpg
│ │ ├── img_1.jpg
│ │ ├── img_2.jpg
│ │ ├── img_3.jpg
│ │ ├── img_4.jpg
│ │ ├── img_5.jpg
│ │ ├── img_6.jpg
│ │ ├── loader.gif
│ │ ├── img_bg_1.jpg
│ │ ├── img_bg_2.jpg
│ │ ├── img_bg_3.jpg
│ │ └── refresh.png
│ ├── fonts
│ │ ├── icomoon
│ │ │ ├── icomoon.eot
│ │ │ ├── icomoon.ttf
│ │ │ └── icomoon.woff
│ │ ├── themify-icons
│ │ │ ├── themify.eot
│ │ │ ├── themify.ttf
│ │ │ └── themify.woff
│ │ └── bootstrap
│ │ │ ├── glyphicons-halflings-regular.eot
│ │ │ ├── glyphicons-halflings-regular.ttf
│ │ │ ├── glyphicons-halflings-regular.woff
│ │ │ └── glyphicons-halflings-regular.woff2
│ └── css
│ │ ├── owl.theme.default.min.css
│ │ ├── owl.carousel.min.css
│ │ ├── flexslider.css
│ │ ├── magnific-popup.css
│ │ ├── themify-icons.css
│ │ └── icomoon.css
├── data
│ ├── video
│ │ ├── wild.mp4
│ │ └── wild.webm
│ └── music
│ │ └── music.mp3
├── flux
│ ├── actions
│ │ └── ButtonActions.js
│ ├── dispatcher
│ │ └── AppDispatcher.js
│ └── stores
│ │ └── ListStore.js
├── page
│ ├── index.js
│ ├── Security.js
│ ├── Inteagration.js
│ └── FleeingGoods.js
├── components
│ ├── tips.js
│ ├── MyButtonController.js
│ ├── nav.js
│ ├── MyButton.js
│ ├── security.js
│ ├── fleeinggoods.js
│ └── integration.js
├── template
│ └── index.html
└── index.js
├── config
├── prod.env.js
├── test.env.js
├── dev.env.js
└── index.js
├── .editorconfig
├── .postcssrc.js
├── .gitignore
├── server
├── lib
│ ├── Util
│ │ └── until.js
│ ├── log4js
│ │ └── logger.js
│ ├── config
│ │ └── config.js
│ └── auth
│ │ └── auth.service.js
├── server.js
└── router
│ └── router.js
├── .babelrc
├── logs
└── log-2018-04-26.log
├── README.md
├── package.json
└── manifest.json
/static/.gitkeep:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/static/js/main.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | console.log(trim(' 99999966666666 8888 '));
--------------------------------------------------------------------------------
/config/prod.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | module.exports = {
3 | NODE_ENV: '"production"'
4 | }
5 |
--------------------------------------------------------------------------------
/src/data/video/wild.mp4:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/data/video/wild.mp4
--------------------------------------------------------------------------------
/src/data/music/music.mp3:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/data/music/music.mp3
--------------------------------------------------------------------------------
/src/data/video/wild.webm:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/data/video/wild.webm
--------------------------------------------------------------------------------
/src/static/font/arial.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/font/arial.ttf
--------------------------------------------------------------------------------
/src/static/images/grid.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/images/grid.png
--------------------------------------------------------------------------------
/src/static/font/arialbd.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/font/arialbd.ttf
--------------------------------------------------------------------------------
/src/static/font/iconfont.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/font/iconfont.eot
--------------------------------------------------------------------------------
/src/static/font/iconfont.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/font/iconfont.ttf
--------------------------------------------------------------------------------
/src/static/images/221950.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/images/221950.jpg
--------------------------------------------------------------------------------
/src/static/images/img_1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/images/img_1.jpg
--------------------------------------------------------------------------------
/src/static/images/img_2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/images/img_2.jpg
--------------------------------------------------------------------------------
/src/static/images/img_3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/images/img_3.jpg
--------------------------------------------------------------------------------
/src/static/images/img_4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/images/img_4.jpg
--------------------------------------------------------------------------------
/src/static/images/img_5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/images/img_5.jpg
--------------------------------------------------------------------------------
/src/static/images/img_6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/images/img_6.jpg
--------------------------------------------------------------------------------
/src/static/images/loader.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/images/loader.gif
--------------------------------------------------------------------------------
/src/static/font/iconfont.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/font/iconfont.woff
--------------------------------------------------------------------------------
/src/static/images/img_bg_1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/images/img_bg_1.jpg
--------------------------------------------------------------------------------
/src/static/images/img_bg_2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/images/img_bg_2.jpg
--------------------------------------------------------------------------------
/src/static/images/img_bg_3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/images/img_bg_3.jpg
--------------------------------------------------------------------------------
/src/static/images/refresh.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/images/refresh.png
--------------------------------------------------------------------------------
/src/static/fonts/icomoon/icomoon.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/fonts/icomoon/icomoon.eot
--------------------------------------------------------------------------------
/src/static/fonts/icomoon/icomoon.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/fonts/icomoon/icomoon.ttf
--------------------------------------------------------------------------------
/src/static/fonts/icomoon/icomoon.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/fonts/icomoon/icomoon.woff
--------------------------------------------------------------------------------
/static/js/layer/skin/default/icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/static/js/layer/skin/default/icon.png
--------------------------------------------------------------------------------
/static/js/layer/skin/default/icon-ext.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/static/js/layer/skin/default/icon-ext.png
--------------------------------------------------------------------------------
/src/static/fonts/themify-icons/themify.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/fonts/themify-icons/themify.eot
--------------------------------------------------------------------------------
/src/static/fonts/themify-icons/themify.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/fonts/themify-icons/themify.ttf
--------------------------------------------------------------------------------
/src/static/fonts/themify-icons/themify.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/fonts/themify-icons/themify.woff
--------------------------------------------------------------------------------
/static/js/layer/skin/default/loading-0.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/static/js/layer/skin/default/loading-0.gif
--------------------------------------------------------------------------------
/static/js/layer/skin/default/loading-1.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/static/js/layer/skin/default/loading-1.gif
--------------------------------------------------------------------------------
/static/js/layer/skin/default/loading-2.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/static/js/layer/skin/default/loading-2.gif
--------------------------------------------------------------------------------
/src/static/fonts/bootstrap/glyphicons-halflings-regular.eot:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/fonts/bootstrap/glyphicons-halflings-regular.eot
--------------------------------------------------------------------------------
/src/static/fonts/bootstrap/glyphicons-halflings-regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/fonts/bootstrap/glyphicons-halflings-regular.ttf
--------------------------------------------------------------------------------
/src/static/fonts/bootstrap/glyphicons-halflings-regular.woff:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/fonts/bootstrap/glyphicons-halflings-regular.woff
--------------------------------------------------------------------------------
/src/static/fonts/bootstrap/glyphicons-halflings-regular.woff2:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/xulayen/vue-and-react-template/HEAD/src/static/fonts/bootstrap/glyphicons-halflings-regular.woff2
--------------------------------------------------------------------------------
/config/test.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const devEnv = require('./dev.env')
4 |
5 | module.exports = merge(devEnv, {
6 | NODE_ENV: '"testing"'
7 | })
8 |
--------------------------------------------------------------------------------
/config/dev.env.js:
--------------------------------------------------------------------------------
1 | 'use strict'
2 | const merge = require('webpack-merge')
3 | const prodEnv = require('./prod.env')
4 |
5 | module.exports = merge(prodEnv, {
6 | NODE_ENV: '"development"'
7 | })
8 |
--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
1 | root = true
2 |
3 | [*]
4 | charset = utf-8
5 | indent_style = space
6 | indent_size = 2
7 | end_of_line = lf
8 | insert_final_newline = true
9 | trim_trailing_whitespace = true
10 |
--------------------------------------------------------------------------------
/.postcssrc.js:
--------------------------------------------------------------------------------
1 | // https://github.com/michael-ciniawsky/postcss-load-config
2 |
3 | module.exports = {
4 | "plugins": {
5 | // to edit target browsers: use "browserslist" field in package.json
6 | "postcss-import": {},
7 | "autoprefixer": {}
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | .vscode/
3 | node_modules/
4 | /dist/
5 | npm-debug.log*
6 | yarn-debug.log*
7 | yarn-error.log*
8 | /test/unit/coverage/
9 | /test/e2e/reports/
10 | selenium-debug.log
11 |
12 | # Editor directories and files
13 | .idea
14 | .vscode
15 | *.suo
16 | *.ntvs*
17 | *.njsproj
18 | *.sln
19 |
--------------------------------------------------------------------------------
/src/flux/actions/ButtonActions.js:
--------------------------------------------------------------------------------
1 | var AppDispatcher = require('../dispatcher/AppDispatcher');
2 |
3 | var ButtonActions = {
4 |
5 | addNewItem: function (text) {
6 | AppDispatcher.dispatch({
7 | actionType: 'ADD_NEW_ITEM',
8 | text: text
9 | });
10 | },
11 |
12 | };
13 |
14 | module.exports = ButtonActions;
15 |
--------------------------------------------------------------------------------
/src/flux/dispatcher/AppDispatcher.js:
--------------------------------------------------------------------------------
1 | var Dispatcher = require('flux').Dispatcher;
2 | var AppDispatcher = new Dispatcher();
3 | var ListStore = require('../stores/ListStore.js');
4 |
5 | AppDispatcher.register(function (action) {
6 | switch(action.actionType) {
7 | case 'ADD_NEW_ITEM':
8 | ListStore.addNewItemHandler(action.text);
9 | ListStore.emitChange();
10 | break;
11 | default:
12 | // no op
13 | }
14 | })
15 |
16 | module.exports = AppDispatcher;
17 |
--------------------------------------------------------------------------------
/src/page/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {NavComponent} from '../components/nav.js';
3 | import {TipsComponent} from '../components/tips.js';
4 |
5 | class IndexPage extends React.Component{
6 | constructor(props) {
7 | super(props);
8 | }
9 |
10 |
11 |
12 | render(){
13 | return (
14 |
15 |
16 |
17 |
18 | )
19 | }
20 | }
21 | export {IndexPage};
22 |
--------------------------------------------------------------------------------
/src/page/Security.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {NavComponent} from '../components/nav.js';
3 | import {SecurityComponent} from '../components/security.js';
4 |
5 | class SecurityPage extends React.Component{
6 | constructor(props) {
7 | super(props);
8 | }
9 |
10 |
11 |
12 | render(){
13 | return (
14 |
15 |
16 |
17 |
18 | )
19 | }
20 | }
21 | export {SecurityPage};
22 |
--------------------------------------------------------------------------------
/src/page/Inteagration.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {NavComponent} from '../components/nav.js';
3 | import {IntegrationComponent} from '../components/integration.js';
4 |
5 | class IntegrationPage extends React.Component{
6 | constructor(props) {
7 | super(props);
8 | }
9 |
10 |
11 |
12 | render(){
13 | return (
14 |
15 |
16 |
17 |
18 | )
19 | }
20 | }
21 | export {IntegrationPage};
22 |
--------------------------------------------------------------------------------
/src/page/FleeingGoods.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {NavComponent} from '../components/nav.js';
3 | import {FleeinggoodsComponent} from '../components/fleeinggoods.js';
4 |
5 | class FleeingGoodsPage extends React.Component{
6 | constructor(props) {
7 | super(props);
8 | }
9 |
10 |
11 |
12 | render(){
13 | return (
14 |
15 |
16 |
17 |
18 | )
19 | }
20 | }
21 | export {FleeingGoodsPage};
22 |
--------------------------------------------------------------------------------
/server/lib/Util/until.js:
--------------------------------------------------------------------------------
1 | var Until={
2 | getClientIp:function(req) {
3 | var ipAddress;
4 | var forwardedIpsStr = req.header('HTTP_X_FORWARDED_FOR');
5 | console.log(forwardedIpsStr);
6 | if (forwardedIpsStr) {
7 | var forwardedIps = forwardedIpsStr.split(',');
8 | ipAddress = forwardedIps[0];
9 | }
10 | if (!ipAddress) {
11 | ipAddress = req.connection.remoteAddress;
12 | }
13 | console.log(ipAddress);
14 | return ipAddress;
15 | }
16 | }
17 |
18 | module.exports=Until;
--------------------------------------------------------------------------------
/server/lib/log4js/logger.js:
--------------------------------------------------------------------------------
1 | const log4js = require('log4js');
2 | const logconfig = require('../config/config.js');
3 |
4 | log4js.configure({
5 | appenders: {
6 | cheese: logconfig.log4js
7 | },
8 | categories: { default: { appenders: ['cheese'], level: 'trace' } }
9 | });
10 |
11 | const logger = log4js.getLogger('cheese');
12 |
13 |
14 | module.exports =logger;
15 |
16 |
17 | // logger.trace('Entering cheese testing');
18 | // logger.debug('Got cheese.');
19 | // logger.info('Cheese is Gouda.');
20 | // logger.warn('Cheese is quite smelly.');
21 | // logger.error('Cheese is too ripe!');
22 | // logger.fatal('Cheese was breeding ground for listeria.');
--------------------------------------------------------------------------------
/src/flux/stores/ListStore.js:
--------------------------------------------------------------------------------
1 | var EventEmitter = require('events').EventEmitter;
2 | var assign = require('object-assign');
3 |
4 | var ListStore = assign({}, EventEmitter.prototype, {
5 | items: [],
6 |
7 | getAll: function () {
8 | return this.items;
9 | },
10 |
11 | addNewItemHandler: function (text) {
12 | console.log('addNewItemHandler');
13 | this.items.push(text);
14 | },
15 |
16 | emitChange: function () {
17 | console.log('emitChange');
18 | this.emit('change');
19 | },
20 |
21 | addChangeListener: function(callback) {
22 | console.log('addChangeListener');
23 | this.on('change', callback);
24 | },
25 |
26 | removeChangeListener: function(callback) {
27 | console.log('removeChangeListener');
28 | this.removeListener('change', callback);
29 | }
30 | });
31 |
32 | module.exports = ListStore;
33 |
--------------------------------------------------------------------------------
/.babelrc:
--------------------------------------------------------------------------------
1 | // {
2 | // "presets": [
3 | // "react"
4 | // ]
5 | // }
6 | {
7 | "presets": [
8 | ["env", {
9 | "targets": {
10 | "browsers": ["last 2 versions", "safari >= 7" ,"chrome >=60"],
11 | "node": "9.2",
12 | "uglify":true,
13 | "debug":true
14 | }
15 | }]
16 | ]
17 | }
18 |
19 | // {
20 | // "presets": [
21 | // ["env", {
22 | // "modules": false,
23 | // "targets": {
24 | // "browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
25 | // }
26 | // }],
27 | // "stage-2"
28 | // ],
29 | // "plugins": ["transform-vue-jsx", "transform-runtime"],
30 | // "env": {
31 | // "test": {
32 | // "presets": ["env", "stage-2"],
33 | // "plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
34 | // }
35 | // }
36 | // }
37 |
38 |
39 |
40 |
--------------------------------------------------------------------------------
/logs/log-2018-04-26.log:
--------------------------------------------------------------------------------
1 | [2018-04-26T14:10:13.358] [INFO] cheese - App (production) is now running on port 8011
2 | [2018-04-26T17:33:19.653] [INFO] cheese - App (production) is now running on port 8011
3 | [2018-04-26T17:39:12.629] [INFO] cheese - App (production) is now running on port 8011
4 | [2018-04-26T17:46:02.247] [INFO] cheese - App (production) is now running on port 8011
5 | [2018-04-26T17:48:10.106] [INFO] cheese - App (production) is now running on port 8011
6 | [2018-04-26T17:49:00.703] [INFO] cheese - App (dev) is now running on port 8011
7 | [2018-04-26T17:52:53.742] [INFO] cheese - App (dev) is now running on port 8011
8 | [2018-04-26T17:53:14.415] [INFO] cheese - App (dev) is now running on port 8011
9 | [2018-04-26T17:54:40.525] [INFO] cheese - App (dev) is now running on port 8011
10 | [2018-04-26T17:55:12.456] [INFO] cheese - App (dev) is now running on port 8011
11 | [2018-04-26T17:55:34.814] [INFO] cheese - App (dev) is now running on port 8011
12 |
--------------------------------------------------------------------------------
/static/js/autoRem.js:
--------------------------------------------------------------------------------
1 | setSize();
2 | window.addEventListener("resize", setSize, false);
3 | window.addEventListener("orientationchange", setSize, false);
4 | function setSize() {
5 | var html = document.getElementsByTagName('html')[0];
6 | var width = html.clientWidth;
7 | var height=html.clientHeight;
8 | var ratio=width/height;
9 | html.style.fontSize = width / 18 + "px";
10 | if(ratio>0.8){
11 | html.style.fontSize = width / 18 + "px";
12 | }else if(ratio>0.69){
13 | html.style.fontSize = width / 19.8 + "px";
14 | }else if(ratio>0.67){
15 | html.style.fontSize = width / 19.6 + "px";
16 | }else if(ratio>0.65){
17 | html.style.fontSize = width / 19.2 + "px";
18 | }else if(ratio>0.60){
19 | html.style.fontSize = width / 18 + "px";
20 | }else if(ratio>0.55){
21 | html.style.fontSize = width / 17 + "px";
22 | }else{
23 | html.style.fontSize = width / 16 + "px";
24 | }
25 | }
--------------------------------------------------------------------------------
/src/static/css/owl.theme.default.min.css:
--------------------------------------------------------------------------------
1 | .owl-theme .owl-controls{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-controls .owl-nav [class*=owl-]{color:#fff;font-size:14px;margin:5px;padding:4px 7px;background:#d6d6d6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{background:#869791;color:#fff;text-decoration:none}.owl-theme .owl-controls .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#d6d6d6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
--------------------------------------------------------------------------------
/src/components/tips.js:
--------------------------------------------------------------------------------
1 |
2 | import React from 'react';
3 |
4 | class TipsComponent extends React.Component{
5 |
6 | constructor(props) {
7 | super(props);
8 | }
9 |
10 | render(){
11 | return (
12 |
13 |
14 |
15 |
16 |
17 | In Box Computing
18 |
19 | In the text box to enter the digital or two-dimensional code, the system automatically
20 | to calculate the current digital if there are security, integration, distribution,
21 | tracing and digital marketing, and gives the corresponding results.
22 |
23 |
24 |
25 |
26 | )
27 | }
28 | }
29 |
30 |
31 | export {TipsComponent};
32 |
33 |
--------------------------------------------------------------------------------
/src/template/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | <%= htmlWebpackPlugin.options.title %>
9 |
10 |
11 |
12 |
13 |
16 |
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/server/lib/config/config.js:
--------------------------------------------------------------------------------
1 |
2 | let config={
3 | port:8011,
4 | log4js:{
5 | type: "dateFile",
6 | filename:'./logs/log',
7 | alwaysIncludePattern: true,
8 | pattern: "-yyyy-MM-dd.log",
9 | category:"log_date",
10 | encoding : 'utf-8'//default "utf-8",文件的编码
11 | },
12 |
13 |
14 | session: {
15 | secret: 'template',
16 | key: 'template',
17 | maxAge: 2592000000
18 | },
19 | mongodb: 'http://localhost:8011',
20 |
21 | oracle:{
22 | user : process.env.NODE_ORACLEDB_USER || "develop",
23 |
24 | // Instead of hard coding the password, consider prompting for it,
25 | // passing it in an environment variable via process.env, or using
26 | // External Authentication.
27 | password : process.env.NODE_ORACLEDB_PASSWORD || "develop",
28 |
29 | // For information on connection strings see:
30 | // https://oracle.github.io/node-oracledb/doc/api.html#connectionstrings
31 | connectString : process.env.NODE_ORACLEDB_CONNECTIONSTRING || "10.20.31.11/CCN1",
32 |
33 | // Setting externalAuth is optional. It defaults to false. See:
34 | // https://oracle.github.io/node-oracledb/doc/api.html#extauth
35 | externalAuth : process.env.NODE_ORACLEDB_EXTERNALAUTH ? true : false
36 | }
37 |
38 | }
39 |
40 | module.exports=config;
41 |
--------------------------------------------------------------------------------
/src/components/MyButtonController.js:
--------------------------------------------------------------------------------
1 | import React from'react';
2 | import ListStore from '../flux/stores/ListStore.js';
3 | import ButtonActions from '../flux/actions/ButtonActions.js';
4 | import {MyButton} from './MyButton.js';
5 |
6 |
7 | class MyButtonController extends React.Component{
8 | constructor(props) {
9 | super(props);
10 | this.state={
11 | items:ListStore.getAll()
12 | };
13 | }
14 |
15 | componentDidMount() {
16 | console.log(trim(' 7788 '));
17 | ListStore.addChangeListener(this._onChange.bind(this));
18 | };
19 |
20 | componentWillUnmount() {
21 | ListStore.removeChangeListener(this._onChange.bind(this));
22 | };
23 |
24 | _onChange () {
25 | console.log('_onChange')
26 | console.log(ListStore.getAll())
27 | this.setState({
28 | items: ListStore.getAll()
29 | });
30 | };
31 |
32 | createNewItem (event) {
33 | console.log('createNewItem');
34 | //用法1 推荐
35 | ButtonActions.addNewItem('new item');
36 |
37 | // //用法2
38 | // ListStore.addNewItemHandler('new item');
39 | // ListStore.emitChange();
40 | // ListStore.addChangeListener(this._onChange.bind(this));
41 |
42 | // //错误用法
43 | // ListStore.addNewItemHandler('new item');
44 | };
45 |
46 | render() {
47 | return ;
51 | }
52 |
53 | }
54 | export {MyButtonController}
55 |
--------------------------------------------------------------------------------
/server/server.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 | var http=require('http');
3 | var express=require('express');
4 | var path=require('path');
5 | var ejs=require('ejs');
6 | var bodyParser = require('body-parser');
7 | var logger = require('morgan');
8 | const session = require('express-session')
9 | const MongoStore = require('connect-mongo')(session)
10 | var app=express();
11 | var log4js=require('./lib/log4js/logger.js');
12 | var config=require('./lib/config/config.js');
13 |
14 |
15 | app.use(bodyParser.urlencoded({extended:false}));
16 | app.use(logger('dev'));
17 | app.engine('.html',ejs.__express);
18 | app.set('view engine','html');
19 | app.set('views',path.join(__dirname));
20 | app.use(express.static(__dirname));
21 |
22 | // session 中间件
23 | app.use(session({
24 | name: config.session.key, // 设置 cookie 中保存 session id 的字段名称
25 | secret: config.session.secret, // 通过设置 secret 来计算 hash 值并放在 cookie 中,使产生的 signedCookie 防篡改
26 | resave: true, // 强制更新 session
27 | saveUninitialized: false, // 设置为 false,强制创建一个 session,即使用户未登录
28 | cookie: {
29 | maxAge: config.session.maxAge// 过期时间,过期后 cookie 中的 session id 自动删除
30 | },
31 | // store: new MongoStore({// 将 session 存储到 mongodb
32 | // url: config.mongodb// mongodb 地址
33 | // })
34 | }));
35 |
36 |
37 | var routes = require('./router/router.js')(app);
38 | const PORT = parseInt(process.env.LEANCLOUD_APP_PORT || config.port);
39 | var server = http.createServer(app);
40 | let _s='';
41 | if(process.env.NODE_ENV && process.env.NODE_ENV.indexOf('production')>-1){
42 | server.listen(PORT, function(){
43 | _s='App (production) is now running on port '+PORT;
44 | console.log(_s);
45 | log4js.info(_s);
46 | });
47 |
48 | }else{
49 | server.listen(PORT, function(){
50 | _s='App (dev) is now running on port '+PORT;
51 | console.log(_s);
52 | log4js.info(_s);
53 | });
54 | }
55 |
56 |
57 |
58 |
59 |
--------------------------------------------------------------------------------
/src/static/font/iconfont.svg:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | Created by FontForge 20120731 at Mon Jun 19 13:38:37 2017
6 | By admin
7 |
8 |
9 |
10 |
24 |
26 |
28 |
30 |
32 |
34 |
38 |
40 |
42 |
43 |
44 |
--------------------------------------------------------------------------------
/src/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ReactDOM from 'react-dom';
3 | import {BrowserRouter,HashRouter, Route, Link,Redirect} from 'react-router-dom';
4 | import $ from 'jquery';
5 | import './static/js/main.js';
6 | import "./static/css/animate.css";
7 | import "./static/css/icomoon.css";
8 | import "./static/css/themify-icons.css";
9 | import "./static/css/bootstrap.css";
10 | import "./static/css/magnific-popup.css";
11 | import "./static/css/owl.carousel.min.css";
12 | import "./static/css/owl.theme.default.min.css";
13 | import "./static/css/flexslider.css";
14 | import "./static/css/style.css";
15 | import {IndexPage} from './page/index.js';
16 | import {IntegrationPage} from './page/Inteagration.js';
17 | import {FleeingGoodsPage} from './page/FleeingGoods.js';
18 | import {SecurityPage} from './page/Security.js';
19 |
20 | var div_content=document.createElement('div');
21 | div_content.id="content";
22 | document.body.appendChild(div_content);
23 |
24 | var AutoBrower=BrowserRouter;
25 | if(process.env.NODE_ENV==='production'){
26 | console.info('production env use nodejs server,so use BrowserRouter to router');
27 | AutoBrower=BrowserRouter;
28 | }else{
29 | console.info('dev env use webpack-dev-server,so use HashRouter to router');
30 | AutoBrower=HashRouter;
31 | }
32 |
33 |
34 | const MenuRouter=()=>(
35 |
36 |
37 | (
38 |
39 | )} />
40 |
41 | (
42 |
43 | )} />
44 |
45 | (
46 |
47 | )} />
48 |
49 | (
50 |
51 | )} />
52 |
53 |
54 | );
55 |
56 | ReactDOM.render(
57 | ( )
58 | , div_content);
59 |
60 |
61 |
62 |
--------------------------------------------------------------------------------
/src/components/nav.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | import React from 'react';
4 |
5 | class NavComponent extends React.Component{
6 |
7 | constructor(props) {
8 | super(props);
9 | var hash=process.env.NODE_ENV==='production'?'/':'#/';
10 | this.state={
11 | hash:hash,
12 | router:window.location.href.substr(window.location.href.lastIndexOf('/')+1)
13 | }
14 |
15 | console.log(this.state.router)
16 | }
17 |
18 | render(){
19 | return (
20 |
21 |
40 |
41 | )
42 | }
43 | }
44 |
45 |
46 | export {NavComponent};
47 |
48 |
--------------------------------------------------------------------------------
/src/components/MyButton.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | class MyButton extends React.Component{
4 | constructor(props) {
5 | super(props);
6 | console.log('MyButton.constructor');
7 | console.log(this.props.items);
8 | var _self=this;
9 | $.ajax({
10 | url: "/gettoken",
11 | method: "post",
12 | type: "json",
13 | success: function (token) {
14 | console.log(token)
15 |
16 | // _self.state={
17 | // token:token
18 | // }
19 | }
20 | });
21 |
22 | }
23 |
24 | submit(){
25 |
26 |
27 | var _self=this;
28 | $.ajax({
29 | url: "/index",
30 | method: "post",
31 | type: "json",
32 | // headers: {
33 | // 'Authorization': _self.state.token,
34 | // },
35 | success: function (resp) {
36 | if (resp.code == 200) {
37 | console.log(resp)
38 | }else{
39 | console.log(resp)
40 | }
41 | }
42 | })
43 | }
44 |
45 |
46 |
47 |
48 |
49 |
50 | render(){
51 | return (
52 |
53 |
54 |
55 | {
56 | this.props.items.map(function(listItem,i){
57 | return {listItem} ;
58 | })
59 | }
60 |
61 |
62 |
New Item
63 |
64 |
65 |
66 |
70 |
71 |
72 | )
73 | }
74 | }
75 | export {MyButton};
76 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Welcome to webpack-for-react-vue-template
2 |
3 | ## 模版下载
4 | ``` bash
5 | $ git clone https://github.com/xulayen/webpack-for-react-template.git && cd webpack-for-react-template
6 | ```
7 |
8 | ## 模版安装
9 |
10 | ``` bash
11 | $ npm i
12 | ```
13 |
14 | ## 开发
15 |
16 | - 开发过程中使用代理访问服务器
17 |
18 | ``` bash
19 | $ npm run start
20 |
21 | $ npm run dev_server_win
22 | ```
23 |
24 | ## 打包
25 |
26 | ``` bash
27 | $ npm run build
28 | ```
29 |
30 | ## 启动后端服务
31 |
32 | ``` bash
33 | $ npm run server_win
34 |
35 | $ npm run server_linux
36 |
37 | $ npm run server_mac
38 | ```
39 |
40 | ## 打包之后访问
41 |
42 | http://127.0.0.1:8011/
43 |
44 | ## 文件结构
45 | ``` bash
46 | node_modules
47 | build
48 | build.js
49 | # build config
50 | check-versions.js
51 | # 版本控制
52 | utils.js
53 | # 默认工具
54 | vue-loader.conf.js
55 | # vue配置
56 | webpack.base.conf.js
57 | # 基础配置默认包含react配置
58 | webpack.dev.conf.js
59 | # 开发环境下使用
60 | webpack.prod.conf.js
61 | # 正式环境下使用
62 | config
63 | dev.env.js
64 | # 开发环境配置
65 | index.js
66 | # 默认基础配置
67 | prod.env.js
68 | # 生产环境配置
69 | test.env.js
70 | # 测试环境配置
71 | static
72 | ...
73 | # Static resources used by the project
74 | server
75 | config
76 | config.js
77 | # config file
78 | router
79 | router.js
80 | # router file
81 | static
82 | # All the resource files that are generated after the site is released
83 | Util
84 | until.js
85 | # until file
86 | index.html
87 | # script build the file
88 | server.js
89 | # start a nodejs server
90 | src
91 | components
92 | # Store the directory of the project components
93 | data
94 | # website resource files eg. mp3 file or and so on
95 | flux
96 | # use flux to get or set data flow
97 | page
98 | # website page components
99 | static
100 | # src resource files that need to package
101 | template
102 | # html template
103 | index.js
104 | # app entryn file
105 | .babelrc
106 | # .babelrc file
107 | package.json
108 | # package manage
109 | .editorconfig
110 | # 开发工具统一管理器
111 | .gitignore
112 | # git 忽略的文件配置
113 | .postcssrc.js
114 | # 通过JS插件来转换CSS
115 | ```
--------------------------------------------------------------------------------
/server/lib/auth/auth.service.js:
--------------------------------------------------------------------------------
1 | /**
2 | * Created by zhengguorong on 16/11/2.
3 | * 用户权限认证方法
4 | *
5 | * * Q&A
6 | * 为什么要使用composable-middleware,为了解决什么问题?
7 | * 他的作用是合并两个中间件,让其不需要在挂在在express实例上,例如expressJwt中间件是在执行后操作req对象,在req对象
8 | * 上加入user对象,但该中间件未提供回调方法,无法在验证后执行我们的代码,因此需要使用composable插件来完成两个中间件的
9 | * 合并.
10 | * 当然,你也可以像官方提供示例一样,router.get('/',jwtvalidate,function(req,res,next){req.user})获取结果,但是
11 | * 我的路由第三个参数主要执行数据库相关操作,不想引入验证逻辑,所以在第二个参数这里完成权限的认证.
12 | *
13 | */
14 |
15 | const jwt = require('jsonwebtoken');
16 | const expressJwt = require('express-jwt');
17 | const config = require('../config/config.js');
18 | const compose = require('composable-middleware');
19 | var log4js=require('../log4js/logger.js');
20 |
21 | const validateJwt = expressJwt({
22 | secret: config.session.secret
23 | })
24 |
25 | module.exports.isAuthenticated = () => {
26 | return compose()
27 | .use(function (req, res, next) {
28 | log4js.info(JSON.stringify(req.headers));
29 | // allow access_token to be passed through query parameter as well
30 | if (req.query && req.query.hasOwnProperty('access_token')) {
31 | req.headers.authorization = `Bearer ${req.query.access_token}`;
32 | }
33 | if(req.body && req.body.hasOwnProperty('access_token')) {
34 | req.headers.authorization = `Bearer ${req.body.access_token}`;
35 | }
36 | // IE11 forgets to set Authorization header sometimes. Pull from cookie instead.
37 | if (req.query && typeof req.headers.authorization === 'undefined') {
38 | req.headers.authorization = `Bearer ${req.cookies.token}`;
39 | }
40 | //验证是否服务端生成的token
41 | var token = req.headers.authorization.split('Bearer')[1];
42 | log4js.info("【token-token:"+token+"】");
43 | //验证token是否过期
44 | validateJwt(req, res, next);
45 |
46 | })
47 | // Attach user to request
48 | .use(function (req, res, next) {
49 | //return res.status(200).end();
50 | next();
51 | });
52 | }
53 |
54 | module.exports.hasRole = (roleRequired) => {
55 | if (!roleRequired) {
56 | throw new Error('必须输入身份名称');
57 | }
58 |
59 | return compose()
60 | .use(this.isAuthenticated())
61 | .use(function meetsRequirements(req, res, next) {
62 | return next();
63 | //return res.status(403).send('没有访问权限');
64 | });
65 | }
66 |
67 | module.exports.signToken = (id, role) => {
68 | return jwt.sign({_id: id, role}, config.session.secret, {
69 | expiresIn: 60 * 60 * 5 // 过期时间 表示5小时过期
70 | })
71 | }
--------------------------------------------------------------------------------
/static/js/layer/mobile/layer.js:
--------------------------------------------------------------------------------
1 | /*! layer mobile-v2.0.0 Web弹层组件 MIT License http://layer.layui.com/mobile By 贤心 */
2 | ;!function(e){"use strict";var t=document,n="querySelectorAll",i="getElementsByClassName",a=function(e){return t[n](e)},s={type:0,shade:!0,shadeClose:!0,fixed:!0,anim:"scale"},l={extend:function(e){var t=JSON.parse(JSON.stringify(s));for(var n in e)t[n]=e[n];return t},timer:{},end:{}};l.touch=function(e,t){e.addEventListener("click",function(e){t.call(this,e)},!1)};var r=0,o=["layui-m-layer"],c=function(e){var t=this;t.config=l.extend(e),t.view()};c.prototype.view=function(){var e=this,n=e.config,s=t.createElement("div");e.id=s.id=o[0]+r,s.setAttribute("class",o[0]+" "+o[0]+(n.type||0)),s.setAttribute("index",r);var l=function(){var e="object"==typeof n.title;return n.title?''+(e?n.title[0]:n.title)+" ":""}(),c=function(){"string"==typeof n.btn&&(n.btn=[n.btn]);var e,t=(n.btn||[]).length;return 0!==t&&n.btn?(e=''+n.btn[0]+" ",2===t&&(e=''+n.btn[1]+" "+e),''+e+"
"):""}();if(n.fixed||(n.top=n.hasOwnProperty("top")?n.top:100,n.style=n.style||"",n.style+=" top:"+(t.body.scrollTop+n.top)+"px"),2===n.type&&(n.content=''+(n.content||"")+"
"),n.skin&&(n.anim="up"),"msg"===n.skin&&(n.shade=!1),s.innerHTML=(n.shade?"
':"")+'",!n.type||2===n.type){var d=t[i](o[0]+n.type),y=d.length;y>=1&&layer.close(d[0].getAttribute("index"))}document.body.appendChild(s);var u=e.elem=a("#"+e.id)[0];n.success&&n.success(u),e.index=r++,e.action(n,u)},c.prototype.action=function(e,t){var n=this;e.time&&(l.timer[n.index]=setTimeout(function(){layer.close(n.index)},1e3*e.time));var a=function(){var t=this.getAttribute("type");0==t?(e.no&&e.no(),layer.close(n.index)):e.yes?e.yes(n.index):layer.close(n.index)};if(e.btn)for(var s=t[i]("layui-m-layerbtn")[0].children,r=s.length,o=0;o",
6 | "private": true,
7 | "scripts": {
8 | "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
9 | "start": "npm run dev",
10 | "build": "node build/build.js",
11 | "dev_server_win": "set NODE_ENV=dev && node server/server.js",
12 | "server_win": "set NODE_ENV=production && set LEANCLOUD_APP_PORT=8011 && node dist/server.js",
13 | "server_linux": "export NODE_ENV=production && export LEANCLOUD_APP_PORT=8011 && node dist/server.js",
14 | "server_mac": "export NODE_ENV=production && export LEANCLOUD_APP_PORT=8011 && node dist/server.js"
15 | },
16 | "dependencies": {
17 | "vue": "^2.5.2",
18 | "vue-router": "^3.0.1",
19 | "react-intl": "^2.4.0"
20 | },
21 | "devDependencies": {
22 | "autoprefixer": "^7.1.2",
23 | "babel-core": "^6.22.1",
24 | "babel-helper-vue-jsx-merge-props": "^2.0.3",
25 | "babel-jest": "^21.0.2",
26 | "babel-loader": "^7.1.1",
27 | "babel-plugin-dynamic-import-node": "^1.2.0",
28 | "babel-plugin-syntax-jsx": "^6.18.0",
29 | "babel-plugin-transform-es2015-modules-commonjs": "^6.26.0",
30 | "babel-plugin-transform-runtime": "^6.22.0",
31 | "babel-plugin-transform-vue-jsx": "^3.5.0",
32 | "babel-preset-env": "^1.3.2",
33 | "babel-preset-react": "^6.24.1",
34 | "babel-preset-stage-2": "^6.22.0",
35 | "babel-register": "^6.22.0",
36 | "chalk": "^2.0.1",
37 | "chromedriver": "^2.27.2",
38 | "composable-middleware": "^0.3.0",
39 | "connect-mongo": "^2.0.0",
40 | "copy-webpack-plugin": "^4.0.1",
41 | "cross-spawn": "^5.0.1",
42 | "css-loader": "^0.28.0",
43 | "edge": "^7.10.1",
44 | "express-jwt": "^5.3.0",
45 | "express-session": "^1.15.6",
46 | "extract-text-webpack-plugin": "^3.0.0",
47 | "file-loader": "^1.1.4",
48 | "friendly-errors-webpack-plugin": "^1.6.1",
49 | "html-webpack-plugin": "^2.30.1",
50 | "imagemin-webpack-plugin": "^1.5.2",
51 | "jest": "^21.2.0",
52 | "jest-serializer-vue": "^0.3.0",
53 | "jquery": "^3.2.1",
54 | "jsonwebtoken": "^8.1.0",
55 | "lodash": "^4.17.4",
56 | "log4js": "^2.4.1",
57 | "morgan": "^1.9.0",
58 | "nightwatch": "^0.9.12",
59 | "node-notifier": "^5.1.2",
60 | "optimize-css-assets-webpack-plugin": "^3.2.0",
61 | "ora": "^1.2.0",
62 | "oracledb": "^2.2.0",
63 | "portfinder": "^1.0.13",
64 | "postcss-import": "^11.0.0",
65 | "postcss-loader": "^2.0.8",
66 | "react": "^16.1.1",
67 | "react-dom": "^16.1.1",
68 | "react-router": "^3.0.0",
69 | "react-router-dom": "^4.2.2",
70 | "react-test-renderer": "^16.2.0",
71 | "rimraf": "^2.6.0",
72 | "selenium-server": "^3.0.1",
73 | "semver": "^5.3.0",
74 | "sha1": "^1.1.1",
75 | "shelljs": "^0.7.6",
76 | "soap": "^0.23.0",
77 | "uglifyjs-webpack-plugin": "^1.1.1",
78 | "url-loader": "^0.5.8",
79 | "vue-jest": "^1.0.2",
80 | "vue-loader": "^13.3.0",
81 | "vue-style-loader": "^3.0.1",
82 | "vue-template-compiler": "^2.5.2",
83 | "webpack": "^3.6.0",
84 | "webpack-bundle-analyzer": "^2.9.0",
85 | "webpack-dev-server": "^2.9.1",
86 | "webpack-merge": "^4.1.0"
87 | },
88 | "engines": {
89 | "node": ">= 4.0.0",
90 | "npm": ">= 3.0.0"
91 | },
92 | "browserslist": [
93 | "> 1%",
94 | "last 2 versions",
95 | "not ie <= 8"
96 | ]
97 | }
98 |
--------------------------------------------------------------------------------
/src/components/security.js:
--------------------------------------------------------------------------------
1 |
2 | import React from 'react';
3 | import img_1 from '../static/images/img_1.jpg';
4 |
5 | class SecurityComponent extends React.Component{
6 |
7 | constructor(props) {
8 | super(props);
9 | }
10 |
11 | render(){
12 | return (
13 |
14 |
15 |
16 |
17 |
18 |
19 | The results of
20 |
21 | The code you queried is the authentic product from Honeywell, thank you for purchasing and using.
22 |
23 |
24 |
25 |
26 |
27 | 2122070
28 | Downloads
29 |
30 |
31 |
32 |
33 | 402002
34 | Happy Clients
35 |
36 |
37 |
38 |
39 | 402
40 | Projects Done
41 |
42 |
43 |
44 |
45 | 212023
46 | Hours Spent
47 |
48 |
49 |
50 |
51 |
52 |
53 |
54 |
55 |
56 |
57 | Products
58 |
59 | Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem
60 | provident. Odit ab aliquam dolor eius.
61 |
62 |
63 |
64 |
65 |
66 | )
67 | }
68 | }
69 |
70 |
71 | export {SecurityComponent};
72 |
73 |
--------------------------------------------------------------------------------
/server/router/router.js:
--------------------------------------------------------------------------------
1 | var Until=require('../lib/Util/until.js');
2 | var Config=require('../lib/config/config.js');
3 | var log4js=require('../lib/log4js/logger.js');
4 | const auth = require('../lib/auth/auth.service.js');
5 | const config = require('../lib/config/config.js')
6 | var sha1 = require('sha1');
7 | var soap = require('soap');
8 | var fs=require('fs');
9 | const path=require('path');
10 | const token = "Bearer "+auth.signToken(config.session.secret);
11 | var oracledb = require('oracledb');
12 | // routes/index.js
13 | module.exports = function (app) {
14 |
15 |
16 | app.get('/c',function(req, res,next){
17 | oracledb.getConnection({
18 | user : Config.oracle.user,
19 | password : Config.oracle.password,
20 | connectString : Config.oracle.connectString
21 | },function(err, connection){
22 | if (err) {
23 | console.error(err.message);
24 | return;
25 | }
26 | connection.execute(
27 |
28 | `SELECT mobile
29 | FROM t_sgm_user_1003
30 | WHERE FACID = :id`,
31 |
32 | [1003]
33 |
34 | ,function(err, result){
35 | if (err) {
36 | console.error(err.message);
37 | doRelease(connection);
38 | return;
39 | }
40 | console.log(result.metaData); // [ { name: 'DEPARTMENT_ID' }, { name: 'DEPARTMENT_NAME' } ]
41 | console.log(result.rows); // [ [ 180, 'Construction' ] ]
42 | doRelease(connection);
43 | return res.send(result.rows);
44 |
45 | })
46 |
47 |
48 | // Note: connections should always be released when not needed
49 | function doRelease(connection) {
50 | connection.close(
51 | function(err) {
52 | if (err) {
53 | console.error(err.message);
54 | }
55 | });
56 | }
57 | })
58 |
59 |
60 |
61 | });
62 |
63 |
64 |
65 | app.post('/gettoken',function(req, res,next){
66 | res.writeHead(200,{
67 | 'authorization':token
68 | });
69 | res.end(token);
70 |
71 |
72 |
73 | });
74 |
75 |
76 | app.post('/index',auth.isAuthenticated(),function(req, res,next){
77 | return res.send("index api");
78 | });
79 |
80 |
81 | app.post('/fw',function(req, res,next) {
82 | log4js.info("【action: /fw 】");
83 | return res.send("fw apissssssssssssss");
84 | });
85 |
86 | app.get('/fw',function(req, res,next) {
87 | log4js.info("【action: /fw 】");
88 | return res.send("fw apisssssssssssssssssssfffffffffffffffffffffff");
89 | });
90 |
91 | app.get('/gettoken',function(req, res,next){
92 |
93 | return res.end("222222222222222222323232 ");
94 |
95 | });
96 |
97 |
98 |
99 | app.post('/SendAcVerifyInfo',function(req, res,next){
100 | log4js.info("【action: /SendAcVerifyInfo 】");
101 | return res.send("SendAcVerifyInfo api");
102 | });
103 |
104 |
105 |
106 | app.use(function(req, res, next) {
107 |
108 | //判断是主动导向404页面,还是传来的前端路由。
109 | //如果是前端路由则如下处理'./server/index.html'
110 |
111 | fs.readFile(path.join(__dirname,'../index.html'),'utf-8', function(err, data){
112 | if(err){
113 | console.log(err);
114 | res.send('后台错误');
115 | return next();
116 | } else {
117 | res.writeHead(200,{
118 | 'Content-type': 'text/html',
119 | 'Connection':'keep-alive'
120 | });
121 | res.end(data);
122 | return next();
123 | }
124 | })
125 | });
126 |
127 | };
128 |
--------------------------------------------------------------------------------
/static/js/layer_mobile/layer.js:
--------------------------------------------------------------------------------
1 | /*! layer mobile-v2.0 弹层组件移动版 License LGPL http://layer.layui.com/mobile By 贤心 */
2 | ;
3 | !function (a) {
4 | "use strict";
5 | var b = document, c = "querySelectorAll", d = "getElementsByClassName", e = function (a) {
6 | return b[c](a)
7 | }, f = {type: 0, shade: !0, shadeClose: !0, fixed: !0, anim: "scale"}, g = {
8 | extend: function (a) {
9 | var b = JSON.parse(JSON.stringify(f));
10 | for (var c in a)b[c] = a[c];
11 | return b
12 | }, timer: {}, end: {}
13 | };
14 | g.touch = function (a, b) {
15 | a.addEventListener("click", function (a) {
16 | b.call(this, a)
17 | }, !1)
18 | };
19 | var h = 0, i = ["layui-m-layer"], j = function (a) {
20 | var b = this;
21 | b.config = g.extend(a), b.view()
22 | };
23 | j.prototype.view = function () {
24 | var a = this, c = a.config, f = b.createElement("div");
25 | a.id = f.id = i[0] + h, f.setAttribute("class", i[0] + " " + i[0] + (c.type || 0)), f.setAttribute("index", h);
26 | var g = function () {
27 | var a = "object" == typeof c.title;
28 | return c.title ? '' + (a ? c.title[0] : c.title) + " " : ""
29 | }(), j = function () {
30 | "string" == typeof c.btn && (c.btn = [c.btn]);
31 | var a, b = (c.btn || []).length;
32 | return 0 !== b && c.btn ? (a = '' + c.btn[0] + " ", 2 === b && (a = '' + c.btn[1] + " " + a), '' + a + "
") : ""
33 | }();
34 | if (c.fixed || (c.top = c.hasOwnProperty("top") ? c.top : 100, c.style = c.style || "", c.style += " top:" + (b.body.scrollTop + c.top) + "px"), 2 === c.type && (c.content = '' + (c.content || "") + "
"), c.skin && (c.anim = "scale"), "msg" === c.skin && (c.shade = !1), f.innerHTML = (c.shade ? "
' : "") + '" + g + '
' + c.content + "
" + j + "
", !c.type || 2 === c.type) {
35 | var k = b[d](i[0] + c.type), l = k.length;
36 | l >= 1 && layer.close(k[0].getAttribute("index"))
37 | }
38 | document.body.appendChild(f);
39 | var m = a.elem = e("#" + a.id)[0];
40 | c.success && c.success(m), a.index = h++, a.action(c, m)
41 | }, j.prototype.action = function (a, b) {
42 | var c = this;
43 | a.time && (g.timer[c.index] = setTimeout(function () {
44 | layer.close(c.index)
45 | }, 1e3 * a.time));
46 | var e = function () {
47 | var b = this.getAttribute("type");
48 | 0 == b ? (a.no && a.no(), layer.close(c.index)) : a.yes ? a.yes(c.index) : layer.close(c.index)
49 | };
50 | if (a.btn)for (var f = b[d]("layui-m-layerbtn")[0].children, h = f.length, i = 0; h > i; i++)g.touch(f[i], e);
51 | if (a.shade && a.shadeClose) {
52 | var j = b[d]("layui-m-layershade")[0];
53 | g.touch(j, function () {
54 | layer.close(c.index, a.end)
55 | })
56 | }
57 | a.end && (g.end[c.index] = a.end)
58 | }, a.layer = {
59 | v: "2.0", index: h, open: function (a) {
60 | var b = new j(a || {});
61 | return b.index
62 | }, close: function (a) {
63 | var c = e("#" + i[0] + a)[0];
64 | c && (c.innerHTML = "", b.body.removeChild(c), clearTimeout(g.timer[a]), delete g.timer[a], "function" == typeof g.end[a] && g.end[a](), delete g.end[a])
65 | }, closeAll: function () {
66 | for (var a = b[d](i[0]), c = 0, e = a.length; e > c; c++)layer.close(0 | a[0].getAttribute("index"))
67 | }
68 | }, "function" == typeof define ? define(function () {
69 | return layer
70 | }) : function () {
71 | var a = document.scripts, c = a[a.length - 1], d = c.src, e = d.substring(0, d.lastIndexOf("/") + 1);
72 | c.getAttribute("merge") || document.head.appendChild(function () {
73 | var a = b.createElement("link");
74 | return a.href = e + "need/layer.css?v=2.0", a.type = "text/css", a.rel = "styleSheet", a.id = "layermcss", a
75 | }())
76 | }()
77 | }(window);
--------------------------------------------------------------------------------
/static/js/layer/mobile/need/layer.css:
--------------------------------------------------------------------------------
1 | .layui-m-layer{position:relative;z-index:19891014}.layui-m-layer *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.layui-m-layermain,.layui-m-layershade{position:fixed;left:0;top:0;width:100%;height:100%}.layui-m-layershade{background-color:rgba(0,0,0,.7);pointer-events:auto}.layui-m-layermain{display:table;font-family:Helvetica,arial,sans-serif;pointer-events:none}.layui-m-layermain .layui-m-layersection{display:table-cell;vertical-align:middle;text-align:center}.layui-m-layerchild{position:relative;display:inline-block;text-align:left;background-color:#fff;font-size:14px;border-radius:5px;box-shadow:0 0 8px rgba(0,0,0,.1);pointer-events:auto;-webkit-overflow-scrolling:touch;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.2s;animation-duration:.2s}@-webkit-keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layui-m-anim-scale{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.layui-m-anim-scale{animation-name:layui-m-anim-scale;-webkit-animation-name:layui-m-anim-scale}@-webkit-keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layui-m-anim-up{0%{opacity:0;-webkit-transform:translateY(800px);transform:translateY(800px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.layui-m-anim-up{-webkit-animation-name:layui-m-anim-up;animation-name:layui-m-anim-up}.layui-m-layer0 .layui-m-layerchild{width:90%;max-width:640px}.layui-m-layer1 .layui-m-layerchild{border:none;border-radius:0}.layui-m-layer2 .layui-m-layerchild{width:auto;max-width:260px;min-width:40px;border:none;background:0 0;box-shadow:none;color:#fff}.layui-m-layerchild h3{padding:0 10px;height:60px;line-height:60px;font-size:16px;font-weight:400;border-radius:5px 5px 0 0;text-align:center}.layui-m-layerbtn span,.layui-m-layerchild h3{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-m-layercont{padding:50px 30px;line-height:22px;text-align:center}.layui-m-layer1 .layui-m-layercont{padding:0;text-align:left}.layui-m-layer2 .layui-m-layercont{text-align:center;padding:0;line-height:0}.layui-m-layer2 .layui-m-layercont i{width:25px;height:25px;margin-left:8px;display:inline-block;background-color:#fff;border-radius:100%;-webkit-animation:layui-m-anim-loading 1.4s infinite ease-in-out;animation:layui-m-anim-loading 1.4s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-m-layerbtn,.layui-m-layerbtn span{position:relative;text-align:center;border-radius:0 0 5px 5px}.layui-m-layer2 .layui-m-layercont p{margin-top:20px}@-webkit-keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes layui-m-anim-loading{0%,100%,80%{transform:scale(0);-webkit-transform:scale(0)}40%{transform:scale(1);-webkit-transform:scale(1)}}.layui-m-layer2 .layui-m-layercont i:first-child{margin-left:0;-webkit-animation-delay:-.32s;animation-delay:-.32s}.layui-m-layer2 .layui-m-layercont i.layui-m-layerload{-webkit-animation-delay:-.16s;animation-delay:-.16s}.layui-m-layer2 .layui-m-layercont>div{line-height:22px;padding-top:7px;margin-bottom:20px;font-size:14px}.layui-m-layerbtn{display:box;display:-moz-box;display:-webkit-box;width:100%;height:50px;line-height:50px;font-size:0;border-top:1px solid #D0D0D0;background-color:#F2F2F2}.layui-m-layerbtn span{display:block;-moz-box-flex:1;box-flex:1;-webkit-box-flex:1;font-size:14px;cursor:pointer}.layui-m-layerbtn span[yes]{color:#40AFFE}.layui-m-layerbtn span[no]{border-right:1px solid #D0D0D0;border-radius:0 0 0 5px}.layui-m-layerbtn span:active{background-color:#F6F6F6}.layui-m-layerend{position:absolute;right:7px;top:10px;width:30px;height:30px;border:0;font-weight:400;background:0 0;cursor:pointer;-webkit-appearance:none;font-size:30px}.layui-m-layerend::after,.layui-m-layerend::before{position:absolute;left:5px;top:15px;content:'';width:18px;height:1px;background-color:#999;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-radius:3px}.layui-m-layerend::after{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}body .layui-m-layer .layui-m-layer-footer{position:fixed;width:95%;max-width:100%;margin:0 auto;left:0;right:0;bottom:10px;background:0 0}.layui-m-layer-footer .layui-m-layercont{padding:20px;border-radius:5px 5px 0 0;background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn{display:block;height:auto;background:0 0;border-top:none}.layui-m-layer-footer .layui-m-layerbtn span{background-color:rgba(255,255,255,.8)}.layui-m-layer-footer .layui-m-layerbtn span[no]{color:#FD482C;border-top:1px solid #c2c2c2;border-radius:0 0 5px 5px}.layui-m-layer-footer .layui-m-layerbtn span[yes]{margin-top:10px;border-radius:5px}body .layui-m-layer .layui-m-layer-msg{width:auto;max-width:90%;margin:0 auto;bottom:-150px;background-color:rgba(0,0,0,.7);color:#fff}.layui-m-layer-msg .layui-m-layercont{padding:10px 20px}
--------------------------------------------------------------------------------
/manifest.json:
--------------------------------------------------------------------------------
1 | {"name":"vendor.62c2fbe6a6a618685aba","content":{"./node_modules/process/browser.js":{"id":0,"meta":{}},"./node_modules/invariant/browser.js":{"id":1,"meta":{}},"./node_modules/react/index.js":{"id":2,"meta":{}},"./node_modules/prop-types/index.js":{"id":3,"meta":{}},"./node_modules/create-react-class/index.js":{"id":4,"meta":{}},"./node_modules/fbjs/lib/emptyFunction.js":{"id":5,"meta":{}},"./node_modules/warning/browser.js":{"id":6,"meta":{}},"./node_modules/react-router/es/RouteUtils.js":{"id":7,"meta":{"harmonyModule":true},"exports":["isReactChildren","createRouteFromReactElement","createRoutesFromReactChildren","createRoutes"]},"./node_modules/history/lib/PathUtils.js":{"id":8,"meta":{}},"./node_modules/object-assign/index.js":{"id":9,"meta":{}},"./node_modules/fbjs/lib/invariant.js":{"id":10,"meta":{}},"./node_modules/react-router/es/routerWarning.js":{"id":11,"meta":{"harmonyModule":true},"exports":["default","_resetWarned"]},"./node_modules/react-router/es/PatternUtils.js":{"id":12,"meta":{"harmonyModule":true},"exports":["compilePattern","matchPattern","getParamNames","getParams","formatPattern"]},"./node_modules/history/lib/LocationUtils.js":{"id":13,"meta":{}},"./node_modules/fbjs/lib/emptyObject.js":{"id":14,"meta":{}},"./node_modules/fbjs/lib/warning.js":{"id":15,"meta":{}},"./node_modules/react-router/es/InternalPropTypes.js":{"id":16,"meta":{"harmonyModule":true},"exports":["falsy","history","component","components","route","routes"]},"./node_modules/history/lib/Actions.js":{"id":17,"meta":{}},"./node_modules/history/lib/DOMUtils.js":{"id":18,"meta":{}},"./node_modules/prop-types/checkPropTypes.js":{"id":19,"meta":{}},"./node_modules/prop-types/lib/ReactPropTypesSecret.js":{"id":20,"meta":{}},"./node_modules/react-router/es/AsyncUtils.js":{"id":21,"meta":{"harmonyModule":true},"exports":["loopAsync","mapAsync"]},"./node_modules/react-router/es/RouterContext.js":{"id":22,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/react-router/es/ContextUtils.js":{"id":23,"meta":{"harmonyModule":true},"exports":["ContextProvider","ContextSubscriber"]},"./node_modules/react-router/es/PropTypes.js":{"id":24,"meta":{"harmonyModule":true},"exports":["routerShape","locationShape"]},"./node_modules/history/lib/runTransitionHook.js":{"id":25,"meta":{}},"./node_modules/history/lib/createHistory.js":{"id":26,"meta":{}},"./node_modules/history/lib/ExecutionEnvironment.js":{"id":27,"meta":{}},"./node_modules/history/lib/BrowserProtocol.js":{"id":28,"meta":{}},"./node_modules/fbjs/lib/ExecutionEnvironment.js":{"id":29,"meta":{}},"./node_modules/fbjs/lib/EventListener.js":{"id":30,"meta":{}},"./node_modules/fbjs/lib/getActiveElement.js":{"id":31,"meta":{}},"./node_modules/fbjs/lib/shallowEqual.js":{"id":32,"meta":{}},"./node_modules/fbjs/lib/containsNode.js":{"id":33,"meta":{}},"./node_modules/fbjs/lib/focusNode.js":{"id":34,"meta":{}},"./node_modules/react-router/es/createTransitionManager.js":{"id":35,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/react-router/es/PromiseUtils.js":{"id":36,"meta":{"harmonyModule":true},"exports":["isPromise"]},"./node_modules/react-router/es/RouterUtils.js":{"id":37,"meta":{"harmonyModule":true},"exports":["createRouterObject","assignRouterState"]},"./node_modules/react-router/es/Link.js":{"id":38,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/react-router/es/Redirect.js":{"id":39,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/react-router/es/createMemoryHistory.js":{"id":40,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/history/lib/useQueries.js":{"id":41,"meta":{}},"./node_modules/history/lib/useBasename.js":{"id":42,"meta":{}},"./node_modules/react-router/es/useRouterHistory.js":{"id":43,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/history/lib/DOMStateStorage.js":{"id":44,"meta":{}},"./node_modules/react-router/es/createRouterHistory.js":{"id":45,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/jquery_wechat_sdk/index.js":{"id":47,"meta":{}},"./node_modules/jquery/dist/jquery.js":{"id":48,"meta":{}},"./node_modules/react/cjs/react.production.min.js":{"id":49,"meta":{}},"./node_modules/react/cjs/react.development.js":{"id":50,"meta":{}},"./node_modules/react-dom/index.js":{"id":51,"meta":{}},"./node_modules/react-dom/cjs/react-dom.production.min.js":{"id":52,"meta":{}},"./node_modules/fbjs/lib/isTextNode.js":{"id":53,"meta":{}},"./node_modules/fbjs/lib/isNode.js":{"id":54,"meta":{}},"./node_modules/react-dom/cjs/react-dom.development.js":{"id":55,"meta":{}},"./node_modules/fbjs/lib/hyphenateStyleName.js":{"id":56,"meta":{}},"./node_modules/fbjs/lib/hyphenate.js":{"id":57,"meta":{}},"./node_modules/fbjs/lib/camelizeStyleName.js":{"id":58,"meta":{}},"./node_modules/fbjs/lib/camelize.js":{"id":59,"meta":{}},"./node_modules/react-router/es/index.js":{"id":60,"meta":{"harmonyModule":true},"exports":["Router","Link","IndexLink","withRouter","IndexRedirect","IndexRoute","Redirect","Route","createRoutes","RouterContext","locationShape","routerShape","match","useRouterHistory","formatPattern","applyRouterMiddleware","browserHistory","hashHistory","createMemoryHistory"]},"./node_modules/react-router/es/Router.js":{"id":61,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/create-react-class/factory.js":{"id":62,"meta":{}},"./node_modules/prop-types/factoryWithTypeCheckers.js":{"id":63,"meta":{}},"./node_modules/prop-types/factoryWithThrowingShims.js":{"id":64,"meta":{}},"./node_modules/react-router/es/computeChangedRoutes.js":{"id":65,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/react-router/es/TransitionUtils.js":{"id":66,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/react-router/es/isActive.js":{"id":67,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/react-router/es/getComponents.js":{"id":68,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/react-router/es/matchRoutes.js":{"id":69,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/react-router/es/getRouteParams.js":{"id":70,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/react-router/es/IndexLink.js":{"id":71,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/react-router/es/withRouter.js":{"id":72,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/hoist-non-react-statics/index.js":{"id":73,"meta":{}},"./node_modules/react-router/es/IndexRedirect.js":{"id":74,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/react-router/es/IndexRoute.js":{"id":75,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/react-router/es/Route.js":{"id":76,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/react-router/es/match.js":{"id":77,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/query-string/index.js":{"id":78,"meta":{}},"./node_modules/strict-uri-encode/index.js":{"id":79,"meta":{}},"./node_modules/history/lib/createMemoryHistory.js":{"id":80,"meta":{}},"./node_modules/history/lib/AsyncUtils.js":{"id":81,"meta":{}},"./node_modules/react-router/es/applyRouterMiddleware.js":{"id":82,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/react-router/es/browserHistory.js":{"id":83,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/history/lib/createBrowserHistory.js":{"id":84,"meta":{}},"./node_modules/history/lib/RefreshProtocol.js":{"id":85,"meta":{}},"./node_modules/react-router/es/hashHistory.js":{"id":86,"meta":{"harmonyModule":true},"exports":["default"]},"./node_modules/history/lib/createHashHistory.js":{"id":87,"meta":{}},"./node_modules/history/lib/HashProtocol.js":{"id":88,"meta":{}}}}
--------------------------------------------------------------------------------
/src/components/fleeinggoods.js:
--------------------------------------------------------------------------------
1 |
2 |
3 | import React from 'react';
4 |
5 | import img_1 from '../static/images/img_1.jpg';
6 | import img_2 from '../static/images/img_2.jpg';
7 | import img_3 from '../static/images/img_3.jpg';
8 | import img_4 from '../static/images/img_4.jpg';
9 | import img_5 from '../static/images/img_5.jpg';
10 | import img_6 from '../static/images/img_6.jpg';
11 |
12 | // 窜货
13 | class FleeinggoodsComponent extends React.Component{
14 |
15 | constructor(props) {
16 | super(props);
17 | }
18 |
19 | render(){
20 | return (
21 |
22 |
23 |
24 |
25 |
26 |
27 | Blog
28 |
29 | Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem
30 | provident. Odit ab aliquam dolor eius.
31 |
32 |
33 |
34 |
50 |
66 |
67 |
68 |
84 |
85 |
86 |
102 |
103 |
104 |
120 |
136 |
137 |
138 |
139 |
140 |
141 |
142 |
143 |
144 | )
145 | }
146 | }
147 |
148 |
149 | export {FleeinggoodsComponent};
150 |
151 |
--------------------------------------------------------------------------------
/src/static/css/flexslider.css:
--------------------------------------------------------------------------------
1 | /*
2 | * jQuery FlexSlider v2.6.0
3 | * http://www.woothemes.com/flexslider/
4 | *
5 | * Copyright 2012 WooThemes
6 | * Free to use under the GPLv2 and later license.
7 | * http://www.gnu.org/licenses/gpl-2.0.html
8 | *
9 | * Contributing author: Tyler Smith (@mbmufffin)
10 | *
11 | */
12 | /* ====================================================================================================================
13 | * FONT-FACE
14 | * ====================================================================================================================*/
15 | /*@font-face {
16 | font-family: 'flexslider-icon';
17 | src: url('fonts/flexslider-icon.eot');
18 | src: url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
19 | font-weight: normal;
20 | font-style: normal;
21 | }*/
22 | /* ====================================================================================================================
23 | * RESETS
24 | * ====================================================================================================================*/
25 | .flex-container a:hover,
26 | .flex-slider a:hover {
27 | outline: none;
28 | }
29 | .slides,
30 | .slides > li,
31 | .flex-control-nav,
32 | .flex-direction-nav {
33 | margin: 0;
34 | padding: 0;
35 | list-style: none;
36 | }
37 | .flex-pauseplay span {
38 | text-transform: capitalize;
39 | }
40 | /* ====================================================================================================================
41 | * BASE STYLES
42 | * ====================================================================================================================*/
43 | .flexslider {
44 | margin: 0;
45 | padding: 0;
46 | }
47 | .flexslider .slides > li {
48 | display: none;
49 | -webkit-backface-visibility: hidden;
50 | }
51 | .flexslider .slides img {
52 | width: 100%;
53 | display: block;
54 | }
55 | .flexslider .slides:after {
56 | /*content: "\0020";*/
57 | display: block;
58 | clear: both;
59 | visibility: hidden;
60 | line-height: 0;
61 | height: 0;
62 | }
63 | html[xmlns] .flexslider .slides {
64 | display: block;
65 | }
66 | * html .flexslider .slides {
67 | height: 1%;
68 | }
69 | .no-js .flexslider .slides > li:first-child {
70 | display: block;
71 | }
72 | /* ====================================================================================================================
73 | * DEFAULT THEME
74 | * ====================================================================================================================*/
75 | .flexslider {
76 | margin: 0 0 60px;
77 | background: #ffffff;
78 | border: 4px solid #ffffff;
79 | position: relative;
80 | zoom: 1;
81 | -webkit-border-radius: 4px;
82 | -moz-border-radius: 4px;
83 | border-radius: 4px;
84 | -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
85 | -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
86 | -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
87 | box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
88 | }
89 | .flexslider .slides {
90 | zoom: 1;
91 | }
92 | .flexslider .slides img {
93 | height: auto;
94 | -moz-user-select: none;
95 | }
96 | .flex-viewport {
97 | max-height: 2000px;
98 | -webkit-transition: all 1s ease;
99 | -moz-transition: all 1s ease;
100 | -ms-transition: all 1s ease;
101 | -o-transition: all 1s ease;
102 | transition: all 1s ease;
103 | }
104 | .loading .flex-viewport {
105 | max-height: 300px;
106 | }
107 | .carousel li {
108 | margin-right: 5px;
109 | }
110 | .flex-direction-nav {
111 | *height: 0;
112 | }
113 | .flex-direction-nav a {
114 | text-decoration: none;
115 | display: block;
116 | width: 40px;
117 | height: 40px;
118 | margin: -20px 0 0;
119 | position: absolute;
120 | top: 50%;
121 | z-index: 10;
122 | overflow: hidden;
123 | opacity: 0;
124 | cursor: pointer;
125 | color: rgba(0, 0, 0, 0.8);
126 | text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
127 | -webkit-transition: all 0.3s ease-in-out;
128 | -moz-transition: all 0.3s ease-in-out;
129 | -ms-transition: all 0.3s ease-in-out;
130 | -o-transition: all 0.3s ease-in-out;
131 | transition: all 0.3s ease-in-out;
132 | }
133 | .flex-direction-nav a:before {
134 | font-family: "flexslider-icon";
135 | font-size: 40px;
136 | display: inline-block;
137 | content: '\f001';
138 | color: rgba(0, 0, 0, 0.8);
139 | text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
140 | }
141 | .flex-direction-nav a.flex-next:before {
142 | content: '\f002';
143 | }
144 | .flex-direction-nav .flex-prev {
145 | left: -50px;
146 | }
147 | .flex-direction-nav .flex-next {
148 | right: -50px;
149 | text-align: right;
150 | }
151 | .flexslider:hover .flex-direction-nav .flex-prev {
152 | opacity: 0.7;
153 | left: 10px;
154 | }
155 | .flexslider:hover .flex-direction-nav .flex-prev:hover {
156 | opacity: 1;
157 | }
158 | .flexslider:hover .flex-direction-nav .flex-next {
159 | opacity: 0.7;
160 | right: 10px;
161 | }
162 | .flexslider:hover .flex-direction-nav .flex-next:hover {
163 | opacity: 1;
164 | }
165 | .flex-direction-nav .flex-disabled {
166 | opacity: 0!important;
167 | filter: alpha(opacity=0);
168 | cursor: default;
169 | z-index: -1;
170 | }
171 | .flex-pauseplay a {
172 | display: block;
173 | width: 20px;
174 | height: 20px;
175 | position: absolute;
176 | bottom: 5px;
177 | left: 10px;
178 | opacity: 0.8;
179 | z-index: 10;
180 | overflow: hidden;
181 | cursor: pointer;
182 | color: #000;
183 | }
184 | .flex-pauseplay a:before {
185 | font-family: "flexslider-icon";
186 | font-size: 20px;
187 | display: inline-block;
188 | content: '\f004';
189 | }
190 | .flex-pauseplay a:hover {
191 | opacity: 1;
192 | }
193 | .flex-pauseplay a.flex-play:before {
194 | content: '\f003';
195 | }
196 | .flex-control-nav {
197 | width: 100%;
198 | position: absolute;
199 | bottom: -40px;
200 | text-align: center;
201 | }
202 | .flex-control-nav li {
203 | margin: 0 6px;
204 | display: inline-block;
205 | zoom: 1;
206 | *display: inline;
207 | }
208 | .flex-control-paging li a {
209 | width: 11px;
210 | height: 11px;
211 | display: block;
212 | background: #666;
213 | background: rgba(0, 0, 0, 0.5);
214 | cursor: pointer;
215 | text-indent: -9999px;
216 | -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
217 | -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
218 | -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
219 | box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
220 | -webkit-border-radius: 20px;
221 | -moz-border-radius: 20px;
222 | border-radius: 20px;
223 | }
224 | .flex-control-paging li a:hover {
225 | background: #333;
226 | background: rgba(0, 0, 0, 0.7);
227 | }
228 | .flex-control-paging li a.flex-active {
229 | background: #000;
230 | background: rgba(0, 0, 0, 0.9);
231 | cursor: default;
232 | }
233 | .flex-control-thumbs {
234 | margin: 5px 0 0;
235 | position: static;
236 | overflow: hidden;
237 | }
238 | .flex-control-thumbs li {
239 | width: 25%;
240 | float: left;
241 | margin: 0;
242 | }
243 | .flex-control-thumbs img {
244 | width: 100%;
245 | height: auto;
246 | display: block;
247 | opacity: .7;
248 | cursor: pointer;
249 | -moz-user-select: none;
250 | -webkit-transition: all 1s ease;
251 | -moz-transition: all 1s ease;
252 | -ms-transition: all 1s ease;
253 | -o-transition: all 1s ease;
254 | transition: all 1s ease;
255 | }
256 | .flex-control-thumbs img:hover {
257 | opacity: 1;
258 | }
259 | .flex-control-thumbs .flex-active {
260 | opacity: 1;
261 | cursor: default;
262 | }
263 | /* ====================================================================================================================
264 | * RESPONSIVE
265 | * ====================================================================================================================*/
266 | @media screen and (max-width: 860px) {
267 | .flex-direction-nav .flex-prev {
268 | opacity: 1;
269 | left: 10px;
270 | }
271 | .flex-direction-nav .flex-next {
272 | opacity: 1;
273 | right: 10px;
274 | }
275 | }
--------------------------------------------------------------------------------
/static/js/layer_mobile/need/layer.css:
--------------------------------------------------------------------------------
1 | .layui-m-layer {
2 | position: relative;
3 | z-index: 19891014
4 | }
5 |
6 | .layui-m-layer * {
7 | -webkit-box-sizing: content-box;
8 | -moz-box-sizing: content-box;
9 | box-sizing: content-box
10 | }
11 |
12 | .layui-m-layermain, .layui-m-layershade {
13 | position: fixed;
14 | left: 0;
15 | top: 0;
16 | width: 100%;
17 | height: 100%;
18 | }
19 |
20 | .layui-m-layershade {
21 | background-color: rgba(0, 0, 0, .7);
22 | pointer-events: auto
23 | }
24 |
25 | .layui-m-layermain {
26 | display: table;
27 | font-family: 'qiti';
28 | pointer-events: none;
29 | letter-spacing: 1px;
30 | }
31 |
32 | .layui-m-layermain .layui-m-layersection {
33 | display: table-cell;
34 | vertical-align: middle;
35 | text-align: center
36 | }
37 |
38 | .layui-m-layerchild {
39 | position: relative;
40 | display: inline-block;
41 | text-align: left;
42 | background-color: #fff;
43 | font-size:0.8rem;
44 | border-radius: 5px;
45 | box-shadow: 0 0 8px rgba(0, 0, 0, .1);
46 | pointer-events: auto;
47 | -webkit-overflow-scrolling: touch;
48 | -webkit-animation-fill-mode: both;
49 | animation-fill-mode: both;
50 | -webkit-animation-duration: .2s;
51 | animation-duration: .2s
52 | }
53 |
54 | @-webkit-keyframes layui-m-anim-scale {
55 | 0% {
56 | opacity: 0;
57 | -webkit-transform: scale(.5);
58 | transform: scale(.5)
59 | }
60 | 100% {
61 | opacity: 1;
62 | -webkit-transform: scale(1);
63 | transform: scale(1)
64 | }
65 | }
66 |
67 | @keyframes layui-m-anim-scale {
68 | 0% {
69 | opacity: 0;
70 | -webkit-transform: scale(.5);
71 | transform: scale(.5)
72 | }
73 | 100% {
74 | opacity: 1;
75 | -webkit-transform: scale(1);
76 | transform: scale(1)
77 | }
78 | }
79 |
80 | .layui-m-anim-scale {
81 | animation-name: layui-m-anim-scale;
82 | -webkit-animation-name: layui-m-anim-scale
83 | }
84 |
85 | @-webkit-keyframes layui-m-anim-up {
86 | 0% {
87 | opacity: 0;
88 | -webkit-transform: translateY(800px);
89 | transform: translateY(800px)
90 | }
91 | 100% {
92 | opacity: 1;
93 | -webkit-transform: translateY(0);
94 | transform: translateY(0)
95 | }
96 | }
97 |
98 | @keyframes layui-m-anim-up {
99 | 0% {
100 | opacity: 0;
101 | -webkit-transform: translateY(800px);
102 | transform: translateY(800px)
103 | }
104 | 100% {
105 | opacity: 1;
106 | -webkit-transform: translateY(0);
107 | transform: translateY(0)
108 | }
109 | }
110 |
111 | .layui-m-anim-up {
112 | -webkit-animation-name: layui-m-anim-up;
113 | animation-name: layui-m-anim-up
114 | }
115 |
116 | .layui-m-layer0 .layui-m-layerchild {
117 | width: 90%;
118 | max-width: 640px
119 | }
120 |
121 | .layui-m-layer1 .layui-m-layerchild {
122 | border: none;
123 | border-radius: 0
124 | }
125 |
126 | .layui-m-layer2 .layui-m-layerchild {
127 | width: auto;
128 | max-width: 260px;
129 | min-width: 40px;
130 | border: none;
131 | background: 0 0;
132 | box-shadow: none;
133 | color: #fff
134 | }
135 |
136 | .layui-m-layerchild h3 {
137 | padding: 0 10px;
138 | height: 60px;
139 | line-height: 60px;
140 | font-size: 16px;
141 | font-weight: 400;
142 | border-radius: 5px 5px 0 0;
143 | text-align: center
144 | }
145 |
146 | .layui-m-layerbtn span, .layui-m-layerchild h3 {
147 | text-overflow: ellipsis;
148 | overflow: hidden;
149 | white-space: nowrap
150 | }
151 |
152 | .layui-m-layercont {
153 | padding: 50px 30px;
154 | line-height: 22px;
155 | text-align: center
156 | }
157 |
158 | .layui-m-layer1 .layui-m-layercont {
159 | padding: 0;
160 | text-align: left
161 | }
162 |
163 | .layui-m-layer2 .layui-m-layercont {
164 | text-align: center;
165 | padding: 0;
166 | line-height: 0
167 | }
168 |
169 | .layui-m-layer2 .layui-m-layercont i {
170 | width: 25px;
171 | height: 25px;
172 | margin-left: 8px;
173 | display: inline-block;
174 | background-color: #fff;
175 | border-radius: 100%;
176 | -webkit-animation: layui-m-anim-loading 1.4s infinite ease-in-out;
177 | animation: layui-m-anim-loading 1.4s infinite ease-in-out;
178 | -webkit-animation-fill-mode: both;
179 | animation-fill-mode: both
180 | }
181 |
182 | .layui-m-layerbtn, .layui-m-layerbtn span {
183 | position: relative;
184 | text-align: center;
185 | border-radius: 0 0 5px 5px
186 | }
187 |
188 | .layui-m-layer2 .layui-m-layercont p {
189 | margin-top: 20px
190 | }
191 |
192 | @-webkit-keyframes layui-m-anim-loading {
193 | 0%, 100%, 80% {
194 | transform: scale(0);
195 | -webkit-transform: scale(0)
196 | }
197 | 40% {
198 | transform: scale(1);
199 | -webkit-transform: scale(1)
200 | }
201 | }
202 |
203 | @keyframes layui-m-anim-loading {
204 | 0%, 100%, 80% {
205 | transform: scale(0);
206 | -webkit-transform: scale(0)
207 | }
208 | 40% {
209 | transform: scale(1);
210 | -webkit-transform: scale(1)
211 | }
212 | }
213 |
214 | .layui-m-layer2 .layui-m-layercont i:first-child {
215 | margin-left: 0;
216 | -webkit-animation-delay: -.32s;
217 | animation-delay: -.32s
218 | }
219 |
220 | .layui-m-layer2 .layui-m-layercont i.layui-m-layerload {
221 | -webkit-animation-delay: -.16s;
222 | animation-delay: -.16s
223 | }
224 |
225 | .layui-m-layer2 .layui-m-layercont > div {
226 | line-height: 22px;
227 | padding-top: 7px;
228 | margin-bottom: 20px;
229 | font-size: 14px
230 | }
231 |
232 | .layui-m-layerbtn {
233 | display: box;
234 | display: -moz-box;
235 | display: -webkit-box;
236 | width: 100%;
237 | height: 50px;
238 | line-height: 50px;
239 | font-size: 0;
240 | border-top: 1px solid #D0D0D0;
241 | background-color: #F2F2F2
242 | }
243 |
244 | .layui-m-layerbtn span {
245 | display: block;
246 | -moz-box-flex: 1;
247 | box-flex: 1;
248 | -webkit-box-flex: 1;
249 | font-size: 14px;
250 | cursor: pointer
251 | }
252 |
253 | .layui-m-layerbtn span[yes] {
254 | color: #40AFFE
255 | }
256 |
257 | .layui-m-layerbtn span[no] {
258 | border-right: 1px solid #D0D0D0;
259 | border-radius: 0 0 0 5px
260 | }
261 |
262 | .layui-m-layerbtn span:active {
263 | background-color: #F6F6F6
264 | }
265 |
266 | .layui-m-layerend {
267 | position: absolute;
268 | right: 7px;
269 | top: 10px;
270 | width: 30px;
271 | height: 30px;
272 | border: 0;
273 | font-weight: 400;
274 | background: 0 0;
275 | cursor: pointer;
276 | -webkit-appearance: none;
277 | font-size: 30px
278 | }
279 |
280 | .layui-m-layerend::after, .layui-m-layerend::before {
281 | position: absolute;
282 | left: 5px;
283 | top: 15px;
284 | content: '';
285 | width: 18px;
286 | height: 1px;
287 | background-color: #999;
288 | transform: rotate(45deg);
289 | -webkit-transform: rotate(45deg);
290 | border-radius: 3px
291 | }
292 |
293 | .layui-m-layerend::after {
294 | transform: rotate(-45deg);
295 | -webkit-transform: rotate(-45deg)
296 | }
297 |
298 | body .layui-m-layer .layui-m-layer-footer {
299 | position: fixed;
300 | width: 95%;
301 | max-width: 100%;
302 | margin: 0 auto;
303 | left: 0;
304 | right: 0;
305 | bottom: 10px;
306 | background: 0 0
307 | }
308 |
309 | .layui-m-layer-footer .layui-m-layercont {
310 | padding: 20px;
311 | border-radius: 5px 5px 0 0;
312 | background-color: rgba(255, 255, 255, .8)
313 | }
314 |
315 | .layui-m-layer-footer .layui-m-layerbtn {
316 | display: block;
317 | height: auto;
318 | background: 0 0;
319 | border-top: none
320 | }
321 |
322 | .layui-m-layer-footer .layui-m-layerbtn span {
323 | background-color: rgba(255, 255, 255, .8)
324 | }
325 |
326 | .layui-m-layer-footer .layui-m-layerbtn span[no] {
327 | color: #FD482C;
328 | border-top: 1px solid #c2c2c2;
329 | border-radius: 0 0 5px 5px
330 | }
331 |
332 | .layui-m-layer-footer .layui-m-layerbtn span[yes] {
333 | margin-top: 10px;
334 | border-radius: 5px
335 | }
336 |
337 | body .layui-m-layer .layui-m-layer-msg {
338 | width: auto;
339 | max-width: 90%;
340 | margin: 0 auto;
341 | bottom: 0;
342 | background-color: rgba(0, 0, 0, .7);
343 | color: #fff
344 | }
345 |
346 | .layui-m-layer-msg .layui-m-layercont {
347 | padding: 10px 20px
348 | }
--------------------------------------------------------------------------------
/src/static/css/magnific-popup.css:
--------------------------------------------------------------------------------
1 | /* Magnific Popup CSS */
2 | .mfp-bg {
3 | top: 0;
4 | left: 0;
5 | width: 100%;
6 | height: 100%;
7 | z-index: 1042;
8 | overflow: hidden;
9 | position: fixed;
10 | background: #0b0b0b;
11 | opacity: 0.8;
12 | filter: alpha(opacity=80); }
13 |
14 | .mfp-wrap {
15 | top: 0;
16 | left: 0;
17 | width: 100%;
18 | height: 100%;
19 | z-index: 1043;
20 | position: fixed;
21 | outline: none !important;
22 | -webkit-backface-visibility: hidden; }
23 |
24 | .mfp-container {
25 | text-align: center;
26 | position: absolute;
27 | width: 100%;
28 | height: 100%;
29 | left: 0;
30 | top: 0;
31 | padding: 0 8px;
32 | -webkit-box-sizing: border-box;
33 | -moz-box-sizing: border-box;
34 | box-sizing: border-box; }
35 |
36 | .mfp-container:before {
37 | content: '';
38 | display: inline-block;
39 | height: 100%;
40 | vertical-align: middle; }
41 |
42 | .mfp-align-top .mfp-container:before {
43 | display: none; }
44 |
45 | .mfp-content {
46 | position: relative;
47 | display: inline-block;
48 | vertical-align: middle;
49 | margin: 0 auto;
50 | text-align: left;
51 | z-index: 1045; }
52 |
53 | .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
54 | width: 100%;
55 | cursor: auto; }
56 |
57 | .mfp-ajax-cur {
58 | cursor: progress; }
59 |
60 | .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
61 | cursor: -moz-zoom-out;
62 | cursor: -webkit-zoom-out;
63 | cursor: zoom-out; }
64 |
65 | .mfp-zoom {
66 | cursor: pointer;
67 | cursor: -webkit-zoom-in;
68 | cursor: -moz-zoom-in;
69 | cursor: zoom-in; }
70 |
71 | .mfp-auto-cursor .mfp-content {
72 | cursor: auto; }
73 |
74 | .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
75 | -webkit-user-select: none;
76 | -moz-user-select: none;
77 | user-select: none; }
78 |
79 | .mfp-loading.mfp-figure {
80 | display: none; }
81 |
82 | .mfp-hide {
83 | display: none !important; }
84 |
85 | .mfp-preloader {
86 | color: #cccccc;
87 | position: absolute;
88 | top: 50%;
89 | width: auto;
90 | text-align: center;
91 | margin-top: -0.8em;
92 | left: 8px;
93 | right: 8px;
94 | z-index: 1044; }
95 | .mfp-preloader a {
96 | color: #cccccc; }
97 | .mfp-preloader a:hover {
98 | color: white; }
99 |
100 | .mfp-s-ready .mfp-preloader {
101 | display: none; }
102 |
103 | .mfp-s-error .mfp-content {
104 | display: none; }
105 |
106 | button.mfp-close, button.mfp-arrow {
107 | overflow: visible;
108 | cursor: pointer;
109 | background: transparent;
110 | border: 0;
111 | -webkit-appearance: none;
112 | display: block;
113 | outline: none;
114 | padding: 0;
115 | z-index: 1046;
116 | -webkit-box-shadow: none;
117 | box-shadow: none; }
118 | button::-moz-focus-inner {
119 | padding: 0;
120 | border: 0; }
121 |
122 | .mfp-close {
123 | width: 44px;
124 | height: 44px;
125 | line-height: 44px;
126 | position: absolute;
127 | right: 0;
128 | top: 0;
129 | text-decoration: none;
130 | text-align: center;
131 | opacity: 0.65;
132 | filter: alpha(opacity=65);
133 | padding: 0 0 18px 10px;
134 | color: white;
135 | font-style: normal;
136 | font-size: 28px;
137 | font-family: Arial, Baskerville, monospace; }
138 | .mfp-close:hover, .mfp-close:focus {
139 | opacity: 1;
140 | filter: alpha(opacity=100); }
141 | .mfp-close:active {
142 | top: 1px; }
143 |
144 | .mfp-close-btn-in .mfp-close {
145 | color: #333333; }
146 |
147 | .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
148 | color: white;
149 | right: -6px;
150 | text-align: right;
151 | padding-right: 6px;
152 | width: 100%; }
153 |
154 | .mfp-counter {
155 | position: absolute;
156 | top: 0;
157 | right: 0;
158 | color: #cccccc;
159 | font-size: 12px;
160 | line-height: 18px; }
161 |
162 | .mfp-arrow {
163 | position: absolute;
164 | opacity: 0.65;
165 | filter: alpha(opacity=65);
166 | margin: 0;
167 | top: 50%;
168 | margin-top: -55px;
169 | padding: 0;
170 | width: 90px;
171 | height: 110px;
172 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
173 | .mfp-arrow:active {
174 | margin-top: -54px; }
175 | .mfp-arrow:hover, .mfp-arrow:focus {
176 | opacity: 1;
177 | filter: alpha(opacity=100); }
178 | .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
179 | content: '';
180 | display: block;
181 | width: 0;
182 | height: 0;
183 | position: absolute;
184 | left: 0;
185 | top: 0;
186 | margin-top: 35px;
187 | margin-left: 35px;
188 | border: medium inset transparent; }
189 | .mfp-arrow:after, .mfp-arrow .mfp-a {
190 | border-top-width: 13px;
191 | border-bottom-width: 13px;
192 | top: 8px; }
193 | .mfp-arrow:before, .mfp-arrow .mfp-b {
194 | border-top-width: 21px;
195 | border-bottom-width: 21px;
196 | opacity: 0.7; }
197 |
198 | .mfp-arrow-left {
199 | left: 0; }
200 | .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
201 | border-right: 17px solid white;
202 | margin-left: 31px; }
203 | .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
204 | margin-left: 25px;
205 | border-right: 27px solid #3f3f3f; }
206 |
207 | .mfp-arrow-right {
208 | right: 0; }
209 | .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
210 | border-left: 17px solid white;
211 | margin-left: 39px; }
212 | .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
213 | border-left: 27px solid #3f3f3f; }
214 |
215 | .mfp-iframe-holder {
216 | padding-top: 40px;
217 | padding-bottom: 40px; }
218 | .mfp-iframe-holder .mfp-content {
219 | line-height: 0;
220 | width: 100%;
221 | max-width: 900px; }
222 | .mfp-iframe-holder .mfp-close {
223 | top: -40px; }
224 |
225 | .mfp-iframe-scaler {
226 | width: 100%;
227 | height: 0;
228 | overflow: hidden;
229 | padding-top: 56.25%; }
230 | .mfp-iframe-scaler iframe {
231 | position: absolute;
232 | display: block;
233 | top: 0;
234 | left: 0;
235 | width: 100%;
236 | height: 100%;
237 | box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
238 | background: black; }
239 |
240 | /* Main image in popup */
241 | img.mfp-img {
242 | width: auto;
243 | max-width: 100%;
244 | height: auto;
245 | display: block;
246 | line-height: 0;
247 | -webkit-box-sizing: border-box;
248 | -moz-box-sizing: border-box;
249 | box-sizing: border-box;
250 | padding: 40px 0 40px;
251 | margin: 0 auto; }
252 |
253 | /* The shadow behind the image */
254 | .mfp-figure {
255 | line-height: 0; }
256 | .mfp-figure:after {
257 | content: '';
258 | position: absolute;
259 | left: 0;
260 | top: 40px;
261 | bottom: 40px;
262 | display: block;
263 | right: 0;
264 | width: auto;
265 | height: auto;
266 | z-index: -1;
267 | box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
268 | background: #444444; }
269 | .mfp-figure small {
270 | color: #bdbdbd;
271 | display: block;
272 | font-size: 12px;
273 | line-height: 14px; }
274 | .mfp-figure figure {
275 | margin: 0; }
276 |
277 | .mfp-bottom-bar {
278 | margin-top: -36px;
279 | position: absolute;
280 | top: 100%;
281 | left: 0;
282 | width: 100%;
283 | cursor: auto; }
284 |
285 | .mfp-title {
286 | text-align: left;
287 | line-height: 18px;
288 | color: #f3f3f3;
289 | word-wrap: break-word;
290 | padding-right: 36px; }
291 |
292 | .mfp-image-holder .mfp-content {
293 | max-width: 100%; }
294 |
295 | .mfp-gallery .mfp-image-holder .mfp-figure {
296 | cursor: pointer; }
297 |
298 | @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
299 | /**
300 | * Remove all paddings around the image on small screen
301 | */
302 | .mfp-img-mobile .mfp-image-holder {
303 | padding-left: 0;
304 | padding-right: 0; }
305 | .mfp-img-mobile img.mfp-img {
306 | padding: 0; }
307 | .mfp-img-mobile .mfp-figure:after {
308 | top: 0;
309 | bottom: 0; }
310 | .mfp-img-mobile .mfp-figure small {
311 | display: inline;
312 | margin-left: 5px; }
313 | .mfp-img-mobile .mfp-bottom-bar {
314 | background: rgba(0, 0, 0, 0.6);
315 | bottom: 0;
316 | margin: 0;
317 | top: auto;
318 | padding: 3px 5px;
319 | position: fixed;
320 | -webkit-box-sizing: border-box;
321 | -moz-box-sizing: border-box;
322 | box-sizing: border-box; }
323 | .mfp-img-mobile .mfp-bottom-bar:empty {
324 | padding: 0; }
325 | .mfp-img-mobile .mfp-counter {
326 | right: 5px;
327 | top: 3px; }
328 | .mfp-img-mobile .mfp-close {
329 | top: 0;
330 | right: 0;
331 | width: 35px;
332 | height: 35px;
333 | line-height: 35px;
334 | background: rgba(0, 0, 0, 0.6);
335 | position: fixed;
336 | text-align: center;
337 | padding: 0; } }
338 |
339 | @media all and (max-width: 900px) {
340 | .mfp-arrow {
341 | -webkit-transform: scale(0.75);
342 | transform: scale(0.75); }
343 | .mfp-arrow-left {
344 | -webkit-transform-origin: 0;
345 | transform-origin: 0; }
346 | .mfp-arrow-right {
347 | -webkit-transform-origin: 100%;
348 | transform-origin: 100%; }
349 | .mfp-container {
350 | padding-left: 6px;
351 | padding-right: 6px; } }
352 |
353 | .mfp-ie7 .mfp-img {
354 | padding: 0; }
355 | .mfp-ie7 .mfp-bottom-bar {
356 | width: 600px;
357 | left: 50%;
358 | margin-left: -300px;
359 | margin-top: 5px;
360 | padding-bottom: 5px; }
361 | .mfp-ie7 .mfp-container {
362 | padding: 0; }
363 | .mfp-ie7 .mfp-content {
364 | padding-top: 44px; }
365 | .mfp-ie7 .mfp-close {
366 | top: 0;
367 | right: 0;
368 | padding-top: 0; }
--------------------------------------------------------------------------------
/static/js/layer/skin/default/layer.css:
--------------------------------------------------------------------------------
1 | .layui-layer-imgbar,.layui-layer-imgtit a,.layui-layer-tab .layui-layer-title span,.layui-layer-title{text-overflow:ellipsis;white-space:nowrap}*html{background-image:url(about:blank);background-attachment:fixed}html #layuicss-skinlayercss{display:none;position:absolute;width:1989px}.layui-layer,.layui-layer-shade{position:fixed;_position:absolute;pointer-events:auto}.layui-layer-shade{top:0;left:0;width:100%;height:100%;_height:expression(document.body.offsetHeight+"px")}.layui-layer{-webkit-overflow-scrolling:touch;top:150px;left:0;margin:0;padding:0;background-color:#fff;-webkit-background-clip:content;box-shadow:1px 1px 50px rgba(0,0,0,.3)}.layui-layer-close{position:absolute}.layui-layer-content{position:relative}.layui-layer-border{border:1px solid #B2B2B2;border:1px solid rgba(0,0,0,.1);box-shadow:1px 1px 5px rgba(0,0,0,.2)}.layui-layer-load{background:url(loading-1.gif) center center no-repeat #eee}.layui-layer-ico{background:url(icon.png) no-repeat}.layui-layer-btn a,.layui-layer-dialog .layui-layer-ico,.layui-layer-setwin a{display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-move{display:none;position:fixed;*position:absolute;left:0;top:0;width:100%;height:100%;cursor:move;opacity:0;filter:alpha(opacity=0);background-color:#fff;z-index:2147483647}.layui-layer-resize{position:absolute;width:15px;height:15px;right:0;bottom:0;cursor:se-resize}.layui-layer{border-radius:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.3s;animation-duration:.3s}@-webkit-keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceIn{0%{opacity:0;-webkit-transform:scale(.5);-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim{-webkit-animation-name:layer-bounceIn;animation-name:layer-bounceIn}@-webkit-keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInDown{0%{opacity:0;-webkit-transform:scale(.1) translateY(-2000px);-ms-transform:scale(.1) translateY(-2000px);transform:scale(.1) translateY(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateY(60px);-ms-transform:scale(.475) translateY(60px);transform:scale(.475) translateY(60px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-01{-webkit-animation-name:layer-zoomInDown;animation-name:layer-zoomInDown}@-webkit-keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes layer-fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.layer-anim-02{-webkit-animation-name:layer-fadeInUpBig;animation-name:layer-fadeInUpBig}@-webkit-keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes layer-zoomInLeft{0%{opacity:0;-webkit-transform:scale(.1) translateX(-2000px);-ms-transform:scale(.1) translateX(-2000px);transform:scale(.1) translateX(-2000px);-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}60%{opacity:1;-webkit-transform:scale(.475) translateX(48px);-ms-transform:scale(.475) translateX(48px);transform:scale(.475) translateX(48px);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}.layer-anim-03{-webkit-animation-name:layer-zoomInLeft;animation-name:layer-zoomInLeft}@-webkit-keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes layer-rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.layer-anim-04{-webkit-animation-name:layer-rollIn;animation-name:layer-rollIn}@keyframes layer-fadeIn{0%{opacity:0}100%{opacity:1}}.layer-anim-05{-webkit-animation-name:layer-fadeIn;animation-name:layer-fadeIn}@-webkit-keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes layer-shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.layer-anim-06{-webkit-animation-name:layer-shake;animation-name:layer-shake}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.layui-layer-title{padding:0 80px 0 20px;height:42px;line-height:42px;border-bottom:1px solid #eee;font-size:14px;color:#333;overflow:hidden;background-color:#F8F8F8;border-radius:2px 2px 0 0}.layui-layer-setwin{position:absolute;right:15px;*right:0;top:15px;font-size:0;line-height:initial}.layui-layer-setwin a{position:relative;width:16px;height:16px;margin-left:10px;font-size:12px;_overflow:hidden}.layui-layer-setwin .layui-layer-min cite{position:absolute;width:14px;height:2px;left:0;top:50%;margin-top:-1px;background-color:#2E2D3C;cursor:pointer;_overflow:hidden}.layui-layer-setwin .layui-layer-min:hover cite{background-color:#2D93CA}.layui-layer-setwin .layui-layer-max{background-position:-32px -40px}.layui-layer-setwin .layui-layer-max:hover{background-position:-16px -40px}.layui-layer-setwin .layui-layer-maxmin{background-position:-65px -40px}.layui-layer-setwin .layui-layer-maxmin:hover{background-position:-49px -40px}.layui-layer-setwin .layui-layer-close1{background-position:1px -40px;cursor:pointer}.layui-layer-setwin .layui-layer-close1:hover{opacity:.7}.layui-layer-setwin .layui-layer-close2{position:absolute;right:-28px;top:-28px;width:30px;height:30px;margin-left:0;background-position:-149px -31px;*right:-18px;_display:none}.layui-layer-setwin .layui-layer-close2:hover{background-position:-180px -31px}.layui-layer-btn{text-align:right;padding:0 10px 12px;pointer-events:auto;user-select:none;-webkit-user-select:none}.layui-layer-btn a{height:28px;line-height:28px;margin:6px 6px 0;padding:0 15px;border:1px solid #dedede;background-color:#f1f1f1;color:#333;border-radius:2px;font-weight:400;cursor:pointer;text-decoration:none}.layui-layer-btn a:hover{opacity:.9;text-decoration:none}.layui-layer-btn a:active{opacity:.8}.layui-layer-btn .layui-layer-btn0{border-color:#4898d5;background-color:#2e8ded;color:#fff}.layui-layer-btn-l{text-align:left}.layui-layer-btn-c{text-align:center}.layui-layer-dialog{min-width:260px}.layui-layer-dialog .layui-layer-content{position:relative;padding:20px;line-height:24px;word-break:break-all;overflow:hidden;font-size:14px;overflow-x:hidden;overflow-y:auto}.layui-layer-dialog .layui-layer-content .layui-layer-ico{position:absolute;top:16px;left:15px;_left:-40px;width:30px;height:30px}.layui-layer-ico1{background-position:-30px 0}.layui-layer-ico2{background-position:-60px 0}.layui-layer-ico3{background-position:-90px 0}.layui-layer-ico4{background-position:-120px 0}.layui-layer-ico5{background-position:-150px 0}.layui-layer-ico6{background-position:-180px 0}.layui-layer-rim{border:6px solid #8D8D8D;border:6px solid rgba(0,0,0,.3);border-radius:5px;box-shadow:none}.layui-layer-msg{min-width:180px;border:1px solid #D3D4D3;box-shadow:none}.layui-layer-hui{min-width:100px;background-color:#000;filter:alpha(opacity=60);background-color:rgba(0,0,0,.6);color:#fff;border:none}.layui-layer-hui .layui-layer-content{padding:12px 25px;text-align:center}.layui-layer-dialog .layui-layer-padding{padding:20px 20px 20px 55px;text-align:left}.layui-layer-page .layui-layer-content{position:relative;overflow:auto}.layui-layer-iframe .layui-layer-btn,.layui-layer-page .layui-layer-btn{padding-top:10px}.layui-layer-nobg{background:0 0}.layui-layer-iframe iframe{display:block;width:100%}.layui-layer-loading{border-radius:100%;background:0 0;box-shadow:none;border:none}.layui-layer-loading .layui-layer-content{width:60px;height:24px;background:url(loading-0.gif) no-repeat}.layui-layer-loading .layui-layer-loading1{width:37px;height:37px;background:url(loading-1.gif) no-repeat}.layui-layer-ico16,.layui-layer-loading .layui-layer-loading2{width:32px;height:32px;background:url(loading-2.gif) no-repeat}.layui-layer-tips{background:0 0;box-shadow:none;border:none}.layui-layer-tips .layui-layer-content{position:relative;line-height:22px;min-width:12px;padding:5px 10px;font-size:12px;_float:left;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.2);background-color:#000;color:#fff}.layui-layer-tips .layui-layer-close{right:-2px;top:-1px}.layui-layer-tips i.layui-layer-TipsG{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed;*overflow:hidden}.layui-layer-tips i.layui-layer-TipsB,.layui-layer-tips i.layui-layer-TipsT{left:5px;border-right-style:solid;border-right-color:#000}.layui-layer-tips i.layui-layer-TipsT{bottom:-8px}.layui-layer-tips i.layui-layer-TipsB{top:-8px}.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{top:1px;border-bottom-style:solid;border-bottom-color:#000}.layui-layer-tips i.layui-layer-TipsR{left:-8px}.layui-layer-tips i.layui-layer-TipsL{right:-8px}.layui-layer-lan[type=dialog]{min-width:280px}.layui-layer-lan .layui-layer-title{background:#4476A7;color:#fff;border:none}.layui-layer-lan .layui-layer-btn{padding:5px 10px 10px;text-align:right;border-top:1px solid #E9E7E7}.layui-layer-lan .layui-layer-btn a{background:#BBB5B5;border:none}.layui-layer-lan .layui-layer-btn .layui-layer-btn1{background:#C9C5C5}.layui-layer-molv .layui-layer-title{background:#009f95;color:#fff;border:none}.layui-layer-molv .layui-layer-btn a{background:#009f95}.layui-layer-molv .layui-layer-btn .layui-layer-btn1{background:#92B8B1}.layui-layer-iconext{background:url(icon-ext.png) no-repeat}.layui-layer-prompt .layui-layer-input{display:block;width:220px;height:30px;margin:0 auto;line-height:30px;padding:0 5px;border:1px solid #ccc;box-shadow:1px 1px 5px rgba(0,0,0,.1) inset;color:#333}.layui-layer-prompt textarea.layui-layer-input{width:300px;height:100px;line-height:20px}.layui-layer-prompt .layui-layer-content{padding:20px}.layui-layer-prompt .layui-layer-btn{padding-top:0}.layui-layer-tab{box-shadow:1px 1px 50px rgba(0,0,0,.4)}.layui-layer-tab .layui-layer-title{padding-left:0;border-bottom:1px solid #ccc;background-color:#eee;overflow:visible}.layui-layer-tab .layui-layer-title span{position:relative;float:left;min-width:80px;max-width:260px;padding:0 20px;text-align:center;cursor:default;overflow:hidden}.layui-layer-tab .layui-layer-title span.layui-layer-tabnow{height:43px;border-left:1px solid #ccc;border-right:1px solid #ccc;background-color:#fff;z-index:10}.layui-layer-tab .layui-layer-title span:first-child{border-left:none}.layui-layer-tabmain{line-height:24px;clear:both}.layui-layer-tabmain .layui-layer-tabli{display:none}.layui-layer-tabmain .layui-layer-tabli.xubox_tab_layer{display:block}.xubox_tabclose{position:absolute;right:10px;top:5px;cursor:pointer}.layui-layer-photos{-webkit-animation-duration:.8s;animation-duration:.8s}.layui-layer-photos .layui-layer-content{overflow:hidden;text-align:center}.layui-layer-photos .layui-layer-phimg img{position:relative;width:100%;display:inline-block;*display:inline;*zoom:1;vertical-align:top}.layui-layer-imgbar,.layui-layer-imguide{display:none}.layui-layer-imgnext,.layui-layer-imgprev{position:absolute;top:50%;width:27px;_width:44px;height:44px;margin-top:-22px;outline:0;blr:expression(this.onFocus=this.blur())}.layui-layer-imgprev{left:10px;background-position:-5px -5px;_background-position:-70px -5px}.layui-layer-imgprev:hover{background-position:-33px -5px;_background-position:-120px -5px}.layui-layer-imgnext{right:10px;_right:8px;background-position:-5px -50px;_background-position:-70px -50px}.layui-layer-imgnext:hover{background-position:-33px -50px;_background-position:-120px -50px}.layui-layer-imgbar{position:absolute;left:0;bottom:0;width:100%;height:32px;line-height:32px;background-color:rgba(0,0,0,.8);background-color:#000\9;filter:Alpha(opacity=80);color:#fff;overflow:hidden;font-size:0}.layui-layer-imgtit *{display:inline-block;*display:inline;*zoom:1;vertical-align:top;font-size:12px}.layui-layer-imgtit a{max-width:65%;overflow:hidden;color:#fff}.layui-layer-imgtit a:hover{color:#fff;text-decoration:underline}.layui-layer-imgtit em{padding-left:10px;font-style:normal}@-webkit-keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes layer-bounceOut{100%{opacity:0;-webkit-transform:scale(.7);-ms-transform:scale(.7);transform:scale(.7)}30%{-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.layer-anim-close{-webkit-animation-name:layer-bounceOut;animation-name:layer-bounceOut;-webkit-animation-duration:.2s;animation-duration:.2s}@media screen and (max-width:1100px){.layui-layer-iframe{overflow-y:auto;-webkit-overflow-scrolling:touch}}
--------------------------------------------------------------------------------
/static/js/layer/layer.js:
--------------------------------------------------------------------------------
1 | /*! layer-v3.0.3 Web弹层组件 MIT License http://layer.layui.com/ By 贤心 */
2 | ;!function(e,t){"use strict";var i,n,a=e.layui&&layui.define,o={getPath:function(){var e=document.scripts,t=e[e.length-1],i=t.src;if(!t.getAttribute("merge"))return i.substring(0,i.lastIndexOf("/")+1)}(),config:{},end:{},minIndex:0,minLeft:[],btn:["确定","取消"],type:["dialog","page","iframe","loading","tips"]},r={v:"3.0.3",ie:function(){var t=navigator.userAgent.toLowerCase();return!!(e.ActiveXObject||"ActiveXObject"in e)&&((t.match(/msie\s(\d+)/)||[])[1]||"11")}(),index:e.layer&&e.layer.v?1e5:0,path:o.getPath,config:function(e,t){return e=e||{},r.cache=o.config=i.extend({},o.config,e),r.path=o.config.path||r.path,"string"==typeof e.extend&&(e.extend=[e.extend]),o.config.path&&r.ready(),e.extend?(a?layui.addcss("modules/layer/"+e.extend):r.link("skin/"+e.extend),this):this},link:function(t,n,a){if(r.path){var o=i("head")[0],s=document.createElement("link");"string"==typeof n&&(a=n);var l=(a||t).replace(/\.|\//g,""),f="layuicss-"+l,c=0;s.rel="stylesheet",s.href=r.path+t,s.id=f,i("#"+f)[0]||o.appendChild(s),"function"==typeof n&&!function u(){return++c>80?e.console&&console.error("layer.css: Invalid"):void(1989===parseInt(i("#"+f).css("width"))?n():setTimeout(u,100))}()}},ready:function(e){var t="skinlayercss",i="303";return a?layui.addcss("modules/layer/default/layer.css?v="+r.v+i,e,t):r.link("skin/default/layer.css?v="+r.v+i,e,t),this},alert:function(e,t,n){var a="function"==typeof t;return a&&(n=t),r.open(i.extend({content:e,yes:n},a?{}:t))},confirm:function(e,t,n,a){var s="function"==typeof t;return s&&(a=n,n=t),r.open(i.extend({content:e,btn:o.btn,yes:n,btn2:a},s?{}:t))},msg:function(e,n,a){var s="function"==typeof n,f=o.config.skin,c=(f?f+" "+f+"-msg":"")||"layui-layer-msg",u=l.anim.length-1;return s&&(a=n),r.open(i.extend({content:e,time:3e3,shade:!1,skin:c,title:!1,closeBtn:!1,btn:!1,resize:!1,end:a},s&&!o.config.skin?{skin:c+" layui-layer-hui",anim:u}:function(){return n=n||{},(n.icon===-1||n.icon===t&&!o.config.skin)&&(n.skin=c+" "+(n.skin||"layui-layer-hui")),n}()))},load:function(e,t){return r.open(i.extend({type:3,icon:e||0,resize:!1,shade:.01},t))},tips:function(e,t,n){return r.open(i.extend({type:4,content:[e,t],closeBtn:!1,time:3e3,shade:!1,resize:!1,fixed:!1,maxWidth:210},n))}},s=function(e){var t=this;t.index=++r.index,t.config=i.extend({},t.config,o.config,e),document.body?t.creat():setTimeout(function(){t.creat()},30)};s.pt=s.prototype;var l=["layui-layer",".layui-layer-title",".layui-layer-main",".layui-layer-dialog","layui-layer-iframe","layui-layer-content","layui-layer-btn","layui-layer-close"];l.anim=["layer-anim","layer-anim-01","layer-anim-02","layer-anim-03","layer-anim-04","layer-anim-05","layer-anim-06"],s.pt.config={type:0,shade:.8,fixed:!0,move:l[1],title:"信息",offset:"auto",area:"auto",closeBtn:1,time:0,zIndex:19891014,maxWidth:360,anim:0,isOutAnim:!0,icon:-1,moveType:1,resize:!0,scrollbar:!0,tips:2},s.pt.vessel=function(e,t){var n=this,a=n.index,r=n.config,s=r.zIndex+a,f="object"==typeof r.title,c=r.maxmin&&(1===r.type||2===r.type),u=r.title?''+(f?r.title[0]:r.title)+"
":"";return r.zIndex=s,t([r.shade?'
':"",''+(e&&2!=r.type?"":u)+'
'+(0==r.type&&r.icon!==-1?' ':"")+(1==r.type&&e?"":r.content||"")+'
'+function(){var e=c?' ':"";return r.closeBtn&&(e+=' '),e}()+" "+(r.btn?function(){var e="";"string"==typeof r.btn&&(r.btn=[r.btn]);for(var t=0,i=r.btn.length;t
'+r.btn[t]+"";return' '+e+"
"}():"")+(r.resize?' ':"")+" "],u,i('
')),n},s.pt.creat=function(){var e=this,t=e.config,a=e.index,s=t.content,f="object"==typeof s,c=i("body");if(!t.id||!i("#"+t.id)[0]){switch("string"==typeof t.area&&(t.area="auto"===t.area?["",""]:[t.area,""]),t.shift&&(t.anim=t.shift),6==r.ie&&(t.fixed=!1),t.type){case 0:t.btn="btn"in t?t.btn:o.btn[0],r.closeAll("dialog");break;case 2:var s=t.content=f?t.content:[t.content||"http://layer.layui.com","auto"];t.content='';break;case 3:delete t.title,delete t.closeBtn,t.icon===-1&&0===t.icon,r.closeAll("loading");break;case 4:f||(t.content=[t.content,"body"]),t.follow=t.content[1],t.content=t.content[0]+' ',delete t.title,t.tips="object"==typeof t.tips?t.tips:[t.tips,!0],t.tipsMore||r.closeAll("tips")}e.vessel(f,function(n,r,u){c.append(n[0]),f?function(){2==t.type||4==t.type?function(){i("body").append(n[1])}():function(){s.parents("."+l[0])[0]||(s.data("display",s.css("display")).show().addClass("layui-layer-wrap").wrap(n[1]),i("#"+l[0]+a).find("."+l[5]).before(r))}()}():c.append(n[1]),i(".layui-layer-move")[0]||c.append(o.moveElem=u),e.layero=i("#"+l[0]+a),t.scrollbar||l.html.css("overflow","hidden").attr("layer-full",a)}).auto(a),2==t.type&&6==r.ie&&e.layero.find("iframe").attr("src",s[0]),4==t.type?e.tips():e.offset(),t.fixed&&n.on("resize",function(){e.offset(),(/^\d+%$/.test(t.area[0])||/^\d+%$/.test(t.area[1]))&&e.auto(a),4==t.type&&e.tips()}),t.time<=0||setTimeout(function(){r.close(e.index)},t.time),e.move().callback(),l.anim[t.anim]&&e.layero.addClass(l.anim[t.anim]),t.isOutAnim&&e.layero.data("isOutAnim",!0)}},s.pt.auto=function(e){function t(e){e=s.find(e),e.height(f[1]-c-u-2*(0|parseFloat(e.css("padding-top"))))}var a=this,o=a.config,s=i("#"+l[0]+e);""===o.area[0]&&o.maxWidth>0&&(r.ie&&r.ie<8&&o.btn&&s.width(s.innerWidth()),s.outerWidth()>o.maxWidth&&s.width(o.maxWidth));var f=[s.innerWidth(),s.innerHeight()],c=s.find(l[1]).outerHeight()||0,u=s.find("."+l[6]).outerHeight()||0;switch(o.type){case 2:t("iframe");break;default:""===o.area[1]?o.fixed&&f[1]>=n.height()&&(f[1]=n.height(),t("."+l[5])):t("."+l[5])}return a},s.pt.offset=function(){var e=this,t=e.config,i=e.layero,a=[i.outerWidth(),i.outerHeight()],o="object"==typeof t.offset;e.offsetTop=(n.height()-a[1])/2,e.offsetLeft=(n.width()-a[0])/2,o?(e.offsetTop=t.offset[0],e.offsetLeft=t.offset[1]||e.offsetLeft):"auto"!==t.offset&&("t"===t.offset?e.offsetTop=0:"r"===t.offset?e.offsetLeft=n.width()-a[0]:"b"===t.offset?e.offsetTop=n.height()-a[1]:"l"===t.offset?e.offsetLeft=0:"lt"===t.offset?(e.offsetTop=0,e.offsetLeft=0):"lb"===t.offset?(e.offsetTop=n.height()-a[1],e.offsetLeft=0):"rt"===t.offset?(e.offsetTop=0,e.offsetLeft=n.width()-a[0]):"rb"===t.offset?(e.offsetTop=n.height()-a[1],e.offsetLeft=n.width()-a[0]):e.offsetTop=t.offset),t.fixed||(e.offsetTop=/%$/.test(e.offsetTop)?n.height()*parseFloat(e.offsetTop)/100:parseFloat(e.offsetTop),e.offsetLeft=/%$/.test(e.offsetLeft)?n.width()*parseFloat(e.offsetLeft)/100:parseFloat(e.offsetLeft),e.offsetTop+=n.scrollTop(),e.offsetLeft+=n.scrollLeft()),i.attr("minLeft")&&(e.offsetTop=n.height()-(i.find(l[1]).outerHeight()||0),e.offsetLeft=i.css("left")),i.css({top:e.offsetTop,left:e.offsetLeft})},s.pt.tips=function(){var e=this,t=e.config,a=e.layero,o=[a.outerWidth(),a.outerHeight()],r=i(t.follow);r[0]||(r=i("body"));var s={width:r.outerWidth(),height:r.outerHeight(),top:r.offset().top,left:r.offset().left},f=a.find(".layui-layer-TipsG"),c=t.tips[0];t.tips[1]||f.remove(),s.autoLeft=function(){s.left+o[0]-n.width()>0?(s.tipLeft=s.left+s.width-o[0],f.css({right:12,left:"auto"})):s.tipLeft=s.left},s.where=[function(){s.autoLeft(),s.tipTop=s.top-o[1]-10,f.removeClass("layui-layer-TipsB").addClass("layui-layer-TipsT").css("border-right-color",t.tips[1])},function(){s.tipLeft=s.left+s.width+10,s.tipTop=s.top,f.removeClass("layui-layer-TipsL").addClass("layui-layer-TipsR").css("border-bottom-color",t.tips[1])},function(){s.autoLeft(),s.tipTop=s.top+s.height+10,f.removeClass("layui-layer-TipsT").addClass("layui-layer-TipsB").css("border-right-color",t.tips[1])},function(){s.tipLeft=s.left-o[0]-10,s.tipTop=s.top,f.removeClass("layui-layer-TipsR").addClass("layui-layer-TipsL").css("border-bottom-color",t.tips[1])}],s.where[c-1](),1===c?s.top-(n.scrollTop()+o[1]+16)<0&&s.where[2]():2===c?n.width()-(s.left+s.width+o[0]+16)>0||s.where[3]():3===c?s.top-n.scrollTop()+s.height+o[1]+16-n.height()>0&&s.where[0]():4===c&&o[0]+16-s.left>0&&s.where[1](),a.find("."+l[5]).css({"background-color":t.tips[1],"padding-right":t.closeBtn?"30px":""}),a.css({left:s.tipLeft-(t.fixed?n.scrollLeft():0),top:s.tipTop-(t.fixed?n.scrollTop():0)})},s.pt.move=function(){var e=this,t=e.config,a=i(document),s=e.layero,l=s.find(t.move),f=s.find(".layui-layer-resize"),c={};return t.move&&l.css("cursor","move"),l.on("mousedown",function(e){e.preventDefault(),t.move&&(c.moveStart=!0,c.offset=[e.clientX-parseFloat(s.css("left")),e.clientY-parseFloat(s.css("top"))],o.moveElem.css("cursor","move").show())}),f.on("mousedown",function(e){e.preventDefault(),c.resizeStart=!0,c.offset=[e.clientX,e.clientY],c.area=[s.outerWidth(),s.outerHeight()],o.moveElem.css("cursor","se-resize").show()}),a.on("mousemove",function(i){if(c.moveStart){var a=i.clientX-c.offset[0],o=i.clientY-c.offset[1],l="fixed"===s.css("position");if(i.preventDefault(),c.stX=l?0:n.scrollLeft(),c.stY=l?0:n.scrollTop(),!t.moveOut){var f=n.width()-s.outerWidth()+c.stX,u=n.height()-s.outerHeight()+c.stY;af&&(a=f),ou&&(o=u)}s.css({left:a,top:o})}if(t.resize&&c.resizeStart){var a=i.clientX-c.offset[0],o=i.clientY-c.offset[1];i.preventDefault(),r.style(e.index,{width:c.area[0]+a,height:c.area[1]+o}),c.isResize=!0,t.resizing&&t.resizing(s)}}).on("mouseup",function(e){c.moveStart&&(delete c.moveStart,o.moveElem.hide(),t.moveEnd&&t.moveEnd(s)),c.resizeStart&&(delete c.resizeStart,o.moveElem.hide())}),e},s.pt.callback=function(){function e(){var e=a.cancel&&a.cancel(t.index,n);e===!1||r.close(t.index)}var t=this,n=t.layero,a=t.config;t.openLayer(),a.success&&(2==a.type?n.find("iframe").on("load",function(){a.success(n,t.index)}):a.success(n,t.index)),6==r.ie&&t.IE6(n),n.find("."+l[6]).children("a").on("click",function(){var e=i(this).index();if(0===e)a.yes?a.yes(t.index,n):a.btn1?a.btn1(t.index,n):r.close(t.index);else{var o=a["btn"+(e+1)]&&a["btn"+(e+1)](t.index,n);o===!1||r.close(t.index)}}),n.find("."+l[7]).on("click",e),a.shadeClose&&i("#layui-layer-shade"+t.index).on("click",function(){r.close(t.index)}),n.find(".layui-layer-min").on("click",function(){var e=a.min&&a.min(n);e===!1||r.min(t.index,a)}),n.find(".layui-layer-max").on("click",function(){i(this).hasClass("layui-layer-maxmin")?(r.restore(t.index),a.restore&&a.restore(n)):(r.full(t.index,a),setTimeout(function(){a.full&&a.full(n)},100))}),a.end&&(o.end[t.index]=a.end)},o.reselect=function(){i.each(i("select"),function(e,t){var n=i(this);n.parents("."+l[0])[0]||1==n.attr("layer")&&i("."+l[0]).length<1&&n.removeAttr("layer").show(),n=null})},s.pt.IE6=function(e){i("select").each(function(e,t){var n=i(this);n.parents("."+l[0])[0]||"none"===n.css("display")||n.attr({layer:"1"}).hide(),n=null})},s.pt.openLayer=function(){var e=this;r.zIndex=e.config.zIndex,r.setTop=function(e){var t=function(){r.zIndex++,e.css("z-index",r.zIndex+1)};return r.zIndex=parseInt(e[0].style.zIndex),e.on("mousedown",t),r.zIndex}},o.record=function(e){var t=[e.width(),e.height(),e.position().top,e.position().left+parseFloat(e.css("margin-left"))];e.find(".layui-layer-max").addClass("layui-layer-maxmin"),e.attr({area:t})},o.rescollbar=function(e){l.html.attr("layer-full")==e&&(l.html[0].style.removeProperty?l.html[0].style.removeProperty("overflow"):l.html[0].style.removeAttribute("overflow"),l.html.removeAttr("layer-full"))},e.layer=r,r.getChildFrame=function(e,t){return t=t||i("."+l[4]).attr("times"),i("#"+l[0]+t).find("iframe").contents().find(e)},r.getFrameIndex=function(e){return i("#"+e).parents("."+l[4]).attr("times")},r.iframeAuto=function(e){if(e){var t=r.getChildFrame("html",e).outerHeight(),n=i("#"+l[0]+e),a=n.find(l[1]).outerHeight()||0,o=n.find("."+l[6]).outerHeight()||0;n.css({height:t+a+o}),n.find("iframe").css({height:t})}},r.iframeSrc=function(e,t){i("#"+l[0]+e).find("iframe").attr("src",t)},r.style=function(e,t,n){var a=i("#"+l[0]+e),r=a.find(".layui-layer-content"),s=a.attr("type"),f=a.find(l[1]).outerHeight()||0,c=a.find("."+l[6]).outerHeight()||0;a.attr("minLeft");s!==o.type[3]&&s!==o.type[4]&&(n||(parseFloat(t.width)<=260&&(t.width=260),parseFloat(t.height)-f-c<=64&&(t.height=64+f+c)),a.css(t),c=a.find("."+l[6]).outerHeight(),s===o.type[2]?a.find("iframe").css({height:parseFloat(t.height)-f-c}):r.css({height:parseFloat(t.height)-f-c-parseFloat(r.css("padding-top"))-parseFloat(r.css("padding-bottom"))}))},r.min=function(e,t){var a=i("#"+l[0]+e),s=a.find(l[1]).outerHeight()||0,f=a.attr("minLeft")||181*o.minIndex+"px",c=a.css("position");o.record(a),o.minLeft[0]&&(f=o.minLeft[0],o.minLeft.shift()),a.attr("position",c),r.style(e,{width:180,height:s,left:f,top:n.height()-s,position:"fixed",overflow:"hidden"},!0),a.find(".layui-layer-min").hide(),"page"===a.attr("type")&&a.find(l[4]).hide(),o.rescollbar(e),a.attr("minLeft")||o.minIndex++,a.attr("minLeft",f)},r.restore=function(e){var t=i("#"+l[0]+e),n=t.attr("area").split(",");t.attr("type");r.style(e,{width:parseFloat(n[0]),height:parseFloat(n[1]),top:parseFloat(n[2]),left:parseFloat(n[3]),position:t.attr("position"),overflow:"visible"},!0),t.find(".layui-layer-max").removeClass("layui-layer-maxmin"),t.find(".layui-layer-min").show(),"page"===t.attr("type")&&t.find(l[4]).show(),o.rescollbar(e)},r.full=function(e){var t,a=i("#"+l[0]+e);o.record(a),l.html.attr("layer-full")||l.html.css("overflow","hidden").attr("layer-full",e),clearTimeout(t),t=setTimeout(function(){var t="fixed"===a.css("position");r.style(e,{top:t?0:n.scrollTop(),left:t?0:n.scrollLeft(),width:n.width(),height:n.height()},!0),a.find(".layui-layer-min").hide()},100)},r.title=function(e,t){var n=i("#"+l[0]+(t||r.index)).find(l[1]);n.html(e)},r.close=function(e){var t=i("#"+l[0]+e),n=t.attr("type"),a="layer-anim-close";if(t[0]){var s="layui-layer-wrap",f=function(){if(n===o.type[1]&&"object"===t.attr("conType")){t.children(":not(."+l[5]+")").remove();for(var a=t.find("."+s),r=0;r<2;r++)a.unwrap();a.css("display",a.data("display")).removeClass(s)}else{if(n===o.type[2])try{var f=i("#"+l[4]+e)[0];f.contentWindow.document.write(""),f.contentWindow.close(),t.find("."+l[5])[0].removeChild(f)}catch(c){}t[0].innerHTML="",t.remove()}"function"==typeof o.end[e]&&o.end[e](),delete o.end[e]};t.data("isOutAnim")&&t.addClass(a),i("#layui-layer-moves, #layui-layer-shade"+e).remove(),6==r.ie&&o.reselect(),o.rescollbar(e),t.attr("minLeft")&&(o.minIndex--,o.minLeft.push(t.attr("minLeft"))),r.ie&&r.ie<10||!t.data("isOutAnim")?f():setTimeout(function(){f()},200)}},r.closeAll=function(e){i.each(i("."+l[0]),function(){var t=i(this),n=e?t.attr("type")===e:1;n&&r.close(t.attr("times")),n=null})};var f=r.cache||{},c=function(e){return f.skin?" "+f.skin+" "+f.skin+"-"+e:""};r.prompt=function(e,t){var a="";if(e=e||{},"function"==typeof e&&(t=e),e.area){var o=e.area;a='style="width: '+o[0]+"; height: "+o[1]+';"',delete e.area}var s,l=2==e.formType?'":function(){return' '}(),f=e.success;return delete e.success,r.open(i.extend({type:1,btn:["确定","取消"],content:l,skin:"layui-layer-prompt"+c("prompt"),maxWidth:n.width(),success:function(e){s=e.find(".layui-layer-input"),s.focus(),"function"==typeof f&&f(e)},resize:!1,yes:function(i){var n=s.val();""===n?s.focus():n.length>(e.maxlength||500)?r.tips("最多输入"+(e.maxlength||500)+"个字数",s,{tips:1}):t&&t(n,i,s)}},e))},r.tab=function(e){e=e||{};var t=e.tab||{},n=e.success;return delete e.success,r.open(i.extend({type:1,skin:"layui-layer-tab"+c("tab"),resize:!1,title:function(){var e=t.length,i=1,n="";if(e>0)for(n=''+t[0].title+" ";i"+t[i].title+"";return n}(),content:''+function(){var e=t.length,i=1,n="";if(e>0)for(n=''+(t[0].content||"no content")+" ";i'+(t[i].content||"no content")+"";return n}()+" ",success:function(t){var a=t.find(".layui-layer-title").children(),o=t.find(".layui-layer-tabmain").children();a.on("mousedown",function(t){t.stopPropagation?t.stopPropagation():t.cancelBubble=!0;var n=i(this),a=n.index();n.addClass("layui-layer-tabnow").siblings().removeClass("layui-layer-tabnow"),o.eq(a).show().siblings().hide(),"function"==typeof e.change&&e.change(a)}),"function"==typeof n&&n(t)}},e))},r.photos=function(t,n,a){function o(e,t,i){var n=new Image;return n.src=e,n.complete?t(n):(n.onload=function(){n.onload=null,t(n)},void(n.onerror=function(e){n.onerror=null,i(e)}))}var s={};if(t=t||{},t.photos){var l=t.photos.constructor===Object,f=l?t.photos:{},u=f.data||[],d=f.start||0;s.imgIndex=(0|d)+1,t.img=t.img||"img";var y=t.success;if(delete t.success,l){if(0===u.length)return r.msg("没有图片")}else{var p=i(t.photos),h=function(){u=[],p.find(t.img).each(function(e){var t=i(this);t.attr("layer-index",e),u.push({alt:t.attr("alt"),pid:t.attr("layer-pid"),src:t.attr("layer-src")||t.attr("src"),thumb:t.attr("src")})})};if(h(),0===u.length)return;if(n||p.on("click",t.img,function(){var e=i(this),n=e.attr("layer-index");r.photos(i.extend(t,{photos:{start:n,data:u,tab:t.tab},full:t.full}),!0),h()}),!n)return}s.imgprev=function(e){s.imgIndex--,s.imgIndex<1&&(s.imgIndex=u.length),s.tabimg(e)},s.imgnext=function(e,t){s.imgIndex++,s.imgIndex>u.length&&(s.imgIndex=1,t)||s.tabimg(e)},s.keyup=function(e){if(!s.end){var t=e.keyCode;e.preventDefault(),37===t?s.imgprev(!0):39===t?s.imgnext(!0):27===t&&r.close(s.index)}},s.tabimg=function(e){if(!(u.length<=1))return f.start=s.imgIndex-1,r.close(s.index),r.photos(t,!0,e)},s.event=function(){s.bigimg.hover(function(){s.imgsee.show()},function(){s.imgsee.hide()}),s.bigimg.find(".layui-layer-imgprev").on("click",function(e){e.preventDefault(),s.imgprev()}),s.bigimg.find(".layui-layer-imgnext").on("click",function(e){e.preventDefault(),s.imgnext()}),i(document).on("keyup",s.keyup)},s.loadi=r.load(1,{shade:!("shade"in t)&&.9,scrollbar:!1}),o(u[d].src,function(n){r.close(s.loadi),s.index=r.open(i.extend({type:1,id:"layui-layer-photos",area:function(){var a=[n.width,n.height],o=[i(e).width()-100,i(e).height()-100];if(!t.full&&(a[0]>o[0]||a[1]>o[1])){var r=[a[0]/o[0],a[1]/o[1]];r[0]>r[1]?(a[0]=a[0]/r[0],a[1]=a[1]/r[0]):r[0] ",success:function(e,i){s.bigimg=e.find(".layui-layer-phimg"),s.imgsee=e.find(".layui-layer-imguide,.layui-layer-imgbar"),s.event(e),t.tab&&t.tab(u[d],e),"function"==typeof y&&y(e)},end:function(){s.end=!0,i(document).off("keyup",s.keyup)}},t))},function(){r.close(s.loadi),r.msg("当前图片地址异常 是否继续查看下一张?",{time:3e4,btn:["下一张","不看了"],yes:function(){u.length>1&&s.imgnext(!0,!0)}})})}},o.run=function(t){i=t,n=i(e),l.html=i("html"),r.open=function(e){var t=new s(e);return t.index}},e.layui&&layui.define?(r.ready(),layui.define("jquery",function(t){r.path=layui.cache.dir,o.run(layui.jquery),e.layer=r,t("layer",r)})):"function"==typeof define&&define.amd?define(["jquery"],function(){return o.run(e.jQuery),r}):function(){o.run(e.jQuery),r.ready()}()}(window);
--------------------------------------------------------------------------------
/src/components/integration.js:
--------------------------------------------------------------------------------
1 |
2 | import React from 'react';
3 | import img_1 from '../static/images/img_1.jpg';
4 | import img_2 from '../static/images/img_2.jpg';
5 | import img_3 from '../static/images/img_3.jpg';
6 | import img_4 from '../static/images/img_4.jpg';
7 | import img_5 from '../static/images/img_5.jpg';
8 | import img_6 from '../static/images/img_6.jpg';
9 |
10 | // 防伪
11 | class IntegrationComponent extends React.Component{
12 |
13 | constructor(props) {
14 | super(props);
15 | }
16 |
17 | render(){
18 | return (
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 | Services
27 |
28 | Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem
29 | provident. Odit ab aliquam dolor eius.
30 |
31 |
32 |
33 |
34 |
35 |
36 |
37 |
38 |
39 |
40 |
41 | Web Development
42 |
43 | Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.
44 |
45 |
46 |
47 |
48 |
49 |
50 |
51 |
52 | Web Design
53 |
54 | Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.
55 |
56 |
57 |
58 |
59 |
60 |
61 |
62 |
63 | Customer Support
64 |
65 | Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.
66 |
67 |
68 |
69 |
70 |
71 |
72 |
73 |
74 | Web Design
75 |
76 | Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.
77 |
78 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 | Copy Writing
90 |
91 | Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 | CMS Development
101 |
102 | Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.
103 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
111 | Data Gathering
112 |
113 | Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.
114 |
115 |
116 |
117 |
118 |
119 |
120 |
121 |
122 | Search Engine
123 |
124 | Facilis ipsum reprehenderit nemo molestias. Aut cum mollitia reprehenderit.
125 |
126 |
127 |
128 |
129 |
130 |
131 |
132 |
133 |
134 |
135 |
136 |
137 |
138 | Portfolio
139 |
140 | Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem
141 | provident. Odit ab aliquam dolor eius.
142 |
143 |
144 |
145 |
153 |
161 |
169 |
177 |
185 |
193 |
201 |
209 |
217 |
218 |
219 |
220 |
221 |
222 |
223 |
224 |
225 | Frequently Ask Questions
226 |
227 | Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem
228 | provident. Odit ab aliquam dolor eius.
229 |
230 |
231 |
232 |
233 |
234 |
235 |
236 |
237 |
238 |
239 | What is Asymmetry?
240 |
241 |
242 |
243 |
244 | Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
245 | there live the blind texts. Separated they live in Bookmarksgrove right at the coast
246 | of the Semantics, a large language ocean.
247 |
248 |
249 |
250 |
251 |
252 |
253 |
254 |
255 |
256 | I have technical problem, who do I email?
257 |
258 |
259 |
260 |
261 | Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
262 | there live the blind texts. Separated they live in Bookmarksgrove right at the coast
263 | of the Semantics, a large language ocean.
264 |
265 |
266 |
267 |
268 |
269 |
270 |
271 |
272 |
273 | How do I use Asymmetry features?
274 |
275 |
276 |
277 |
278 | Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
279 | there live the blind texts. Separated they live in Bookmarksgrove right at the coast
280 | of the Semantics, a large language ocean.
281 |
282 |
283 |
284 |
285 |
286 |
287 |
288 |
289 |
290 |
291 |
292 | What language are available?
293 |
294 |
295 |
296 |
297 | Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
298 | there live the blind texts. Separated they live in Bookmarksgrove right at the coast
299 | of the Semantics, a large language ocean.
300 |
301 |
302 |
303 |
304 |
305 |
306 |
307 |
308 |
309 | Can I have a username that is already taken?
310 |
311 |
312 |
313 |
314 | Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
315 | there live the blind texts. Separated they live in Bookmarksgrove right at the coast
316 | of the Semantics, a large language ocean.
317 |
318 |
319 |
320 |
321 |
322 |
323 |
324 |
325 |
326 | Is Asymmetry free?
327 |
328 |
329 |
330 |
331 | Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
332 | there live the blind texts. Separated they live in Bookmarksgrove right at the coast
333 | of the Semantics, a large language ocean.
334 |
335 |
336 |
337 |
338 |
339 |
340 |
341 |
342 | )
343 | }
344 | }
345 |
346 |
347 | export {IntegrationComponent};
348 |
349 |
--------------------------------------------------------------------------------
/src/static/css/themify-icons.css:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: 'themify';
3 | src:url('../fonts/themify-icons/themify.eot?-fvbane');
4 | src:url('../fonts/themify-icons/themify.eot?#iefix-fvbane') format('embedded-opentype'),
5 | url('../fonts/themify-icons/themify.woff?-fvbane') format('woff'),
6 | url('../fonts/themify-icons/themify.ttf?-fvbane') format('truetype'),
7 | url('../fonts/themify-icons/themify.svg?-fvbane#themify') format('svg');
8 | font-weight: normal;
9 | font-style: normal;
10 | }
11 |
12 | [class^="ti-"], [class*=" ti-"] {
13 | font-family: 'themify';
14 | speak: none;
15 | font-style: normal;
16 | font-weight: normal;
17 | font-variant: normal;
18 | text-transform: none;
19 | line-height: 1;
20 |
21 | /* Better Font Rendering =========== */
22 | -webkit-font-smoothing: antialiased;
23 | -moz-osx-font-smoothing: grayscale;
24 | }
25 |
26 | .ti-wand:before {
27 | content: "\e600";
28 | }
29 | .ti-volume:before {
30 | content: "\e601";
31 | }
32 | .ti-user:before {
33 | content: "\e602";
34 | }
35 | .ti-unlock:before {
36 | content: "\e603";
37 | }
38 | .ti-unlink:before {
39 | content: "\e604";
40 | }
41 | .ti-trash:before {
42 | content: "\e605";
43 | }
44 | .ti-thought:before {
45 | content: "\e606";
46 | }
47 | .ti-target:before {
48 | content: "\e607";
49 | }
50 | .ti-tag:before {
51 | content: "\e608";
52 | }
53 | .ti-tablet:before {
54 | content: "\e609";
55 | }
56 | .ti-star:before {
57 | content: "\e60a";
58 | }
59 | .ti-spray:before {
60 | content: "\e60b";
61 | }
62 | .ti-signal:before {
63 | content: "\e60c";
64 | }
65 | .ti-shopping-cart:before {
66 | content: "\e60d";
67 | }
68 | .ti-shopping-cart-full:before {
69 | content: "\e60e";
70 | }
71 | .ti-settings:before {
72 | content: "\e60f";
73 | }
74 | .ti-search:before {
75 | content: "\e610";
76 | }
77 | .ti-zoom-in:before {
78 | content: "\e611";
79 | }
80 | .ti-zoom-out:before {
81 | content: "\e612";
82 | }
83 | .ti-cut:before {
84 | content: "\e613";
85 | }
86 | .ti-ruler:before {
87 | content: "\e614";
88 | }
89 | .ti-ruler-pencil:before {
90 | content: "\e615";
91 | }
92 | .ti-ruler-alt:before {
93 | content: "\e616";
94 | }
95 | .ti-bookmark:before {
96 | content: "\e617";
97 | }
98 | .ti-bookmark-alt:before {
99 | content: "\e618";
100 | }
101 | .ti-reload:before {
102 | content: "\e619";
103 | }
104 | .ti-plus:before {
105 | content: "\e61a";
106 | }
107 | .ti-pin:before {
108 | content: "\e61b";
109 | }
110 | .ti-pencil:before {
111 | content: "\e61c";
112 | }
113 | .ti-pencil-alt:before {
114 | content: "\e61d";
115 | }
116 | .ti-paint-roller:before {
117 | content: "\e61e";
118 | }
119 | .ti-paint-bucket:before {
120 | content: "\e61f";
121 | }
122 | .ti-na:before {
123 | content: "\e620";
124 | }
125 | .ti-mobile:before {
126 | content: "\e621";
127 | }
128 | .ti-minus:before {
129 | content: "\e622";
130 | }
131 | .ti-medall:before {
132 | content: "\e623";
133 | }
134 | .ti-medall-alt:before {
135 | content: "\e624";
136 | }
137 | .ti-marker:before {
138 | content: "\e625";
139 | }
140 | .ti-marker-alt:before {
141 | content: "\e626";
142 | }
143 | .ti-arrow-up:before {
144 | content: "\e627";
145 | }
146 | .ti-arrow-right:before {
147 | content: "\e628";
148 | }
149 | .ti-arrow-left:before {
150 | content: "\e629";
151 | }
152 | .ti-arrow-down:before {
153 | content: "\e62a";
154 | }
155 | .ti-lock:before {
156 | content: "\e62b";
157 | }
158 | .ti-location-arrow:before {
159 | content: "\e62c";
160 | }
161 | .ti-link:before {
162 | content: "\e62d";
163 | }
164 | .ti-layout:before {
165 | content: "\e62e";
166 | }
167 | .ti-layers:before {
168 | content: "\e62f";
169 | }
170 | .ti-layers-alt:before {
171 | content: "\e630";
172 | }
173 | .ti-key:before {
174 | content: "\e631";
175 | }
176 | .ti-import:before {
177 | content: "\e632";
178 | }
179 | .ti-image:before {
180 | content: "\e633";
181 | }
182 | .ti-heart:before {
183 | content: "\e634";
184 | }
185 | .ti-heart-broken:before {
186 | content: "\e635";
187 | }
188 | .ti-hand-stop:before {
189 | content: "\e636";
190 | }
191 | .ti-hand-open:before {
192 | content: "\e637";
193 | }
194 | .ti-hand-drag:before {
195 | content: "\e638";
196 | }
197 | .ti-folder:before {
198 | content: "\e639";
199 | }
200 | .ti-flag:before {
201 | content: "\e63a";
202 | }
203 | .ti-flag-alt:before {
204 | content: "\e63b";
205 | }
206 | .ti-flag-alt-2:before {
207 | content: "\e63c";
208 | }
209 | .ti-eye:before {
210 | content: "\e63d";
211 | }
212 | .ti-export:before {
213 | content: "\e63e";
214 | }
215 | .ti-exchange-vertical:before {
216 | content: "\e63f";
217 | }
218 | .ti-desktop:before {
219 | content: "\e640";
220 | }
221 | .ti-cup:before {
222 | content: "\e641";
223 | }
224 | .ti-crown:before {
225 | content: "\e642";
226 | }
227 | .ti-comments:before {
228 | content: "\e643";
229 | }
230 | .ti-comment:before {
231 | content: "\e644";
232 | }
233 | .ti-comment-alt:before {
234 | content: "\e645";
235 | }
236 | .ti-close:before {
237 | content: "\e646";
238 | }
239 | .ti-clip:before {
240 | content: "\e647";
241 | }
242 | .ti-angle-up:before {
243 | content: "\e648";
244 | }
245 | .ti-angle-right:before {
246 | content: "\e649";
247 | }
248 | .ti-angle-left:before {
249 | content: "\e64a";
250 | }
251 | .ti-angle-down:before {
252 | content: "\e64b";
253 | }
254 | .ti-check:before {
255 | content: "\e64c";
256 | }
257 | .ti-check-box:before {
258 | content: "\e64d";
259 | }
260 | .ti-camera:before {
261 | content: "\e64e";
262 | }
263 | .ti-announcement:before {
264 | content: "\e64f";
265 | }
266 | .ti-brush:before {
267 | content: "\e650";
268 | }
269 | .ti-briefcase:before {
270 | content: "\e651";
271 | }
272 | .ti-bolt:before {
273 | content: "\e652";
274 | }
275 | .ti-bolt-alt:before {
276 | content: "\e653";
277 | }
278 | .ti-blackboard:before {
279 | content: "\e654";
280 | }
281 | .ti-bag:before {
282 | content: "\e655";
283 | }
284 | .ti-move:before {
285 | content: "\e656";
286 | }
287 | .ti-arrows-vertical:before {
288 | content: "\e657";
289 | }
290 | .ti-arrows-horizontal:before {
291 | content: "\e658";
292 | }
293 | .ti-fullscreen:before {
294 | content: "\e659";
295 | }
296 | .ti-arrow-top-right:before {
297 | content: "\e65a";
298 | }
299 | .ti-arrow-top-left:before {
300 | content: "\e65b";
301 | }
302 | .ti-arrow-circle-up:before {
303 | content: "\e65c";
304 | }
305 | .ti-arrow-circle-right:before {
306 | content: "\e65d";
307 | }
308 | .ti-arrow-circle-left:before {
309 | content: "\e65e";
310 | }
311 | .ti-arrow-circle-down:before {
312 | content: "\e65f";
313 | }
314 | .ti-angle-double-up:before {
315 | content: "\e660";
316 | }
317 | .ti-angle-double-right:before {
318 | content: "\e661";
319 | }
320 | .ti-angle-double-left:before {
321 | content: "\e662";
322 | }
323 | .ti-angle-double-down:before {
324 | content: "\e663";
325 | }
326 | .ti-zip:before {
327 | content: "\e664";
328 | }
329 | .ti-world:before {
330 | content: "\e665";
331 | }
332 | .ti-wheelchair:before {
333 | content: "\e666";
334 | }
335 | .ti-view-list:before {
336 | content: "\e667";
337 | }
338 | .ti-view-list-alt:before {
339 | content: "\e668";
340 | }
341 | .ti-view-grid:before {
342 | content: "\e669";
343 | }
344 | .ti-uppercase:before {
345 | content: "\e66a";
346 | }
347 | .ti-upload:before {
348 | content: "\e66b";
349 | }
350 | .ti-underline:before {
351 | content: "\e66c";
352 | }
353 | .ti-truck:before {
354 | content: "\e66d";
355 | }
356 | .ti-timer:before {
357 | content: "\e66e";
358 | }
359 | .ti-ticket:before {
360 | content: "\e66f";
361 | }
362 | .ti-thumb-up:before {
363 | content: "\e670";
364 | }
365 | .ti-thumb-down:before {
366 | content: "\e671";
367 | }
368 | .ti-text:before {
369 | content: "\e672";
370 | }
371 | .ti-stats-up:before {
372 | content: "\e673";
373 | }
374 | .ti-stats-down:before {
375 | content: "\e674";
376 | }
377 | .ti-split-v:before {
378 | content: "\e675";
379 | }
380 | .ti-split-h:before {
381 | content: "\e676";
382 | }
383 | .ti-smallcap:before {
384 | content: "\e677";
385 | }
386 | .ti-shine:before {
387 | content: "\e678";
388 | }
389 | .ti-shift-right:before {
390 | content: "\e679";
391 | }
392 | .ti-shift-left:before {
393 | content: "\e67a";
394 | }
395 | .ti-shield:before {
396 | content: "\e67b";
397 | }
398 | .ti-notepad:before {
399 | content: "\e67c";
400 | }
401 | .ti-server:before {
402 | content: "\e67d";
403 | }
404 | .ti-quote-right:before {
405 | content: "\e67e";
406 | }
407 | .ti-quote-left:before {
408 | content: "\e67f";
409 | }
410 | .ti-pulse:before {
411 | content: "\e680";
412 | }
413 | .ti-printer:before {
414 | content: "\e681";
415 | }
416 | .ti-power-off:before {
417 | content: "\e682";
418 | }
419 | .ti-plug:before {
420 | content: "\e683";
421 | }
422 | .ti-pie-chart:before {
423 | content: "\e684";
424 | }
425 | .ti-paragraph:before {
426 | content: "\e685";
427 | }
428 | .ti-panel:before {
429 | content: "\e686";
430 | }
431 | .ti-package:before {
432 | content: "\e687";
433 | }
434 | .ti-music:before {
435 | content: "\e688";
436 | }
437 | .ti-music-alt:before {
438 | content: "\e689";
439 | }
440 | .ti-mouse:before {
441 | content: "\e68a";
442 | }
443 | .ti-mouse-alt:before {
444 | content: "\e68b";
445 | }
446 | .ti-money:before {
447 | content: "\e68c";
448 | }
449 | .ti-microphone:before {
450 | content: "\e68d";
451 | }
452 | .ti-menu:before {
453 | content: "\e68e";
454 | }
455 | .ti-menu-alt:before {
456 | content: "\e68f";
457 | }
458 | .ti-map:before {
459 | content: "\e690";
460 | }
461 | .ti-map-alt:before {
462 | content: "\e691";
463 | }
464 | .ti-loop:before {
465 | content: "\e692";
466 | }
467 | .ti-location-pin:before {
468 | content: "\e693";
469 | }
470 | .ti-list:before {
471 | content: "\e694";
472 | }
473 | .ti-light-bulb:before {
474 | content: "\e695";
475 | }
476 | .ti-Italic:before {
477 | content: "\e696";
478 | }
479 | .ti-info:before {
480 | content: "\e697";
481 | }
482 | .ti-infinite:before {
483 | content: "\e698";
484 | }
485 | .ti-id-badge:before {
486 | content: "\e699";
487 | }
488 | .ti-hummer:before {
489 | content: "\e69a";
490 | }
491 | .ti-home:before {
492 | content: "\e69b";
493 | }
494 | .ti-help:before {
495 | content: "\e69c";
496 | }
497 | .ti-headphone:before {
498 | content: "\e69d";
499 | }
500 | .ti-harddrives:before {
501 | content: "\e69e";
502 | }
503 | .ti-harddrive:before {
504 | content: "\e69f";
505 | }
506 | .ti-gift:before {
507 | content: "\e6a0";
508 | }
509 | .ti-game:before {
510 | content: "\e6a1";
511 | }
512 | .ti-filter:before {
513 | content: "\e6a2";
514 | }
515 | .ti-files:before {
516 | content: "\e6a3";
517 | }
518 | .ti-file:before {
519 | content: "\e6a4";
520 | }
521 | .ti-eraser:before {
522 | content: "\e6a5";
523 | }
524 | .ti-envelope:before {
525 | content: "\e6a6";
526 | }
527 | .ti-download:before {
528 | content: "\e6a7";
529 | }
530 | .ti-direction:before {
531 | content: "\e6a8";
532 | }
533 | .ti-direction-alt:before {
534 | content: "\e6a9";
535 | }
536 | .ti-dashboard:before {
537 | content: "\e6aa";
538 | }
539 | .ti-control-stop:before {
540 | content: "\e6ab";
541 | }
542 | .ti-control-shuffle:before {
543 | content: "\e6ac";
544 | }
545 | .ti-control-play:before {
546 | content: "\e6ad";
547 | }
548 | .ti-control-pause:before {
549 | content: "\e6ae";
550 | }
551 | .ti-control-forward:before {
552 | content: "\e6af";
553 | }
554 | .ti-control-backward:before {
555 | content: "\e6b0";
556 | }
557 | .ti-cloud:before {
558 | content: "\e6b1";
559 | }
560 | .ti-cloud-up:before {
561 | content: "\e6b2";
562 | }
563 | .ti-cloud-down:before {
564 | content: "\e6b3";
565 | }
566 | .ti-clipboard:before {
567 | content: "\e6b4";
568 | }
569 | .ti-car:before {
570 | content: "\e6b5";
571 | }
572 | .ti-calendar:before {
573 | content: "\e6b6";
574 | }
575 | .ti-book:before {
576 | content: "\e6b7";
577 | }
578 | .ti-bell:before {
579 | content: "\e6b8";
580 | }
581 | .ti-basketball:before {
582 | content: "\e6b9";
583 | }
584 | .ti-bar-chart:before {
585 | content: "\e6ba";
586 | }
587 | .ti-bar-chart-alt:before {
588 | content: "\e6bb";
589 | }
590 | .ti-back-right:before {
591 | content: "\e6bc";
592 | }
593 | .ti-back-left:before {
594 | content: "\e6bd";
595 | }
596 | .ti-arrows-corner:before {
597 | content: "\e6be";
598 | }
599 | .ti-archive:before {
600 | content: "\e6bf";
601 | }
602 | .ti-anchor:before {
603 | content: "\e6c0";
604 | }
605 | .ti-align-right:before {
606 | content: "\e6c1";
607 | }
608 | .ti-align-left:before {
609 | content: "\e6c2";
610 | }
611 | .ti-align-justify:before {
612 | content: "\e6c3";
613 | }
614 | .ti-align-center:before {
615 | content: "\e6c4";
616 | }
617 | .ti-alert:before {
618 | content: "\e6c5";
619 | }
620 | .ti-alarm-clock:before {
621 | content: "\e6c6";
622 | }
623 | .ti-agenda:before {
624 | content: "\e6c7";
625 | }
626 | .ti-write:before {
627 | content: "\e6c8";
628 | }
629 | .ti-window:before {
630 | content: "\e6c9";
631 | }
632 | .ti-widgetized:before {
633 | content: "\e6ca";
634 | }
635 | .ti-widget:before {
636 | content: "\e6cb";
637 | }
638 | .ti-widget-alt:before {
639 | content: "\e6cc";
640 | }
641 | .ti-wallet:before {
642 | content: "\e6cd";
643 | }
644 | .ti-video-clapper:before {
645 | content: "\e6ce";
646 | }
647 | .ti-video-camera:before {
648 | content: "\e6cf";
649 | }
650 | .ti-vector:before {
651 | content: "\e6d0";
652 | }
653 | .ti-themify-logo:before {
654 | content: "\e6d1";
655 | }
656 | .ti-themify-favicon:before {
657 | content: "\e6d2";
658 | }
659 | .ti-themify-favicon-alt:before {
660 | content: "\e6d3";
661 | }
662 | .ti-support:before {
663 | content: "\e6d4";
664 | }
665 | .ti-stamp:before {
666 | content: "\e6d5";
667 | }
668 | .ti-split-v-alt:before {
669 | content: "\e6d6";
670 | }
671 | .ti-slice:before {
672 | content: "\e6d7";
673 | }
674 | .ti-shortcode:before {
675 | content: "\e6d8";
676 | }
677 | .ti-shift-right-alt:before {
678 | content: "\e6d9";
679 | }
680 | .ti-shift-left-alt:before {
681 | content: "\e6da";
682 | }
683 | .ti-ruler-alt-2:before {
684 | content: "\e6db";
685 | }
686 | .ti-receipt:before {
687 | content: "\e6dc";
688 | }
689 | .ti-pin2:before {
690 | content: "\e6dd";
691 | }
692 | .ti-pin-alt:before {
693 | content: "\e6de";
694 | }
695 | .ti-pencil-alt2:before {
696 | content: "\e6df";
697 | }
698 | .ti-palette:before {
699 | content: "\e6e0";
700 | }
701 | .ti-more:before {
702 | content: "\e6e1";
703 | }
704 | .ti-more-alt:before {
705 | content: "\e6e2";
706 | }
707 | .ti-microphone-alt:before {
708 | content: "\e6e3";
709 | }
710 | .ti-magnet:before {
711 | content: "\e6e4";
712 | }
713 | .ti-line-double:before {
714 | content: "\e6e5";
715 | }
716 | .ti-line-dotted:before {
717 | content: "\e6e6";
718 | }
719 | .ti-line-dashed:before {
720 | content: "\e6e7";
721 | }
722 | .ti-layout-width-full:before {
723 | content: "\e6e8";
724 | }
725 | .ti-layout-width-default:before {
726 | content: "\e6e9";
727 | }
728 | .ti-layout-width-default-alt:before {
729 | content: "\e6ea";
730 | }
731 | .ti-layout-tab:before {
732 | content: "\e6eb";
733 | }
734 | .ti-layout-tab-window:before {
735 | content: "\e6ec";
736 | }
737 | .ti-layout-tab-v:before {
738 | content: "\e6ed";
739 | }
740 | .ti-layout-tab-min:before {
741 | content: "\e6ee";
742 | }
743 | .ti-layout-slider:before {
744 | content: "\e6ef";
745 | }
746 | .ti-layout-slider-alt:before {
747 | content: "\e6f0";
748 | }
749 | .ti-layout-sidebar-right:before {
750 | content: "\e6f1";
751 | }
752 | .ti-layout-sidebar-none:before {
753 | content: "\e6f2";
754 | }
755 | .ti-layout-sidebar-left:before {
756 | content: "\e6f3";
757 | }
758 | .ti-layout-placeholder:before {
759 | content: "\e6f4";
760 | }
761 | .ti-layout-menu:before {
762 | content: "\e6f5";
763 | }
764 | .ti-layout-menu-v:before {
765 | content: "\e6f6";
766 | }
767 | .ti-layout-menu-separated:before {
768 | content: "\e6f7";
769 | }
770 | .ti-layout-menu-full:before {
771 | content: "\e6f8";
772 | }
773 | .ti-layout-media-right-alt:before {
774 | content: "\e6f9";
775 | }
776 | .ti-layout-media-right:before {
777 | content: "\e6fa";
778 | }
779 | .ti-layout-media-overlay:before {
780 | content: "\e6fb";
781 | }
782 | .ti-layout-media-overlay-alt:before {
783 | content: "\e6fc";
784 | }
785 | .ti-layout-media-overlay-alt-2:before {
786 | content: "\e6fd";
787 | }
788 | .ti-layout-media-left-alt:before {
789 | content: "\e6fe";
790 | }
791 | .ti-layout-media-left:before {
792 | content: "\e6ff";
793 | }
794 | .ti-layout-media-center-alt:before {
795 | content: "\e700";
796 | }
797 | .ti-layout-media-center:before {
798 | content: "\e701";
799 | }
800 | .ti-layout-list-thumb:before {
801 | content: "\e702";
802 | }
803 | .ti-layout-list-thumb-alt:before {
804 | content: "\e703";
805 | }
806 | .ti-layout-list-post:before {
807 | content: "\e704";
808 | }
809 | .ti-layout-list-large-image:before {
810 | content: "\e705";
811 | }
812 | .ti-layout-line-solid:before {
813 | content: "\e706";
814 | }
815 | .ti-layout-grid4:before {
816 | content: "\e707";
817 | }
818 | .ti-layout-grid3:before {
819 | content: "\e708";
820 | }
821 | .ti-layout-grid2:before {
822 | content: "\e709";
823 | }
824 | .ti-layout-grid2-thumb:before {
825 | content: "\e70a";
826 | }
827 | .ti-layout-cta-right:before {
828 | content: "\e70b";
829 | }
830 | .ti-layout-cta-left:before {
831 | content: "\e70c";
832 | }
833 | .ti-layout-cta-center:before {
834 | content: "\e70d";
835 | }
836 | .ti-layout-cta-btn-right:before {
837 | content: "\e70e";
838 | }
839 | .ti-layout-cta-btn-left:before {
840 | content: "\e70f";
841 | }
842 | .ti-layout-column4:before {
843 | content: "\e710";
844 | }
845 | .ti-layout-column3:before {
846 | content: "\e711";
847 | }
848 | .ti-layout-column2:before {
849 | content: "\e712";
850 | }
851 | .ti-layout-accordion-separated:before {
852 | content: "\e713";
853 | }
854 | .ti-layout-accordion-merged:before {
855 | content: "\e714";
856 | }
857 | .ti-layout-accordion-list:before {
858 | content: "\e715";
859 | }
860 | .ti-ink-pen:before {
861 | content: "\e716";
862 | }
863 | .ti-info-alt:before {
864 | content: "\e717";
865 | }
866 | .ti-help-alt:before {
867 | content: "\e718";
868 | }
869 | .ti-headphone-alt:before {
870 | content: "\e719";
871 | }
872 | .ti-hand-point-up:before {
873 | content: "\e71a";
874 | }
875 | .ti-hand-point-right:before {
876 | content: "\e71b";
877 | }
878 | .ti-hand-point-left:before {
879 | content: "\e71c";
880 | }
881 | .ti-hand-point-down:before {
882 | content: "\e71d";
883 | }
884 | .ti-gallery:before {
885 | content: "\e71e";
886 | }
887 | .ti-face-smile:before {
888 | content: "\e71f";
889 | }
890 | .ti-face-sad:before {
891 | content: "\e720";
892 | }
893 | .ti-credit-card:before {
894 | content: "\e721";
895 | }
896 | .ti-control-skip-forward:before {
897 | content: "\e722";
898 | }
899 | .ti-control-skip-backward:before {
900 | content: "\e723";
901 | }
902 | .ti-control-record:before {
903 | content: "\e724";
904 | }
905 | .ti-control-eject:before {
906 | content: "\e725";
907 | }
908 | .ti-comments-smiley:before {
909 | content: "\e726";
910 | }
911 | .ti-brush-alt:before {
912 | content: "\e727";
913 | }
914 | .ti-youtube:before {
915 | content: "\e728";
916 | }
917 | .ti-vimeo:before {
918 | content: "\e729";
919 | }
920 | .ti-twitter:before {
921 | content: "\e72a";
922 | }
923 | .ti-time:before {
924 | content: "\e72b";
925 | }
926 | .ti-tumblr:before {
927 | content: "\e72c";
928 | }
929 | .ti-skype:before {
930 | content: "\e72d";
931 | }
932 | .ti-share:before {
933 | content: "\e72e";
934 | }
935 | .ti-share-alt:before {
936 | content: "\e72f";
937 | }
938 | .ti-rocket:before {
939 | content: "\e730";
940 | }
941 | .ti-pinterest:before {
942 | content: "\e731";
943 | }
944 | .ti-new-window:before {
945 | content: "\e732";
946 | }
947 | .ti-microsoft:before {
948 | content: "\e733";
949 | }
950 | .ti-list-ol:before {
951 | content: "\e734";
952 | }
953 | .ti-linkedin:before {
954 | content: "\e735";
955 | }
956 | .ti-layout-sidebar-2:before {
957 | content: "\e736";
958 | }
959 | .ti-layout-grid4-alt:before {
960 | content: "\e737";
961 | }
962 | .ti-layout-grid3-alt:before {
963 | content: "\e738";
964 | }
965 | .ti-layout-grid2-alt:before {
966 | content: "\e739";
967 | }
968 | .ti-layout-column4-alt:before {
969 | content: "\e73a";
970 | }
971 | .ti-layout-column3-alt:before {
972 | content: "\e73b";
973 | }
974 | .ti-layout-column2-alt:before {
975 | content: "\e73c";
976 | }
977 | .ti-instagram:before {
978 | content: "\e73d";
979 | }
980 | .ti-google:before {
981 | content: "\e73e";
982 | }
983 | .ti-github:before {
984 | content: "\e73f";
985 | }
986 | .ti-flickr:before {
987 | content: "\e740";
988 | }
989 | .ti-facebook:before {
990 | content: "\e741";
991 | }
992 | .ti-dropbox:before {
993 | content: "\e742";
994 | }
995 | .ti-dribbble:before {
996 | content: "\e743";
997 | }
998 | .ti-apple:before {
999 | content: "\e744";
1000 | }
1001 | .ti-android:before {
1002 | content: "\e745";
1003 | }
1004 | .ti-save:before {
1005 | content: "\e746";
1006 | }
1007 | .ti-save-alt:before {
1008 | content: "\e747";
1009 | }
1010 | .ti-yahoo:before {
1011 | content: "\e748";
1012 | }
1013 | .ti-wordpress:before {
1014 | content: "\e749";
1015 | }
1016 | .ti-vimeo-alt:before {
1017 | content: "\e74a";
1018 | }
1019 | .ti-twitter-alt:before {
1020 | content: "\e74b";
1021 | }
1022 | .ti-tumblr-alt:before {
1023 | content: "\e74c";
1024 | }
1025 | .ti-trello:before {
1026 | content: "\e74d";
1027 | }
1028 | .ti-stack-overflow:before {
1029 | content: "\e74e";
1030 | }
1031 | .ti-soundcloud:before {
1032 | content: "\e74f";
1033 | }
1034 | .ti-sharethis:before {
1035 | content: "\e750";
1036 | }
1037 | .ti-sharethis-alt:before {
1038 | content: "\e751";
1039 | }
1040 | .ti-reddit:before {
1041 | content: "\e752";
1042 | }
1043 | .ti-pinterest-alt:before {
1044 | content: "\e753";
1045 | }
1046 | .ti-microsoft-alt:before {
1047 | content: "\e754";
1048 | }
1049 | .ti-linux:before {
1050 | content: "\e755";
1051 | }
1052 | .ti-jsfiddle:before {
1053 | content: "\e756";
1054 | }
1055 | .ti-joomla:before {
1056 | content: "\e757";
1057 | }
1058 | .ti-html5:before {
1059 | content: "\e758";
1060 | }
1061 | .ti-flickr-alt:before {
1062 | content: "\e759";
1063 | }
1064 | .ti-email:before {
1065 | content: "\e75a";
1066 | }
1067 | .ti-drupal:before {
1068 | content: "\e75b";
1069 | }
1070 | .ti-dropbox-alt:before {
1071 | content: "\e75c";
1072 | }
1073 | .ti-css3:before {
1074 | content: "\e75d";
1075 | }
1076 | .ti-rss:before {
1077 | content: "\e75e";
1078 | }
1079 | .ti-rss-alt:before {
1080 | content: "\e75f";
1081 | }
--------------------------------------------------------------------------------
/src/static/css/icomoon.css:
--------------------------------------------------------------------------------
1 | @font-face {
2 | font-family: 'icomoon';
3 | src: url('../fonts/icomoon/icomoon.eot?6iuir');
4 | src: url('../fonts/icomoon/icomoon.eot?6iuir#iefix') format('embedded-opentype'),
5 | url('../fonts/icomoon/icomoon.ttf?6iuir') format('truetype'),
6 | url('../fonts/icomoon/icomoon.woff?6iuir') format('woff'),
7 | url('../fonts/icomoon/icomoon.svg?6iuir#icomoon') format('svg');
8 | font-weight: normal;
9 | font-style: normal;
10 | }
11 |
12 | [class^="icon-"], [class*=" icon-"] {
13 | /* use !important to prevent issues with browser extensions that change fonts */
14 | font-family: 'icomoon' !important;
15 | speak: none;
16 | font-style: normal;
17 | font-weight: normal;
18 | font-variant: normal;
19 | text-transform: none;
20 | line-height: 1;
21 |
22 | /* Better Font Rendering =========== */
23 | -webkit-font-smoothing: antialiased;
24 | -moz-osx-font-smoothing: grayscale;
25 | }
26 |
27 | .icon-eye:before {
28 | content: "\e000";
29 | }
30 | .icon-paper-clip:before {
31 | content: "\e001";
32 | }
33 | .icon-mail:before {
34 | content: "\e002";
35 | }
36 | .icon-toggle:before {
37 | content: "\e003";
38 | }
39 | .icon-layout:before {
40 | content: "\e004";
41 | }
42 | .icon-link:before {
43 | content: "\e005";
44 | }
45 | .icon-bell:before {
46 | content: "\e006";
47 | }
48 | .icon-lock:before {
49 | content: "\e007";
50 | }
51 | .icon-unlock:before {
52 | content: "\e008";
53 | }
54 | .icon-ribbon:before {
55 | content: "\e009";
56 | }
57 | .icon-image:before {
58 | content: "\e010";
59 | }
60 | .icon-signal:before {
61 | content: "\e011";
62 | }
63 | .icon-target:before {
64 | content: "\e012";
65 | }
66 | .icon-clipboard:before {
67 | content: "\e013";
68 | }
69 | .icon-clock:before {
70 | content: "\e014";
71 | }
72 | .icon-watch:before {
73 | content: "\e015";
74 | }
75 | .icon-air-play:before {
76 | content: "\e016";
77 | }
78 | .icon-camera:before {
79 | content: "\e017";
80 | }
81 | .icon-video:before {
82 | content: "\e018";
83 | }
84 | .icon-disc:before {
85 | content: "\e019";
86 | }
87 | .icon-printer:before {
88 | content: "\e020";
89 | }
90 | .icon-monitor:before {
91 | content: "\e021";
92 | }
93 | .icon-server:before {
94 | content: "\e022";
95 | }
96 | .icon-cog:before {
97 | content: "\e023";
98 | }
99 | .icon-heart:before {
100 | content: "\e024";
101 | }
102 | .icon-paragraph:before {
103 | content: "\e025";
104 | }
105 | .icon-align-justify:before {
106 | content: "\e026";
107 | }
108 | .icon-align-left:before {
109 | content: "\e027";
110 | }
111 | .icon-align-center:before {
112 | content: "\e028";
113 | }
114 | .icon-align-right:before {
115 | content: "\e029";
116 | }
117 | .icon-book:before {
118 | content: "\e030";
119 | }
120 | .icon-layers:before {
121 | content: "\e031";
122 | }
123 | .icon-stack:before {
124 | content: "\e032";
125 | }
126 | .icon-stack-2:before {
127 | content: "\e033";
128 | }
129 | .icon-paper:before {
130 | content: "\e034";
131 | }
132 | .icon-paper-stack:before {
133 | content: "\e035";
134 | }
135 | .icon-search:before {
136 | content: "\e036";
137 | }
138 | .icon-zoom-in:before {
139 | content: "\e037";
140 | }
141 | .icon-zoom-out:before {
142 | content: "\e038";
143 | }
144 | .icon-reply:before {
145 | content: "\e039";
146 | }
147 | .icon-circle-plus:before {
148 | content: "\e040";
149 | }
150 | .icon-circle-minus:before {
151 | content: "\e041";
152 | }
153 | .icon-circle-check:before {
154 | content: "\e042";
155 | }
156 | .icon-circle-cross:before {
157 | content: "\e043";
158 | }
159 | .icon-square-plus:before {
160 | content: "\e044";
161 | }
162 | .icon-square-minus:before {
163 | content: "\e045";
164 | }
165 | .icon-square-check:before {
166 | content: "\e046";
167 | }
168 | .icon-square-cross:before {
169 | content: "\e047";
170 | }
171 | .icon-microphone:before {
172 | content: "\e048";
173 | }
174 | .icon-record:before {
175 | content: "\e049";
176 | }
177 | .icon-skip-back:before {
178 | content: "\e050";
179 | }
180 | .icon-rewind:before {
181 | content: "\e051";
182 | }
183 | .icon-play:before {
184 | content: "\e052";
185 | }
186 | .icon-pause:before {
187 | content: "\e053";
188 | }
189 | .icon-stop:before {
190 | content: "\e054";
191 | }
192 | .icon-fast-forward:before {
193 | content: "\e055";
194 | }
195 | .icon-skip-forward:before {
196 | content: "\e056";
197 | }
198 | .icon-shuffle:before {
199 | content: "\e057";
200 | }
201 | .icon-repeat:before {
202 | content: "\e058";
203 | }
204 | .icon-folder:before {
205 | content: "\e059";
206 | }
207 | .icon-umbrella:before {
208 | content: "\e060";
209 | }
210 | .icon-moon:before {
211 | content: "\e061";
212 | }
213 | .icon-thermometer:before {
214 | content: "\e062";
215 | }
216 | .icon-drop:before {
217 | content: "\e063";
218 | }
219 | .icon-sun:before {
220 | content: "\e064";
221 | }
222 | .icon-cloud:before {
223 | content: "\e065";
224 | }
225 | .icon-cloud-upload:before {
226 | content: "\e066";
227 | }
228 | .icon-cloud-download:before {
229 | content: "\e067";
230 | }
231 | .icon-upload:before {
232 | content: "\e068";
233 | }
234 | .icon-download:before {
235 | content: "\e069";
236 | }
237 | .icon-location:before {
238 | content: "\e070";
239 | }
240 | .icon-location-2:before {
241 | content: "\e071";
242 | }
243 | .icon-map:before {
244 | content: "\e072";
245 | }
246 | .icon-battery:before {
247 | content: "\e073";
248 | }
249 | .icon-head:before {
250 | content: "\e074";
251 | }
252 | .icon-briefcase:before {
253 | content: "\e075";
254 | }
255 | .icon-speech-bubble:before {
256 | content: "\e076";
257 | }
258 | .icon-anchor:before {
259 | content: "\e077";
260 | }
261 | .icon-globe:before {
262 | content: "\e078";
263 | }
264 | .icon-box:before {
265 | content: "\e079";
266 | }
267 | .icon-reload:before {
268 | content: "\e080";
269 | }
270 | .icon-share:before {
271 | content: "\e081";
272 | }
273 | .icon-marquee:before {
274 | content: "\e082";
275 | }
276 | .icon-marquee-plus:before {
277 | content: "\e083";
278 | }
279 | .icon-marquee-minus:before {
280 | content: "\e084";
281 | }
282 | .icon-tag:before {
283 | content: "\e085";
284 | }
285 | .icon-power:before {
286 | content: "\e086";
287 | }
288 | .icon-command:before {
289 | content: "\e087";
290 | }
291 | .icon-alt:before {
292 | content: "\e088";
293 | }
294 | .icon-esc:before {
295 | content: "\e089";
296 | }
297 | .icon-bar-graph:before {
298 | content: "\e090";
299 | }
300 | .icon-bar-graph-2:before {
301 | content: "\e091";
302 | }
303 | .icon-pie-graph:before {
304 | content: "\e092";
305 | }
306 | .icon-star:before {
307 | content: "\e093";
308 | }
309 | .icon-arrow-left:before {
310 | content: "\e094";
311 | }
312 | .icon-arrow-right:before {
313 | content: "\e095";
314 | }
315 | .icon-arrow-up:before {
316 | content: "\e096";
317 | }
318 | .icon-arrow-down:before {
319 | content: "\e097";
320 | }
321 | .icon-volume:before {
322 | content: "\e098";
323 | }
324 | .icon-mute:before {
325 | content: "\e099";
326 | }
327 | .icon-content-right:before {
328 | content: "\e100";
329 | }
330 | .icon-content-left:before {
331 | content: "\e101";
332 | }
333 | .icon-grid:before {
334 | content: "\e102";
335 | }
336 | .icon-grid-2:before {
337 | content: "\e103";
338 | }
339 | .icon-columns:before {
340 | content: "\e104";
341 | }
342 | .icon-loader:before {
343 | content: "\e105";
344 | }
345 | .icon-bag:before {
346 | content: "\e106";
347 | }
348 | .icon-ban:before {
349 | content: "\e107";
350 | }
351 | .icon-flag:before {
352 | content: "\e108";
353 | }
354 | .icon-trash:before {
355 | content: "\e109";
356 | }
357 | .icon-expand:before {
358 | content: "\e110";
359 | }
360 | .icon-contract:before {
361 | content: "\e111";
362 | }
363 | .icon-maximize:before {
364 | content: "\e112";
365 | }
366 | .icon-minimize:before {
367 | content: "\e113";
368 | }
369 | .icon-plus:before {
370 | content: "\e114";
371 | }
372 | .icon-minus:before {
373 | content: "\e115";
374 | }
375 | .icon-check:before {
376 | content: "\e116";
377 | }
378 | .icon-cross:before {
379 | content: "\e117";
380 | }
381 | .icon-move:before {
382 | content: "\e118";
383 | }
384 | .icon-delete:before {
385 | content: "\e119";
386 | }
387 | .icon-menu:before {
388 | content: "\e120";
389 | }
390 | .icon-archive:before {
391 | content: "\e121";
392 | }
393 | .icon-inbox:before {
394 | content: "\e122";
395 | }
396 | .icon-outbox:before {
397 | content: "\e123";
398 | }
399 | .icon-file:before {
400 | content: "\e124";
401 | }
402 | .icon-file-add:before {
403 | content: "\e125";
404 | }
405 | .icon-file-subtract:before {
406 | content: "\e126";
407 | }
408 | .icon-help:before {
409 | content: "\e127";
410 | }
411 | .icon-open:before {
412 | content: "\e128";
413 | }
414 | .icon-ellipsis:before {
415 | content: "\e129";
416 | }
417 | .icon-add-to-list:before {
418 | content: "\e900";
419 | }
420 | .icon-classic-computer:before {
421 | content: "\e901";
422 | }
423 | .icon-controller-fast-backward:before {
424 | content: "\e902";
425 | }
426 | .icon-creative-commons-attribution:before {
427 | content: "\e903";
428 | }
429 | .icon-creative-commons-noderivs:before {
430 | content: "\e904";
431 | }
432 | .icon-creative-commons-noncommercial-eu:before {
433 | content: "\e905";
434 | }
435 | .icon-creative-commons-noncommercial-us:before {
436 | content: "\e906";
437 | }
438 | .icon-creative-commons-public-domain:before {
439 | content: "\e907";
440 | }
441 | .icon-creative-commons-remix:before {
442 | content: "\e908";
443 | }
444 | .icon-creative-commons-share:before {
445 | content: "\e909";
446 | }
447 | .icon-creative-commons-sharealike:before {
448 | content: "\e90a";
449 | }
450 | .icon-creative-commons:before {
451 | content: "\e90b";
452 | }
453 | .icon-document-landscape:before {
454 | content: "\e90c";
455 | }
456 | .icon-remove-user:before {
457 | content: "\e90d";
458 | }
459 | .icon-warning:before {
460 | content: "\e90e";
461 | }
462 | .icon-arrow-bold-down:before {
463 | content: "\e90f";
464 | }
465 | .icon-arrow-bold-left:before {
466 | content: "\e910";
467 | }
468 | .icon-arrow-bold-right:before {
469 | content: "\e911";
470 | }
471 | .icon-arrow-bold-up:before {
472 | content: "\e912";
473 | }
474 | .icon-arrow-down2:before {
475 | content: "\e913";
476 | }
477 | .icon-arrow-left2:before {
478 | content: "\e914";
479 | }
480 | .icon-arrow-long-down:before {
481 | content: "\e915";
482 | }
483 | .icon-arrow-long-left:before {
484 | content: "\e916";
485 | }
486 | .icon-arrow-long-right:before {
487 | content: "\e917";
488 | }
489 | .icon-arrow-long-up:before {
490 | content: "\e918";
491 | }
492 | .icon-arrow-right2:before {
493 | content: "\e919";
494 | }
495 | .icon-arrow-up2:before {
496 | content: "\e91a";
497 | }
498 | .icon-arrow-with-circle-down:before {
499 | content: "\e91b";
500 | }
501 | .icon-arrow-with-circle-left:before {
502 | content: "\e91c";
503 | }
504 | .icon-arrow-with-circle-right:before {
505 | content: "\e91d";
506 | }
507 | .icon-arrow-with-circle-up:before {
508 | content: "\e91e";
509 | }
510 | .icon-bookmark:before {
511 | content: "\e91f";
512 | }
513 | .icon-bookmarks:before {
514 | content: "\e920";
515 | }
516 | .icon-chevron-down:before {
517 | content: "\e921";
518 | }
519 | .icon-chevron-left:before {
520 | content: "\e922";
521 | }
522 | .icon-chevron-right:before {
523 | content: "\e923";
524 | }
525 | .icon-chevron-small-down:before {
526 | content: "\e924";
527 | }
528 | .icon-chevron-small-left:before {
529 | content: "\e925";
530 | }
531 | .icon-chevron-small-right:before {
532 | content: "\e926";
533 | }
534 | .icon-chevron-small-up:before {
535 | content: "\e927";
536 | }
537 | .icon-chevron-thin-down:before {
538 | content: "\e928";
539 | }
540 | .icon-chevron-thin-left:before {
541 | content: "\e929";
542 | }
543 | .icon-chevron-thin-right:before {
544 | content: "\e92a";
545 | }
546 | .icon-chevron-thin-up:before {
547 | content: "\e92b";
548 | }
549 | .icon-chevron-up:before {
550 | content: "\e92c";
551 | }
552 | .icon-chevron-with-circle-down:before {
553 | content: "\e92d";
554 | }
555 | .icon-chevron-with-circle-left:before {
556 | content: "\e92e";
557 | }
558 | .icon-chevron-with-circle-right:before {
559 | content: "\e92f";
560 | }
561 | .icon-chevron-with-circle-up:before {
562 | content: "\e930";
563 | }
564 | .icon-cloud2:before {
565 | content: "\e931";
566 | }
567 | .icon-controller-fast-forward:before {
568 | content: "\e932";
569 | }
570 | .icon-controller-jump-to-start:before {
571 | content: "\e933";
572 | }
573 | .icon-controller-next:before {
574 | content: "\e934";
575 | }
576 | .icon-controller-paus:before {
577 | content: "\e935";
578 | }
579 | .icon-controller-play:before {
580 | content: "\e936";
581 | }
582 | .icon-controller-record:before {
583 | content: "\e937";
584 | }
585 | .icon-controller-stop:before {
586 | content: "\e938";
587 | }
588 | .icon-controller-volume:before {
589 | content: "\e939";
590 | }
591 | .icon-dot-single:before {
592 | content: "\e93a";
593 | }
594 | .icon-dots-three-horizontal:before {
595 | content: "\e93b";
596 | }
597 | .icon-dots-three-vertical:before {
598 | content: "\e93c";
599 | }
600 | .icon-dots-two-horizontal:before {
601 | content: "\e93d";
602 | }
603 | .icon-dots-two-vertical:before {
604 | content: "\e93e";
605 | }
606 | .icon-download2:before {
607 | content: "\e93f";
608 | }
609 | .icon-emoji-flirt:before {
610 | content: "\e940";
611 | }
612 | .icon-flow-branch:before {
613 | content: "\e941";
614 | }
615 | .icon-flow-cascade:before {
616 | content: "\e942";
617 | }
618 | .icon-flow-line:before {
619 | content: "\e943";
620 | }
621 | .icon-flow-parallel:before {
622 | content: "\e944";
623 | }
624 | .icon-flow-tree:before {
625 | content: "\e945";
626 | }
627 | .icon-install:before {
628 | content: "\e946";
629 | }
630 | .icon-layers2:before {
631 | content: "\e947";
632 | }
633 | .icon-open-book:before {
634 | content: "\e948";
635 | }
636 | .icon-resize-100:before {
637 | content: "\e949";
638 | }
639 | .icon-resize-full-screen:before {
640 | content: "\e94a";
641 | }
642 | .icon-save:before {
643 | content: "\e94b";
644 | }
645 | .icon-select-arrows:before {
646 | content: "\e94c";
647 | }
648 | .icon-sound-mute:before {
649 | content: "\e94d";
650 | }
651 | .icon-sound:before {
652 | content: "\e94e";
653 | }
654 | .icon-trash2:before {
655 | content: "\e94f";
656 | }
657 | .icon-triangle-down:before {
658 | content: "\e950";
659 | }
660 | .icon-triangle-left:before {
661 | content: "\e951";
662 | }
663 | .icon-triangle-right:before {
664 | content: "\e952";
665 | }
666 | .icon-triangle-up:before {
667 | content: "\e953";
668 | }
669 | .icon-uninstall:before {
670 | content: "\e954";
671 | }
672 | .icon-upload-to-cloud:before {
673 | content: "\e955";
674 | }
675 | .icon-upload2:before {
676 | content: "\e956";
677 | }
678 | .icon-add-user:before {
679 | content: "\e957";
680 | }
681 | .icon-address:before {
682 | content: "\e958";
683 | }
684 | .icon-adjust:before {
685 | content: "\e959";
686 | }
687 | .icon-air:before {
688 | content: "\e95a";
689 | }
690 | .icon-aircraft-landing:before {
691 | content: "\e95b";
692 | }
693 | .icon-aircraft-take-off:before {
694 | content: "\e95c";
695 | }
696 | .icon-aircraft:before {
697 | content: "\e95d";
698 | }
699 | .icon-align-bottom:before {
700 | content: "\e95e";
701 | }
702 | .icon-align-horizontal-middle:before {
703 | content: "\e95f";
704 | }
705 | .icon-align-left2:before {
706 | content: "\e960";
707 | }
708 | .icon-align-right2:before {
709 | content: "\e961";
710 | }
711 | .icon-align-top:before {
712 | content: "\e962";
713 | }
714 | .icon-align-vertical-middle:before {
715 | content: "\e963";
716 | }
717 | .icon-archive2:before {
718 | content: "\e964";
719 | }
720 | .icon-area-graph:before {
721 | content: "\e965";
722 | }
723 | .icon-attachment:before {
724 | content: "\e966";
725 | }
726 | .icon-awareness-ribbon:before {
727 | content: "\e967";
728 | }
729 | .icon-back-in-time:before {
730 | content: "\e968";
731 | }
732 | .icon-back:before {
733 | content: "\e969";
734 | }
735 | .icon-bar-graph2:before {
736 | content: "\e96a";
737 | }
738 | .icon-battery2:before {
739 | content: "\e96b";
740 | }
741 | .icon-beamed-note:before {
742 | content: "\e96c";
743 | }
744 | .icon-bell2:before {
745 | content: "\e96d";
746 | }
747 | .icon-blackboard:before {
748 | content: "\e96e";
749 | }
750 | .icon-block:before {
751 | content: "\e96f";
752 | }
753 | .icon-book2:before {
754 | content: "\e970";
755 | }
756 | .icon-bowl:before {
757 | content: "\e971";
758 | }
759 | .icon-box2:before {
760 | content: "\e972";
761 | }
762 | .icon-briefcase2:before {
763 | content: "\e973";
764 | }
765 | .icon-browser:before {
766 | content: "\e974";
767 | }
768 | .icon-brush:before {
769 | content: "\e975";
770 | }
771 | .icon-bucket:before {
772 | content: "\e976";
773 | }
774 | .icon-cake:before {
775 | content: "\e977";
776 | }
777 | .icon-calculator:before {
778 | content: "\e978";
779 | }
780 | .icon-calendar:before {
781 | content: "\e979";
782 | }
783 | .icon-camera2:before {
784 | content: "\e97a";
785 | }
786 | .icon-ccw:before {
787 | content: "\e97b";
788 | }
789 | .icon-chat:before {
790 | content: "\e97c";
791 | }
792 | .icon-check2:before {
793 | content: "\e97d";
794 | }
795 | .icon-circle-with-cross:before {
796 | content: "\e97e";
797 | }
798 | .icon-circle-with-minus:before {
799 | content: "\e97f";
800 | }
801 | .icon-circle-with-plus:before {
802 | content: "\e980";
803 | }
804 | .icon-circle:before {
805 | content: "\e981";
806 | }
807 | .icon-circular-graph:before {
808 | content: "\e982";
809 | }
810 | .icon-clapperboard:before {
811 | content: "\e983";
812 | }
813 | .icon-clipboard2:before {
814 | content: "\e984";
815 | }
816 | .icon-clock2:before {
817 | content: "\e985";
818 | }
819 | .icon-code:before {
820 | content: "\e986";
821 | }
822 | .icon-cog2:before {
823 | content: "\e987";
824 | }
825 | .icon-colours:before {
826 | content: "\e988";
827 | }
828 | .icon-compass:before {
829 | content: "\e989";
830 | }
831 | .icon-copy:before {
832 | content: "\e98a";
833 | }
834 | .icon-credit-card:before {
835 | content: "\e98b";
836 | }
837 | .icon-credit:before {
838 | content: "\e98c";
839 | }
840 | .icon-cross2:before {
841 | content: "\e98d";
842 | }
843 | .icon-cup:before {
844 | content: "\e98e";
845 | }
846 | .icon-cw:before {
847 | content: "\e98f";
848 | }
849 | .icon-cycle:before {
850 | content: "\e990";
851 | }
852 | .icon-database:before {
853 | content: "\e991";
854 | }
855 | .icon-dial-pad:before {
856 | content: "\e992";
857 | }
858 | .icon-direction:before {
859 | content: "\e993";
860 | }
861 | .icon-document:before {
862 | content: "\e994";
863 | }
864 | .icon-documents:before {
865 | content: "\e995";
866 | }
867 | .icon-drink:before {
868 | content: "\e996";
869 | }
870 | .icon-drive:before {
871 | content: "\e997";
872 | }
873 | .icon-drop2:before {
874 | content: "\e998";
875 | }
876 | .icon-edit:before {
877 | content: "\e999";
878 | }
879 | .icon-email:before {
880 | content: "\e99a";
881 | }
882 | .icon-emoji-happy:before {
883 | content: "\e99b";
884 | }
885 | .icon-emoji-neutral:before {
886 | content: "\e99c";
887 | }
888 | .icon-emoji-sad:before {
889 | content: "\e99d";
890 | }
891 | .icon-erase:before {
892 | content: "\e99e";
893 | }
894 | .icon-eraser:before {
895 | content: "\e99f";
896 | }
897 | .icon-export:before {
898 | content: "\e9a0";
899 | }
900 | .icon-eye2:before {
901 | content: "\e9a1";
902 | }
903 | .icon-feather:before {
904 | content: "\e9a2";
905 | }
906 | .icon-flag2:before {
907 | content: "\e9a3";
908 | }
909 | .icon-flash:before {
910 | content: "\e9a4";
911 | }
912 | .icon-flashlight:before {
913 | content: "\e9a5";
914 | }
915 | .icon-flat-brush:before {
916 | content: "\e9a6";
917 | }
918 | .icon-folder-images:before {
919 | content: "\e9a7";
920 | }
921 | .icon-folder-music:before {
922 | content: "\e9a8";
923 | }
924 | .icon-folder-video:before {
925 | content: "\e9a9";
926 | }
927 | .icon-folder2:before {
928 | content: "\e9aa";
929 | }
930 | .icon-forward:before {
931 | content: "\e9ab";
932 | }
933 | .icon-funnel:before {
934 | content: "\e9ac";
935 | }
936 | .icon-game-controller:before {
937 | content: "\e9ad";
938 | }
939 | .icon-gauge:before {
940 | content: "\e9ae";
941 | }
942 | .icon-globe2:before {
943 | content: "\e9af";
944 | }
945 | .icon-graduation-cap:before {
946 | content: "\e9b0";
947 | }
948 | .icon-grid2:before {
949 | content: "\e9b1";
950 | }
951 | .icon-hair-cross:before {
952 | content: "\e9b2";
953 | }
954 | .icon-hand:before {
955 | content: "\e9b3";
956 | }
957 | .icon-heart-outlined:before {
958 | content: "\e9b4";
959 | }
960 | .icon-heart2:before {
961 | content: "\e9b5";
962 | }
963 | .icon-help-with-circle:before {
964 | content: "\e9b6";
965 | }
966 | .icon-help2:before {
967 | content: "\e9b7";
968 | }
969 | .icon-home:before {
970 | content: "\e9b8";
971 | }
972 | .icon-hour-glass:before {
973 | content: "\e9b9";
974 | }
975 | .icon-image-inverted:before {
976 | content: "\e9ba";
977 | }
978 | .icon-image2:before {
979 | content: "\e9bb";
980 | }
981 | .icon-images:before {
982 | content: "\e9bc";
983 | }
984 | .icon-inbox2:before {
985 | content: "\e9bd";
986 | }
987 | .icon-infinity:before {
988 | content: "\e9be";
989 | }
990 | .icon-info-with-circle:before {
991 | content: "\e9bf";
992 | }
993 | .icon-info:before {
994 | content: "\e9c0";
995 | }
996 | .icon-key:before {
997 | content: "\e9c1";
998 | }
999 | .icon-keyboard:before {
1000 | content: "\e9c2";
1001 | }
1002 | .icon-lab-flask:before {
1003 | content: "\e9c3";
1004 | }
1005 | .icon-landline:before {
1006 | content: "\e9c4";
1007 | }
1008 | .icon-language:before {
1009 | content: "\e9c5";
1010 | }
1011 | .icon-laptop:before {
1012 | content: "\e9c6";
1013 | }
1014 | .icon-leaf:before {
1015 | content: "\e9c7";
1016 | }
1017 | .icon-level-down:before {
1018 | content: "\e9c8";
1019 | }
1020 | .icon-level-up:before {
1021 | content: "\e9c9";
1022 | }
1023 | .icon-lifebuoy:before {
1024 | content: "\e9ca";
1025 | }
1026 | .icon-light-bulb:before {
1027 | content: "\e9cb";
1028 | }
1029 | .icon-light-down:before {
1030 | content: "\e9cc";
1031 | }
1032 | .icon-light-up:before {
1033 | content: "\e9cd";
1034 | }
1035 | .icon-line-graph:before {
1036 | content: "\e9ce";
1037 | }
1038 | .icon-link2:before {
1039 | content: "\e9cf";
1040 | }
1041 | .icon-list:before {
1042 | content: "\e9d0";
1043 | }
1044 | .icon-location-pin:before {
1045 | content: "\e9d1";
1046 | }
1047 | .icon-location2:before {
1048 | content: "\e9d2";
1049 | }
1050 | .icon-lock-open:before {
1051 | content: "\e9d3";
1052 | }
1053 | .icon-lock2:before {
1054 | content: "\e9d4";
1055 | }
1056 | .icon-log-out:before {
1057 | content: "\e9d5";
1058 | }
1059 | .icon-login:before {
1060 | content: "\e9d6";
1061 | }
1062 | .icon-loop:before {
1063 | content: "\e9d7";
1064 | }
1065 | .icon-magnet:before {
1066 | content: "\e9d8";
1067 | }
1068 | .icon-magnifying-glass:before {
1069 | content: "\e9d9";
1070 | }
1071 | .icon-mail2:before {
1072 | content: "\e9da";
1073 | }
1074 | .icon-man:before {
1075 | content: "\e9db";
1076 | }
1077 | .icon-map2:before {
1078 | content: "\e9dc";
1079 | }
1080 | .icon-mask:before {
1081 | content: "\e9dd";
1082 | }
1083 | .icon-medal:before {
1084 | content: "\e9de";
1085 | }
1086 | .icon-megaphone:before {
1087 | content: "\e9df";
1088 | }
1089 | .icon-menu2:before {
1090 | content: "\e9e0";
1091 | }
1092 | .icon-message:before {
1093 | content: "\e9e1";
1094 | }
1095 | .icon-mic:before {
1096 | content: "\e9e2";
1097 | }
1098 | .icon-minus2:before {
1099 | content: "\e9e3";
1100 | }
1101 | .icon-mobile:before {
1102 | content: "\e9e4";
1103 | }
1104 | .icon-modern-mic:before {
1105 | content: "\e9e5";
1106 | }
1107 | .icon-moon2:before {
1108 | content: "\e9e6";
1109 | }
1110 | .icon-mouse:before {
1111 | content: "\e9e7";
1112 | }
1113 | .icon-music:before {
1114 | content: "\e9e8";
1115 | }
1116 | .icon-network:before {
1117 | content: "\e9e9";
1118 | }
1119 | .icon-new-message:before {
1120 | content: "\e9ea";
1121 | }
1122 | .icon-new:before {
1123 | content: "\e9eb";
1124 | }
1125 | .icon-news:before {
1126 | content: "\e9ec";
1127 | }
1128 | .icon-note:before {
1129 | content: "\e9ed";
1130 | }
1131 | .icon-notification:before {
1132 | content: "\e9ee";
1133 | }
1134 | .icon-old-mobile:before {
1135 | content: "\e9ef";
1136 | }
1137 | .icon-old-phone:before {
1138 | content: "\e9f0";
1139 | }
1140 | .icon-palette:before {
1141 | content: "\e9f1";
1142 | }
1143 | .icon-paper-plane:before {
1144 | content: "\e9f2";
1145 | }
1146 | .icon-pencil:before {
1147 | content: "\e9f3";
1148 | }
1149 | .icon-phone:before {
1150 | content: "\e9f4";
1151 | }
1152 | .icon-pie-chart:before {
1153 | content: "\e9f5";
1154 | }
1155 | .icon-pin:before {
1156 | content: "\e9f6";
1157 | }
1158 | .icon-plus2:before {
1159 | content: "\e9f7";
1160 | }
1161 | .icon-popup:before {
1162 | content: "\e9f8";
1163 | }
1164 | .icon-power-plug:before {
1165 | content: "\e9f9";
1166 | }
1167 | .icon-price-ribbon:before {
1168 | content: "\e9fa";
1169 | }
1170 | .icon-price-tag:before {
1171 | content: "\e9fb";
1172 | }
1173 | .icon-print:before {
1174 | content: "\e9fc";
1175 | }
1176 | .icon-progress-empty:before {
1177 | content: "\e9fd";
1178 | }
1179 | .icon-progress-full:before {
1180 | content: "\e9fe";
1181 | }
1182 | .icon-progress-one:before {
1183 | content: "\e9ff";
1184 | }
1185 | .icon-progress-two:before {
1186 | content: "\ea00";
1187 | }
1188 | .icon-publish:before {
1189 | content: "\ea01";
1190 | }
1191 | .icon-quote:before {
1192 | content: "\ea02";
1193 | }
1194 | .icon-radio:before {
1195 | content: "\ea03";
1196 | }
1197 | .icon-reply-all:before {
1198 | content: "\ea04";
1199 | }
1200 | .icon-reply2:before {
1201 | content: "\ea05";
1202 | }
1203 | .icon-retweet:before {
1204 | content: "\ea06";
1205 | }
1206 | .icon-rocket:before {
1207 | content: "\ea07";
1208 | }
1209 | .icon-round-brush:before {
1210 | content: "\ea08";
1211 | }
1212 | .icon-rss:before {
1213 | content: "\ea09";
1214 | }
1215 | .icon-ruler:before {
1216 | content: "\ea0a";
1217 | }
1218 | .icon-scissors:before {
1219 | content: "\ea0b";
1220 | }
1221 | .icon-share-alternitive:before {
1222 | content: "\ea0c";
1223 | }
1224 | .icon-share2:before {
1225 | content: "\ea0d";
1226 | }
1227 | .icon-shareable:before {
1228 | content: "\ea0e";
1229 | }
1230 | .icon-shield:before {
1231 | content: "\ea0f";
1232 | }
1233 | .icon-shop:before {
1234 | content: "\ea10";
1235 | }
1236 | .icon-shopping-bag:before {
1237 | content: "\ea11";
1238 | }
1239 | .icon-shopping-basket:before {
1240 | content: "\ea12";
1241 | }
1242 | .icon-shopping-cart:before {
1243 | content: "\ea13";
1244 | }
1245 | .icon-shuffle2:before {
1246 | content: "\ea14";
1247 | }
1248 | .icon-signal2:before {
1249 | content: "\ea15";
1250 | }
1251 | .icon-sound-mix:before {
1252 | content: "\ea16";
1253 | }
1254 | .icon-sports-club:before {
1255 | content: "\ea17";
1256 | }
1257 | .icon-spreadsheet:before {
1258 | content: "\ea18";
1259 | }
1260 | .icon-squared-cross:before {
1261 | content: "\ea19";
1262 | }
1263 | .icon-squared-minus:before {
1264 | content: "\ea1a";
1265 | }
1266 | .icon-squared-plus:before {
1267 | content: "\ea1b";
1268 | }
1269 | .icon-star-outlined:before {
1270 | content: "\ea1c";
1271 | }
1272 | .icon-star2:before {
1273 | content: "\ea1d";
1274 | }
1275 | .icon-stopwatch:before {
1276 | content: "\ea1e";
1277 | }
1278 | .icon-suitcase:before {
1279 | content: "\ea1f";
1280 | }
1281 | .icon-swap:before {
1282 | content: "\ea20";
1283 | }
1284 | .icon-sweden:before {
1285 | content: "\ea21";
1286 | }
1287 | .icon-switch:before {
1288 | content: "\ea22";
1289 | }
1290 | .icon-tablet:before {
1291 | content: "\ea23";
1292 | }
1293 | .icon-tag2:before {
1294 | content: "\ea24";
1295 | }
1296 | .icon-text-document-inverted:before {
1297 | content: "\ea25";
1298 | }
1299 | .icon-text-document:before {
1300 | content: "\ea26";
1301 | }
1302 | .icon-text:before {
1303 | content: "\ea27";
1304 | }
1305 | .icon-thermometer2:before {
1306 | content: "\ea28";
1307 | }
1308 | .icon-thumbs-down:before {
1309 | content: "\ea29";
1310 | }
1311 | .icon-thumbs-up:before {
1312 | content: "\ea2a";
1313 | }
1314 | .icon-thunder-cloud:before {
1315 | content: "\ea2b";
1316 | }
1317 | .icon-ticket:before {
1318 | content: "\ea2c";
1319 | }
1320 | .icon-time-slot:before {
1321 | content: "\ea2d";
1322 | }
1323 | .icon-tools:before {
1324 | content: "\ea2e";
1325 | }
1326 | .icon-traffic-cone:before {
1327 | content: "\ea2f";
1328 | }
1329 | .icon-tree:before {
1330 | content: "\ea30";
1331 | }
1332 | .icon-trophy:before {
1333 | content: "\ea31";
1334 | }
1335 | .icon-tv:before {
1336 | content: "\ea32";
1337 | }
1338 | .icon-typing:before {
1339 | content: "\ea33";
1340 | }
1341 | .icon-unread:before {
1342 | content: "\ea34";
1343 | }
1344 | .icon-untag:before {
1345 | content: "\ea35";
1346 | }
1347 | .icon-user:before {
1348 | content: "\ea36";
1349 | }
1350 | .icon-users:before {
1351 | content: "\ea37";
1352 | }
1353 | .icon-v-card:before {
1354 | content: "\ea38";
1355 | }
1356 | .icon-video2:before {
1357 | content: "\ea39";
1358 | }
1359 | .icon-vinyl:before {
1360 | content: "\ea3a";
1361 | }
1362 | .icon-voicemail:before {
1363 | content: "\ea3b";
1364 | }
1365 | .icon-wallet:before {
1366 | content: "\ea3c";
1367 | }
1368 | .icon-water:before {
1369 | content: "\ea3d";
1370 | }
1371 | .icon-px-with-circle:before {
1372 | content: "\ea3e";
1373 | }
1374 | .icon-px:before {
1375 | content: "\ea3f";
1376 | }
1377 | .icon-basecamp:before {
1378 | content: "\ea40";
1379 | }
1380 | .icon-behance:before {
1381 | content: "\ea41";
1382 | }
1383 | .icon-creative-cloud:before {
1384 | content: "\ea42";
1385 | }
1386 | .icon-dropbox:before {
1387 | content: "\ea43";
1388 | }
1389 | .icon-evernote:before {
1390 | content: "\ea44";
1391 | }
1392 | .icon-flattr:before {
1393 | content: "\ea45";
1394 | }
1395 | .icon-foursquare:before {
1396 | content: "\ea46";
1397 | }
1398 | .icon-google-drive:before {
1399 | content: "\ea47";
1400 | }
1401 | .icon-google-hangouts:before {
1402 | content: "\ea48";
1403 | }
1404 | .icon-grooveshark:before {
1405 | content: "\ea49";
1406 | }
1407 | .icon-icloud:before {
1408 | content: "\ea4a";
1409 | }
1410 | .icon-mixi:before {
1411 | content: "\ea4b";
1412 | }
1413 | .icon-onedrive:before {
1414 | content: "\ea4c";
1415 | }
1416 | .icon-paypal:before {
1417 | content: "\ea4d";
1418 | }
1419 | .icon-picasa:before {
1420 | content: "\ea4e";
1421 | }
1422 | .icon-qq:before {
1423 | content: "\ea4f";
1424 | }
1425 | .icon-rdio-with-circle:before {
1426 | content: "\ea50";
1427 | }
1428 | .icon-renren:before {
1429 | content: "\ea51";
1430 | }
1431 | .icon-scribd:before {
1432 | content: "\ea52";
1433 | }
1434 | .icon-sina-weibo:before {
1435 | content: "\ea53";
1436 | }
1437 | .icon-skype-with-circle:before {
1438 | content: "\ea54";
1439 | }
1440 | .icon-skype:before {
1441 | content: "\ea55";
1442 | }
1443 | .icon-slideshare:before {
1444 | content: "\ea56";
1445 | }
1446 | .icon-smashing:before {
1447 | content: "\ea57";
1448 | }
1449 | .icon-soundcloud:before {
1450 | content: "\ea58";
1451 | }
1452 | .icon-spotify-with-circle:before {
1453 | content: "\ea59";
1454 | }
1455 | .icon-spotify:before {
1456 | content: "\ea5a";
1457 | }
1458 | .icon-swarm:before {
1459 | content: "\ea5b";
1460 | }
1461 | .icon-vine-with-circle:before {
1462 | content: "\ea5c";
1463 | }
1464 | .icon-vine:before {
1465 | content: "\ea5d";
1466 | }
1467 | .icon-vk-alternitive:before {
1468 | content: "\ea5e";
1469 | }
1470 | .icon-vk-with-circle:before {
1471 | content: "\ea5f";
1472 | }
1473 | .icon-vk:before {
1474 | content: "\ea60";
1475 | }
1476 | .icon-xing-with-circle:before {
1477 | content: "\ea61";
1478 | }
1479 | .icon-xing:before {
1480 | content: "\ea62";
1481 | }
1482 | .icon-yelp:before {
1483 | content: "\ea63";
1484 | }
1485 | .icon-dribbble-with-circle:before {
1486 | content: "\ea64";
1487 | }
1488 | .icon-dribbble:before {
1489 | content: "\ea65";
1490 | }
1491 | .icon-facebook-with-circle:before {
1492 | content: "\ea66";
1493 | }
1494 | .icon-facebook:before {
1495 | content: "\ea67";
1496 | }
1497 | .icon-flickr-with-circle:before {
1498 | content: "\ea68";
1499 | }
1500 | .icon-flickr:before {
1501 | content: "\ea69";
1502 | }
1503 | .icon-github-with-circle:before {
1504 | content: "\ea6a";
1505 | }
1506 | .icon-github:before {
1507 | content: "\ea6b";
1508 | }
1509 | .icon-google-with-circle:before {
1510 | content: "\ea6c";
1511 | }
1512 | .icon-google:before {
1513 | content: "\ea6d";
1514 | }
1515 | .icon-instagram-with-circle:before {
1516 | content: "\ea6e";
1517 | }
1518 | .icon-instagram:before {
1519 | content: "\ea6f";
1520 | }
1521 | .icon-lastfm-with-circle:before {
1522 | content: "\ea70";
1523 | }
1524 | .icon-lastfm:before {
1525 | content: "\ea71";
1526 | }
1527 | .icon-linkedin-with-circle:before {
1528 | content: "\ea72";
1529 | }
1530 | .icon-linkedin:before {
1531 | content: "\ea73";
1532 | }
1533 | .icon-pinterest-with-circle:before {
1534 | content: "\ea74";
1535 | }
1536 | .icon-pinterest:before {
1537 | content: "\ea75";
1538 | }
1539 | .icon-rdio:before {
1540 | content: "\ea76";
1541 | }
1542 | .icon-stumbleupon-with-circle:before {
1543 | content: "\ea77";
1544 | }
1545 | .icon-stumbleupon:before {
1546 | content: "\ea78";
1547 | }
1548 | .icon-tumblr-with-circle:before {
1549 | content: "\ea79";
1550 | }
1551 | .icon-tumblr:before {
1552 | content: "\ea7a";
1553 | }
1554 | .icon-twitter-with-circle:before {
1555 | content: "\ea7b";
1556 | }
1557 | .icon-twitter:before {
1558 | content: "\ea7c";
1559 | }
1560 | .icon-vimeo-with-circle:before {
1561 | content: "\ea7d";
1562 | }
1563 | .icon-vimeo:before {
1564 | content: "\ea7e";
1565 | }
1566 | .icon-youtube-with-circle:before {
1567 | content: "\ea7f";
1568 | }
1569 | .icon-youtube:before {
1570 | content: "\ea80";
1571 | }
1572 |
--------------------------------------------------------------------------------