Skip to content

html / poolin_app

Go to a project
Commit 8fae1780 by zhanghui1
Options

0110

parent dbd2ad6e
Showing with 460 additions and 307 deletions
config/index.js
...@@ -13,7 +13,7 @@ module.exports = { ...@@ -13,7 +13,7 @@ module.exports = {
proxyTable: {}, proxyTable: {},
// Various Dev Server settings // Various Dev Server settings
host: 'localhost', // can be overwritten by process.env.HOST host: '172.16.4.38', // can be overwritten by process.env.HOST
port: 8081, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined port: 8081, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
autoOpenBrowser: false, autoOpenBrowser: false,
errorOverlay: true, errorOverlay: true,
......
index.html
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" /> <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
<meta content="telephone=no" name="format-detection" /> <meta content="telephone=no" name="format-detection" />
<meta name="apple-mobile-web-app-capable" content="yes" /> <meta name="apple-mobile-web-app-capable" content="yes" />
<meta http-equiv="Cache-Control" content="no-siteapp" /> <meta http-equiv="Cache-Control" content="no-siteapp" />
<script src="https://cdn.bootcss.com/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/tween.js@16.3.4"></script>
<title>poolin_app</title> <title>poolin_app</title>
</head> </head>
<body>
<body>
<div id="app"></div> <div id="app"></div>
<!-- built files will be auto injected --> <!-- built files will be auto injected -->
</body> </body>
</html> </html>
package-lock.json
...@@ -243,6 +243,14 @@ ...@@ -243,6 +243,14 @@
"integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==", "integrity": "sha512-jp/uFnooOiO+L211eZOoSyzpOITMXx1rBITauYykG3BRYPu8h0UcxsPNB04RR5vo4Tyz3+ay17tR6JVf9qzYWg==",
"dev": true "dev": true
}, },
"async-validator": {
"version": "1.8.2",
"resolved": "https://registry.npmjs.org/async-validator/-/async-validator-1.8.2.tgz",
"integrity": "sha1-t3WXIm6WJC+NUxwNRq4pX2JCK6Q=",
"requires": {
"babel-runtime": "6.26.0"
}
},
"asynckit": { "asynckit": {
"version": "0.4.0", "version": "0.4.0",
"resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz", "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
...@@ -537,8 +545,7 @@ ...@@ -537,8 +545,7 @@
"babel-helper-vue-jsx-merge-props": { "babel-helper-vue-jsx-merge-props": {
"version": "2.0.3", "version": "2.0.3",
"resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz", "resolved": "https://registry.npmjs.org/babel-helper-vue-jsx-merge-props/-/babel-helper-vue-jsx-merge-props-2.0.3.tgz",
"integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg==", "integrity": "sha512-gsLiKK7Qrb7zYJNgiXKpXblxbV5ffSwR0f5whkPAaBAR4fhi6bwRZxX9wBlIc5M/v8CCkXUbXZL4N/nSE97cqg=="
"dev": true
}, },
"babel-helpers": { "babel-helpers": {
"version": "6.24.1", "version": "6.24.1",
...@@ -1054,7 +1061,6 @@ ...@@ -1054,7 +1061,6 @@
"version": "6.26.0", "version": "6.26.0",
"resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz", "resolved": "https://registry.npmjs.org/babel-runtime/-/babel-runtime-6.26.0.tgz",
"integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=", "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
"dev": true,
"requires": { "requires": {
"core-js": "2.5.3", "core-js": "2.5.3",
"regenerator-runtime": "0.11.1" "regenerator-runtime": "0.11.1"
...@@ -1886,8 +1892,7 @@ ...@@ -1886,8 +1892,7 @@
"core-js": { "core-js": {
"version": "2.5.3", "version": "2.5.3",
"resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.3.tgz", "resolved": "https://registry.npmjs.org/core-js/-/core-js-2.5.3.tgz",
"integrity": "sha1-isw4NFgk8W2DZbfJtCWRaOjtYD4=", "integrity": "sha1-isw4NFgk8W2DZbfJtCWRaOjtYD4="
"dev": true
}, },
"core-util-is": { "core-util-is": {
"version": "1.0.2", "version": "1.0.2",
...@@ -2358,6 +2363,11 @@ ...@@ -2358,6 +2363,11 @@
"integrity": "sha1-9dJgKStmDghO/0zbyfCK0yR0SLU=", "integrity": "sha1-9dJgKStmDghO/0zbyfCK0yR0SLU=",
"dev": true "dev": true
}, },
"deepmerge": {
"version": "1.5.2",
"resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-1.5.2.tgz",
"integrity": "sha512-95k0GDqvBjZavkuvzx/YqVLv/6YYa17fz6ILMSf7neqQITCPbnfEnQvEgMPNjH4kgobe7+WIL0yJEHku+H3qtQ=="
},
"define-properties": { "define-properties": {
"version": "1.1.2", "version": "1.1.2",
"resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.2.tgz", "resolved": "https://registry.npmjs.org/define-properties/-/define-properties-1.1.2.tgz",
...@@ -2647,6 +2657,17 @@ ...@@ -2647,6 +2657,17 @@
"batch-processor": "1.0.0" "batch-processor": "1.0.0"
} }
}, },
"element-ui": {
"version": "2.0.11",
"resolved": "https://registry.npmjs.org/element-ui/-/element-ui-2.0.11.tgz",
"integrity": "sha512-jrBIuoHTx07RmgrdpkPQTj9KCFP+BNewUaVB2kkbH+MSGdurzXw8MPzH+o/RZCGIh+ODNfLa71h5veYKJysIpA==",
"requires": {
"async-validator": "1.8.2",
"babel-helper-vue-jsx-merge-props": "2.0.3",
"deepmerge": "1.5.2",
"throttle-debounce": "1.0.1"
}
},
"elliptic": { "elliptic": {
"version": "6.4.0", "version": "6.4.0",
"resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.4.0.tgz", "resolved": "https://registry.npmjs.org/elliptic/-/elliptic-6.4.0.tgz",
...@@ -7798,8 +7819,7 @@ ...@@ -7798,8 +7819,7 @@
"regenerator-runtime": { "regenerator-runtime": {
"version": "0.11.1", "version": "0.11.1",
"resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz", "resolved": "https://registry.npmjs.org/regenerator-runtime/-/regenerator-runtime-0.11.1.tgz",
"integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg==", "integrity": "sha512-MguG95oij0fC3QV3URf4V2SDYGJhJnJGqvIIgdECeODCT98wSWDAJ94SSuVpYQUoTcGUIL6L4yNB7j1DFFHSBg=="
"dev": true
}, },
"regenerator-transform": { "regenerator-transform": {
"version": "0.10.1", "version": "0.10.1",
...@@ -8595,6 +8615,11 @@ ...@@ -8595,6 +8615,11 @@
"integrity": "sha1-mTcqXJmb8t8WCvwNdL7U9HlIzSI=", "integrity": "sha1-mTcqXJmb8t8WCvwNdL7U9HlIzSI=",
"dev": true "dev": true
}, },
"throttle-debounce": {
"version": "1.0.1",
"resolved": "https://registry.npmjs.org/throttle-debounce/-/throttle-debounce-1.0.1.tgz",
"integrity": "sha1-2tD+Ew+drzcZ/eoz3Dao5rp/MLU="
},
"through2": { "through2": {
"version": "2.0.3", "version": "2.0.3",
"resolved": "https://registry.npmjs.org/through2/-/through2-2.0.3.tgz", "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.3.tgz",
......
package.json
...@@ -12,6 +12,7 @@ ...@@ -12,6 +12,7 @@
"dependencies": { "dependencies": {
"axios": "^0.17.1", "axios": "^0.17.1",
"echarts": "^3.8.5", "echarts": "^3.8.5",
"element-ui": "^2.0.11",
"mint-ui": "^2.2.13", "mint-ui": "^2.2.13",
"vue": "^2.5.2", "vue": "^2.5.2",
"vue-awesome-swiper": "^3.1.0", "vue-awesome-swiper": "^3.1.0",
......
src/assets/css/reset.css
...@@ -45,7 +45,7 @@ img{vertical-align:middle;} ...@@ -45,7 +45,7 @@ img{vertical-align:middle;}
.f-wsn{word-wrap:normal;white-space:nowrap;} .f-wsn{word-wrap:normal;white-space:nowrap;}
.f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;} .f-pre{overflow:hidden;text-align:left;white-space:pre-wrap;word-wrap:break-word;word-break:break-all;}
.f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;} .f-wwb{white-space:normal;word-wrap:break-word;word-break:break-all;}
.f-ti{overflow:hidden;text-indent:-30000px;} .f-ti{overflow:hidden;text-indent:-30000rem;}
.f-ti2{text-indent:2em;} .f-ti2{text-indent:2em;}
.f-lhn{line-height:normal;} .f-lhn{line-height:normal;}
.f-tdu,.f-tdu:hover{text-decoration:underline;} .f-tdu,.f-tdu:hover{text-decoration:underline;}
...@@ -57,238 +57,238 @@ img{vertical-align:middle;} ...@@ -57,238 +57,238 @@ img{vertical-align:middle;}
.f-csm{cursor:move;} .f-csm{cursor:move;}
.f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;} .f-usn{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;}
/*margin&&padding*/ /*margin&&padding*/
.m5 {margin:5px;} .m5 {margin:0.05rem;}
.m10 {margin:10px;} .m10 {margin:0.10rem;}
.m15 {margin:15px;} .m15 {margin:0.15rem;}
.m20 {margin:20px;} .m20 {margin:0.20rem;}
.m25 {margin:25px;} .m25 {margin:0.25rem;}
.m30 {margin:30px;} .m30 {margin:0.30rem;}
.m35 {margin:35px;} .m35 {margin:0.35rem;}
.m40 {margin:40px;} .m40 {margin:0.40rem;}
.m45 {margin:45px;} .m45 {margin:0.45rem;}
.m50 {margin:50px;} .m50 {margin:0.50rem;}
.mt5 {margin-top:5px;} .mt5 {margin-top:0.05rem;}
.mt10 {margin-top:10px;} .mt10 {margin-top:0.10rem;}
.mt15 {margin-top:15px;} .mt15 {margin-top:0.15rem;}
.mt20 {margin-top:20px;} .mt20 {margin-top:0.20rem;}
.mt25 {margin-top:25px;} .mt25 {margin-top:0.25rem;}
.mt30 {margin-top:30px;} .mt30 {margin-top:0.30rem;}
.mt35 {margin-top:35px;} .mt35 {margin-top:0.35rem;}
.mt40 {margin-top:40px;} .mt40 {margin-top:0.40rem;}
.mt45 {margin-top:45px;} .mt45 {margin-top:0.45rem;}
.mt50 {margin-top:50px;} .mt50 {margin-top:0.50rem;}
.mt55 {margin-top:55px;} .mt55 {margin-top:0.55rem;}
.mt60 {margin-top:60px;} .mt60 {margin-top:0.60rem;}
.mt65 {margin-top:65px;} .mt65 {margin-top:0.65rem;}
.mt70 {margin-top:70px;} .mt70 {margin-top:0.70rem;}
.mt75 {margin-top:75px;} .mt75 {margin-top:0.75rem;}
.mt80 {margin-top:80px;} .mt80 {margin-top:0.80rem;}
.mt85 {margin-top:85px;} .mt85 {margin-top:0.85rem;}
.mt90 {margin-top:90px;} .mt90 {margin-top:0.90rem;}
.mt95 {margin-top:95px;} .mt95 {margin-top:0.95rem;}
.mt100 {margin-top:100px;} .mt100 {margin-top:1.00rem;}
.mt110 {margin-top:110px;} .mt110 {margin-top:1.10rem;}
.mt120 {margin-top:120px;} .mt120 {margin-top:1.20rem;}
.mt130 {margin-top:130px;} .mt130 {margin-top:1.30rem;}
.mt140 {margin-top:140px;} .mt140 {margin-top:1.40rem;}
.mt150 {margin-top:150px;} .mt150 {margin-top:1.50rem;}
.mb5 {margin-bottom:5px;} .mb5 {margin-bottom:0.05rem;}
.mb10 {margin-bottom:10px;} .mb10 {margin-bottom:0.10rem;}
.mb15 {margin-bottom:15px;} .mb15 {margin-bottom:0.15rem;}
.mb20 {margin-bottom:20px;} .mb20 {margin-bottom:0.20rem;}
.mb25 {margin-bottom:25px;} .mb25 {margin-bottom:0.25rem;}
.mb30 {margin-bottom:30px;} .mb30 {margin-bottom:0.30rem;}
.mb35 {margin-bottom:35px;} .mb35 {margin-bottom:0.35rem;}
.mb40 {margin-bottom:40px;} .mb40 {margin-bottom:0.40rem;}
.mb45 {margin-bottom:45px;} .mb45 {margin-bottom:0.45rem;}
.mb50 {margin-bottom:50px;} .mb50 {margin-bottom:0.50rem;}
.mb55 {margin-bottom:55px;} .mb55 {margin-bottom:0.55rem;}
.mb60 {margin-bottom:60px;} .mb60 {margin-bottom:0.60rem;}
.mb65 {margin-bottom:65px;} .mb65 {margin-bottom:0.65rem;}
.mb70 {margin-bottom:70px;} .mb70 {margin-bottom:0.70rem;}
.mb75 {margin-bottom:75px;} .mb75 {margin-bottom:0.75rem;}
.mb80 {margin-bottom:80px;} .mb80 {margin-bottom:0.80rem;}
.mb85 {margin-bottom:85px;} .mb85 {margin-bottom:0.85rem;}
.mb90 {margin-bottom:90px;} .mb90 {margin-bottom:0.90rem;}
.mb95 {margin-bottom:95px;} .mb95 {margin-bottom:0.95rem;}
.mb100 {margin-bottom:100px;} .mb100 {margin-bottom:1.00rem;}
.mb110 {margin-bottom:110px;} .mb110 {margin-bottom:1.10rem;}
.mb120 {margin-bottom:120px;} .mb120 {margin-bottom:1.20rem;}
.mb130 {margin-bottom:130px;} .mb130 {margin-bottom:1.30rem;}
.mb140 {margin-bottom:140px;} .mb140 {margin-bottom:1.40rem;}
.mb150 {margin-bottom:150px;} .mb150 {margin-bottom:1.50rem;}
.ml5 {margin-left:5px;} .ml5 {margin-left:0.05rem;}
.ml10 {margin-left:10px;} .ml10 {margin-left:0.10rem;}
.ml15 {margin-left:15px;} .ml15 {margin-left:0.15rem;}
.ml20 {margin-left:20px;} .ml20 {margin-left:0.20rem;}
.ml25 {margin-left:25px;} .ml25 {margin-left:0.25rem;}
.ml30 {margin-left:30px;} .ml30 {margin-left:0.30rem;}
.ml35 {margin-left:35px;} .ml35 {margin-left:0.35rem;}
.ml40 {margin-left:40px;} .ml40 {margin-left:0.40rem;}
.ml45 {margin-left:45px;} .ml45 {margin-left:0.45rem;}
.ml50 {margin-left:50px;} .ml50 {margin-left:0.50rem;}
.ml55 {margin-left:55px;} .ml55 {margin-left:0.55rem;}
.ml60 {margin-left:60px;} .ml60 {margin-left:0.60rem;}
.ml65 {margin-left:65px;} .ml65 {margin-left:0.65rem;}
.ml70 {margin-left:70px;} .ml70 {margin-left:0.70rem;}
.ml75 {margin-left:75px;} .ml75 {margin-left:0.75rem;}
.ml80 {margin-left:80px;} .ml80 {margin-left:0.80rem;}
.ml85 {margin-left:85px;} .ml85 {margin-left:0.85rem;}
.ml90 {margin-left:90px;} .ml90 {margin-left:0.90rem;}
.ml95 {margin-left:95px;} .ml95 {margin-left:0.95rem;}
.ml100 {margin-left:100px;} .ml100 {margin-left:100rem;}
.ml110 {margin-left:110px;} .ml110 {margin-left:1.10rem;}
.ml120 {margin-left:120px;} .ml120 {margin-left:1.20rem;}
.ml130 {margin-left:130px;} .ml130 {margin-left:1.30rem;}
.ml140 {margin-left:140px;} .ml140 {margin-left:1.40rem;}
.ml150 {margin-left:150px;} .ml150 {margin-left:1.50rem;}
.mr5 {margin-right:5px;} .mr5 {margin-right:0.05rem;}
.mr10 {margin-right:10px;} .mr10 {margin-right:0.10rem;}
.mr15 {margin-right:15px;} .mr15 {margin-right:0.15rem;}
.mr20 {margin-right:20px;} .mr20 {margin-right:0.20rem;}
.mr25 {margin-right:25px;} .mr25 {margin-right:0.25rem;}
.mr30 {margin-right:30px;} .mr30 {margin-right:0.30rem;}
.mr35 {margin-right:35px;} .mr35 {margin-right:0.35rem;}
.mr40 {margin-right:40px;} .mr40 {margin-right:0.40rem;}
.mr45 {margin-right:45px;} .mr45 {margin-right:0.45rem;}
.mr50 {margin-right:50px;} .mr50 {margin-right:0.50rem;}
.mr55 {margin-right:55px;} .mr55 {margin-right:0.55rem;}
.mr60 {margin-right:60px;} .mr60 {margin-right:0.60rem;}
.mr65 {margin-right:65px;} .mr65 {margin-right:0.65rem;}
.mr70 {margin-right:70px;} .mr70 {margin-right:0.70rem;}
.mr75 {margin-right:75px;} .mr75 {margin-right:0.75rem;}
.mr80 {margin-right:80px;} .mr80 {margin-right:0.80rem;}
.mr85 {margin-right:85px;} .mr85 {margin-right:0.85rem;}
.mr90 {margin-right:90px;} .mr90 {margin-right:0.90rem;}
.mr95 {margin-right:95px;} .mr95 {margin-right:0.95rem;}
.mr100 {margin-right:100px;} .mr100 {margin-right:1.00rem;}
.mr110 {margin-right:110px;} .mr110 {margin-right:1.10rem;}
.mr120 {margin-right:120px;} .mr120 {margin-right:1.20rem;}
.mr130 {margin-right:130px;} .mr130 {margin-right:1.30rem;}
.mr140 {margin-right:140px;} .mr140 {margin-right:1.40rem;}
.mr150 {margin-right:150px;} .mr150 {margin-right:1.50rem;}
.p5 {padding:5px;} .p5 {padding:0.05rem;}
.p10 {padding:10px;} .p10 {padding:0.10rem;}
.p15 {padding:15px;} .p15 {padding:0.15rem;}
.p20 {padding:20px;} .p20 {padding:0.20rem;}
.p25 {padding:25px;} .p25 {padding:0.25rem;}
.p30 {padding:30px;} .p30 {padding:0.30rem;}
.p35 {padding:35px;} .p35 {padding:0.35rem;}
.p40 {padding:40px;} .p40 {padding:0.40rem;}
.p45 {padding:45px;} .p45 {padding:0.45rem;}
.p50 {padding:50px;} .p50 {padding:0.50rem;}
.p55 {padding:55px;} .p55 {padding:0.55rem;}
.p60 {padding:60px;} .p60 {padding:0.60rem;}
.p65 {padding:65px;} .p65 {padding:0.65rem;}
.p70 {padding:70px;} .p70 {padding:0.70rem;}
.p75 {padding:75px;} .p75 {padding:0.75rem;}
.p80 {padding:80px;} .p80 {padding:0.80rem;}
.p85 {padding:85px;} .p85 {padding:0.85rem;}
.p90 {padding:90px;} .p90 {padding:0.90rem;}
.p95 {padding:95px;} .p95 {padding:0.95rem;}
.p100 {padding:100px;} .p100 {padding:1.00rem;}
.p110 {padding:110px;} .p110 {padding:1.10rem;}
.p120 {padding:120px;} .p120 {padding:1.20rem;}
.p130 {padding:130px;} .p130 {padding:1.30rem;}
.p140 {padding:140px;} .p140 {padding:1.40rem;}
.p150 {padding:150px;} .p150 {padding:1.50rem;}
.pt5 {padding-top:5px;} .pt5 {padding-top:0.05rem;}
.pt10 {padding-top:10px;} .pt10 {padding-top:0.10rem;}
.pt15 {padding-top:15px;} .pt15 {padding-top:0.15rem;}
.pt20 {padding-top:20px;} .pt20 {padding-top:0.20rem;}
.pt25 {padding-top:25px;} .pt25 {padding-top:0.25rem;}
.pt30 {padding-top:30px;} .pt30 {padding-top:0.30rem;}
.pt35 {padding-top:35px;} .pt35 {padding-top:0.35rem;}
.pt40 {padding-top:40px;} .pt40 {padding-top:0.40rem;}
.pt45 {padding-top:45px;} .pt45 {padding-top:0.45rem;}
.pt50 {padding-top:50px;} .pt50 {padding-top:0.50rem;}
.pt55 {padding-top:55px;} .pt55 {padding-top:0.55rem;}
.pt60 {padding-top:60px;} .pt60 {padding-top:0.60rem;}
.pt65 {padding-top:65px;} .pt65 {padding-top:0.65rem;}
.pt70 {padding-top:70px;} .pt70 {padding-top:0.70rem;}
.pt75 {padding-top:75px;} .pt75 {padding-top:0.75rem;}
.pt80 {padding-top:80px;} .pt80 {padding-top:0.80rem;}
.pt90 {padding-top:90px;} .pt90 {padding-top:0.90rem;}
.pt95 {padding-top:95px;} .pt95 {padding-top:0.95rem;}
.pt100 {padding-top:100px;} .pt100 {padding-top:1.00rem;}
.pt110 {padding-top:110px;} .pt110 {padding-top:1.10rem;}
.pt120 {padding-top:120px;} .pt120 {padding-top:1.20rem;}
.pt130 {padding-top:130px;} .pt130 {padding-top:1.30rem;}
.pt140 {padding-top:140px;} .pt140 {padding-top:1.40rem;}
.pt150 {padding-top:150px;} .pt150 {padding-top:1.50rem;}
.pb5 {padding-bottom:5px;} .pb5 {padding-bottom:0.05rem;}
.pb10 {padding-bottom:10px;} .pb10 {padding-bottom:0.10rem;}
.pb15 {padding-bottom:15px;} .pb15 {padding-bottom:0.15rem;}
.pb20 {padding-bottom:20px;} .pb20 {padding-bottom:0.20rem;}
.pb25 {padding-bottom:25px;} .pb25 {padding-bottom:0.25rem;}
.pb30 {padding-bottom:30px;} .pb30 {padding-bottom:0.30rem;}
.pb35 {padding-bottom:35px;} .pb35 {padding-bottom:0.35rem;}
.pb40 {padding-bottom:40px;} .pb40 {padding-bottom:0.40rem;}
.pb45 {padding-bottom:45px;} .pb45 {padding-bottom:0.45rem;}
.pb50 {padding-bottom:50px;} .pb50 {padding-bottom:0.50rem;}
.pb55 {padding-bottom:55px;} .pb55 {padding-bottom:0.55rem;}
.pb60 {padding-bottom:60px;} .pb60 {padding-bottom:0.60rem;}
.pb65 {padding-bottom:65px;} .pb65 {padding-bottom:0.65rem;}
.pb70 {padding-bottom:70px;} .pb70 {padding-bottom:0.70rem;}
.pb75 {padding-bottom:75px;} .pb75 {padding-bottom:0.75rem;}
.pb80 {padding-bottom:80px;} .pb80 {padding-bottom:0.80rem;}
.pb85 {padding-bottom:85px;} .pb85 {padding-bottom:0.85rem;}
.pb90 {padding-bottom:90px;} .pb90 {padding-bottom:0.90rem;}
.pb95 {padding-bottom:95px;} .pb95 {padding-bottom:0.95rem;}
.pb100 {padding-bottom:100px;} .pb100 {padding-bottom:1.00rem;}
.pb110 {padding-bottom:110px;} .pb110 {padding-bottom:1.10rem;}
.pb120 {padding-bottom:120px;} .pb120 {padding-bottom:1.20rem;}
.pb130 {padding-bottom:130px;} .pb130 {padding-bottom:1.30rem;}
.pb140 {padding-bottom:140px;} .pb140 {padding-bottom:1.40rem;}
.pb150 {padding-bottom:150px;} .pb150 {padding-bottom:1.50rem;}
.pl5 {padding-left:5px;} .pl5 {padding-left:0.05rem;}
.pl10 {padding-left:10px;} .pl10 {padding-left:0.10rem;}
.pl15 {padding-left:15px;} .pl15 {padding-left:0.15rem;}
.pl20 {padding-left:20px;} .pl20 {padding-left:0.20rem;}
.pl25 {padding-left:25px;} .pl25 {padding-left:0.25rem;}
.pl30 {padding-left:30px;} .pl30 {padding-left:0.30rem;}
.pl35 {padding-left:35px;} .pl35 {padding-left:0.35rem;}
.pl40 {padding-left:40px;} .pl40 {padding-left:0.40rem;}
.pl45 {padding-left:45px;} .pl45 {padding-left:0.45rem;}
.pl50 {padding-left:50px;} .pl50 {padding-left:0.50rem;}
.pl55 {padding-left:55px;} .pl55 {padding-left:0.55rem;}
.pl60 {padding-left:60px;} .pl60 {padding-left:0.60rem;}
.pl65 {padding-left:65px;} .pl65 {padding-left:0.65rem;}
.pl70 {padding-left:70px;} .pl70 {padding-left:0.70rem;}
.pl75 {padding-left:75px;} .pl75 {padding-left:0.75rem;}
.pl80 {padding-left:80px;} .pl80 {padding-left:0.80rem;}
.pl85 {padding-left:85px;} .pl85 {padding-left:0.85rem;}
.pl90 {padding-left:90px;} .pl90 {padding-left:0.90rem;}
.pl95 {padding-left:95px;} .pl95 {padding-left:0.95rem;}
.pl100 {padding-left:100px;} .pl100 {padding-left:1.00rem;}
.pl110 {padding-left:110px;} .pl110 {padding-left:1.10rem;}
.pl120 {padding-left:120px;} .pl120 {padding-left:1.20rem;}
.pl130 {padding-left:130px;} .pl130 {padding-left:1.30rem;}
.pl140 {padding-left:140px;} .pl140 {padding-left:1.40rem;}
.pl150 {padding-left:150px;} .pl150 {padding-left:1.50rem;}
.pr5 {padding-right:5px;} .pr5 {padding-right:0.05rem;}
.pr10 {padding-right:10px;} .pr10 {padding-right:0.10rem;}
.pr15 {padding-right:15px;} .pr15 {padding-right:0.15rem;}
.pr20 {padding-right:20px;} .pr20 {padding-right:0.20rem;}
.pr25 {padding-right:25px;} .pr25 {padding-right:0.25rem;}
.pr30 {padding-right:30px;} .pr30 {padding-right:0.30rem;}
.pr35 {padding-right:35px;} .pr35 {padding-right:0.35rem;}
.pr40 {padding-right:40px;} .pr40 {padding-right:0.40rem;}
.pr45 {padding-right:45px;} .pr45 {padding-right:0.45rem;}
.pr50 {padding-right:50px;} .pr50 {padding-right:0.50rem;}
.pr55 {padding-right:55px;} .pr55 {padding-right:0.55rem;}
.pr60 {padding-right:60px;} .pr60 {padding-right:0.60rem;}
.pr65 {padding-right:65px;} .pr65 {padding-right:0.65rem;}
.pr70 {padding-right:70px;} .pr70 {padding-right:0.70rem;}
.pr75 {padding-right:75px;} .pr75 {padding-right:0.75rem;}
.pr80 {padding-right:80px;} .pr80 {padding-right:0.80rem;}
.pr85 {padding-right:85px;} .pr85 {padding-right:0.85rem;}
.pr90 {padding-right:90px;} .pr90 {padding-right:0.90rem;}
.pr95 {padding-right:95px;} .pr95 {padding-right:0.95rem;}
.pr100 {padding-right:100px;} .pr100 {padding-right:1.00rem;}
.pr110 {padding-right:110px;} .pr110 {padding-right:1.10rem;}
.pr120 {padding-right:120px;} .pr120 {padding-right:1.20rem;}
.pr130 {padding-right:130px;} .pr130 {padding-right:1.30rem;}
.pr140 {padding-right:140px;} .pr140 {padding-right:1.40rem;}
.pr150 {padding-right:150px;} .pr150 {padding-right:1.50rem;}
[flex],[flex]>*,[flex]>[flex]{overflow:visible}[flex]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[flex]>*{display:block}[flex]>[flex]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[flex~="dir:left"]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}[flex~="dir:right"]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end}[flex~="dir:top"]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}[flex~="dir:bottom"]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:end}[flex~="main:left"]{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}[flex~="main:right"]{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}[flex~="main:justify"]{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}[flex~="main:center"]{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}[flex~="cross:top"]{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[flex~="cross:bottom"]{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[flex~="cross:center"]{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[flex~="cross:baseline"]{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[flex~="cross:stretch"]{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[flex~="box:mean"]>*,[flex~="box:first"]>*,[flex~="box:last"]>*,[flex~="box:justify"]>*{width:0;height:auto;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}[flex~="box:first"]>:first-child,[flex~="box:last"]>:last-child,[flex~="box:justify"]>:first-child,[flex~="box:justify"]>:last-child{width:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}[flex~="dir:top"][flex~="box:mean"]>*,[flex~="dir:top"][flex~="box:first"]>*,[flex~="dir:top"][flex~="box:last"]>*,[flex~="dir:top"][flex~="box:justify"]>*,[flex~="dir:bottom"][flex~="box:mean"]>*,[flex~="dir:bottom"][flex~="box:first"]>*,[flex~="dir:bottom"][flex~="box:last"]>*,[flex~="dir:bottom"][flex~="box:justify"]>*{width:auto;height:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}[flex~="dir:top"][flex~="box:first"]>:first-child,[flex~="dir:top"][flex~="box:last"]>:last-child,[flex~="dir:top"][flex~="box:justify"]>:first-child,[flex~="dir:top"][flex~="box:justify"]>:last-child,[flex~="dir:bottom"][flex~="box:first"]>:first-child,[flex~="dir:bottom"][flex~="box:last"]>:last-child,[flex~="dir:bottom"][flex~="box:justify"]>:first-child [flex~="dir:bottom"][flex~="box:justify"]>:last-child{height:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}[flex-box="0"]{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}[flex-box="1"]{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}[flex-box="2"]{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2}[flex-box="3"]{-webkit-box-flex:3;-webkit-flex-grow:3;-ms-flex-positive:3;flex-grow:3;-webkit-flex-shrink:3;-ms-flex-negative:3;flex-shrink:3}[flex-box="4"]{-webkit-box-flex:4;-webkit-flex-grow:4;-ms-flex-positive:4;flex-grow:4;-webkit-flex-shrink:4;-ms-flex-negative:4;flex-shrink:4}[flex-box="5"]{-webkit-box-flex:5;-webkit-flex-grow:5;-ms-flex-positive:5;flex-grow:5;-webkit-flex-shrink:5;-ms-flex-negative:5;flex-shrink:5}[flex-box="6"]{-webkit-box-flex:6;-webkit-flex-grow:6;-ms-flex-positive:6;flex-grow:6;-webkit-flex-shrink:6;-ms-flex-negative:6;flex-shrink:6}[flex-box="7"]{-webkit-box-flex:7;-webkit-flex-grow:7;-ms-flex-positive:7;flex-grow:7;-webkit-flex-shrink:7;-ms-flex-negative:7;flex-shrink:7}[flex-box="8"]{-webkit-box-flex:8;-webkit-flex-grow:8;-ms-flex-positive:8;flex-grow:8;-webkit-flex-shrink:8;-ms-flex-negative:8;flex-shrink:8}[flex-box="9"]{-webkit-box-flex:9;-webkit-flex-grow:9;-ms-flex-positive:9;flex-grow:9;-webkit-flex-shrink:9;-ms-flex-negative:9;flex-shrink:9}[flex-box="10"]{-webkit-box-flex:10;-webkit-flex-grow:10;-ms-flex-positive:10;flex-grow:10;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10} [flex],[flex]>*,[flex]>[flex]{overflow:visible}[flex]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[flex]>*{display:block}[flex]>[flex]{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}[flex~="dir:left"]{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}[flex~="dir:right"]{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;-webkit-box-pack:end}[flex~="dir:top"]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}[flex~="dir:bottom"]{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;-webkit-box-pack:end}[flex~="main:left"]{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}[flex~="main:right"]{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end}[flex~="main:justify"]{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}[flex~="main:center"]{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}[flex~="cross:top"]{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;-ms-grid-row-align:flex-start;align-items:flex-start}[flex~="cross:bottom"]{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;-ms-grid-row-align:flex-end;align-items:flex-end}[flex~="cross:center"]{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center}[flex~="cross:baseline"]{-webkit-box-align:baseline;-webkit-align-items:baseline;-ms-flex-align:baseline;-ms-grid-row-align:baseline;align-items:baseline}[flex~="cross:stretch"]{-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;-ms-grid-row-align:stretch;align-items:stretch}[flex~="box:mean"]>*,[flex~="box:first"]>*,[flex~="box:last"]>*,[flex~="box:justify"]>*{width:0;height:auto;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}[flex~="box:first"]>:first-child,[flex~="box:last"]>:last-child,[flex~="box:justify"]>:first-child,[flex~="box:justify"]>:last-child{width:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}[flex~="dir:top"][flex~="box:mean"]>*,[flex~="dir:top"][flex~="box:first"]>*,[flex~="dir:top"][flex~="box:last"]>*,[flex~="dir:top"][flex~="box:justify"]>*,[flex~="dir:bottom"][flex~="box:mean"]>*,[flex~="dir:bottom"][flex~="box:first"]>*,[flex~="dir:bottom"][flex~="box:last"]>*,[flex~="dir:bottom"][flex~="box:justify"]>*{width:auto;height:0;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}[flex~="dir:top"][flex~="box:first"]>:first-child,[flex~="dir:top"][flex~="box:last"]>:last-child,[flex~="dir:top"][flex~="box:justify"]>:first-child,[flex~="dir:top"][flex~="box:justify"]>:last-child,[flex~="dir:bottom"][flex~="box:first"]>:first-child,[flex~="dir:bottom"][flex~="box:last"]>:last-child,[flex~="dir:bottom"][flex~="box:justify"]>:first-child [flex~="dir:bottom"][flex~="box:justify"]>:last-child{height:auto;-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}[flex-box="0"]{-webkit-box-flex:0;-webkit-flex-grow:0;-ms-flex-positive:0;flex-grow:0;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}[flex-box="1"]{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-shrink:1;-ms-flex-negative:1;flex-shrink:1}[flex-box="2"]{-webkit-box-flex:2;-webkit-flex-grow:2;-ms-flex-positive:2;flex-grow:2;-webkit-flex-shrink:2;-ms-flex-negative:2;flex-shrink:2}[flex-box="3"]{-webkit-box-flex:3;-webkit-flex-grow:3;-ms-flex-positive:3;flex-grow:3;-webkit-flex-shrink:3;-ms-flex-negative:3;flex-shrink:3}[flex-box="4"]{-webkit-box-flex:4;-webkit-flex-grow:4;-ms-flex-positive:4;flex-grow:4;-webkit-flex-shrink:4;-ms-flex-negative:4;flex-shrink:4}[flex-box="5"]{-webkit-box-flex:5;-webkit-flex-grow:5;-ms-flex-positive:5;flex-grow:5;-webkit-flex-shrink:5;-ms-flex-negative:5;flex-shrink:5}[flex-box="6"]{-webkit-box-flex:6;-webkit-flex-grow:6;-ms-flex-positive:6;flex-grow:6;-webkit-flex-shrink:6;-ms-flex-negative:6;flex-shrink:6}[flex-box="7"]{-webkit-box-flex:7;-webkit-flex-grow:7;-ms-flex-positive:7;flex-grow:7;-webkit-flex-shrink:7;-ms-flex-negative:7;flex-shrink:7}[flex-box="8"]{-webkit-box-flex:8;-webkit-flex-grow:8;-ms-flex-positive:8;flex-grow:8;-webkit-flex-shrink:8;-ms-flex-negative:8;flex-shrink:8}[flex-box="9"]{-webkit-box-flex:9;-webkit-flex-grow:9;-ms-flex-positive:9;flex-grow:9;-webkit-flex-shrink:9;-ms-flex-negative:9;flex-shrink:9}[flex-box="10"]{-webkit-box-flex:10;-webkit-flex-grow:10;-ms-flex-positive:10;flex-grow:10;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10}
\ No newline at end of file
src/assets/img/icon-01.png
src/assets/img/icon-01.png

1.28 KB | W: | H:

src/assets/img/icon-01.png

2.19 KB | W: | H:

src/assets/img/icon-01.png
src/assets/img/icon-01.png
src/assets/img/icon-01.png
src/assets/img/icon-01.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/img/index-tab1-active.png
src/assets/img/index-tab1-active.png

5.84 KB | W: | H:

src/assets/img/index-tab1-active.png

17.7 KB | W: | H:

src/assets/img/index-tab1-active.png
src/assets/img/index-tab1-active.png
src/assets/img/index-tab1-active.png
src/assets/img/index-tab1-active.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/img/index-tab1.png
src/assets/img/index-tab1.png

3.4 KB | W: | H:

src/assets/img/index-tab1.png

12.5 KB | W: | H:

src/assets/img/index-tab1.png
src/assets/img/index-tab1.png
src/assets/img/index-tab1.png
src/assets/img/index-tab1.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/js/store.js
...@@ -5,7 +5,7 @@ Vue.use(Vuex); ...@@ -5,7 +5,7 @@ Vue.use(Vuex);
import dictionaries from '@/assets/js/dictionaries.js'; //字典 import dictionaries from '@/assets/js/dictionaries.js'; //字典
const state = { const state = {
refresh_time: 10000, //定时刷新 refresh_time: 100000, //定时刷新
// is_login: $auth.isAuthenticated(), //是否登录 // is_login: $auth.isAuthenticated(), //是否登录
init_url: {}, //全站入口信息 init_url: {}, //全站入口信息
cur_coins: [], //获取支持的币种 cur_coins: [], //获取支持的币种
......
src/assets/less/style.less
...@@ -53,10 +53,75 @@ ...@@ -53,10 +53,75 @@
.eq-font {font-family: "Droid Sans Mono", Menlo, Monaco, Consolas, "Courier New", monospace} .eq-font {font-family: "Droid Sans Mono", Menlo, Monaco, Consolas, "Courier New", monospace}
html,body {-webkit-tap-highlight-color: rgba(0, 0, 0,0); background: #ededf2;font-family: "Roboto","Helvetica Neue",Helvetica,"Hiragino Sans GB",STHeitiSC-Light,"Microsoft YaHei","微软雅黑",Arial,sans-serif;width:100%;height:100%;} html,body {-webkit-tap-highlight-color: rgba(0, 0, 0,0); font-size: 0.28rem; background: #fff;font-family: "Roboto","Helvetica Neue",Helvetica,"Hiragino Sans GB",STHeitiSC-Light,"Microsoft YaHei","微软雅黑",Arial,sans-serif;width:100%;height:100%;}
.bg-blue {background: #ededf2;}
.line{.pos(r);
&:after {width:100%; height:1px; background:#ccc;.pos(a); left: 0; right: 0; top:0; transform:scale(1,0.33) translateY(-1px);content:'';}
.xt{width:100%; height:1px; background:#ccc;.pos(a); left: 0; right: 0; top:0; transform:scale(1,0.33) translateY(-1px);content:'';}
.xb{width:100%; height:1px; background:#ccc;.pos(a); left: 0; right: 0; bottom:0; transform:scale(1,0.33) translateY(1px);content:'';}
.yl{width:1px; height:100%; background:#ccc;.pos(a); left: 0; bottom: 0; top:0; transform:scale(0.33,1) translateX(-1px);content:'';}
.yr{width:1px; height:100%; background:#ccc;.pos(a); right: 0; bottom: 0; top:0; transform:scale(0.33,1) translateX(1px);content:'';}
}
/*复用颜色*/
@blue:#103f73; @blue:#103f73;
.header-home {height:2.9rem; background:@blue;
.logo {width:2.8rem; height:auto; display:block;margin:0 auto;}
/*样式修正*/
.button-primary {background:@blue;border-color:@blue; box-shadow: 0 0.2rem 0.3rem rgba(16,63,115,0.2);}
.swiper-home {.pos(r);
&:after {.line.xb;}
.swiper-button-next, .swiper-button-prev {width:0.18rem; height:0.32rem;background-size:0.18rem 0.32rem; margin-top: -0.16rem;}
/*
.swiper-button-prev {left: 0;}
.swiper-button-next {right: 0;}
*/
.swiper-slide {.tc;}
span {color:#999;.d-ib;font-size:0.28rem;.txt-ver(0.9rem); background-size:0.5rem 0.5rem; background-repeat: no-repeat; background-position: left center; padding-left: 0.6rem;
&.ltc {background-image:url(../img/index-tab1.png);}
&.eth {background-image:url(../img/index-tab2.png);}
&.dash {background-image:url(../img/index-tab3.png);}
&.xmr {background-image:url(../img/index-tab4.png);}
&.btc {background-image:url(../img/index-tab5.png);}
&.sc {background-image:url(../img/index-tab6.png);}
&.zcash {background-image:url(../img/index-tab7.png);}
&.doge {background-image:url(../img/index-tab8.png);}
}
span.active {color:#333;.d-ib;font-size:0.28rem;.txt-ver(0.9rem); background-size:0.5rem 0.5rem; background-repeat: no-repeat; background-position: left center; padding-left: 0.6rem;
&.ltc {background-image:url(../img/index-tab1-active.png);}
&.eth {background-image:url(../img/index-tab2-active.png);}
&.dash {background-image:url(../img/index-tab3-active.png);}
&.xmr {background-image:url(../img/index-tab4-active.png);}
&.btc {background-image:url(../img/index-tab5-active.png);}
&.sc {background-image:url(../img/index-tab6-active.png);}
&.zcash {background-image:url(../img/index-tab7-active.png);}
&.doge {background-image:url(../img/index-tab8-active.png);}
}
}
.header-home {height:2.9rem; background:@blue;
.logo {width:2.8rem; height:auto;.d-b;}
&.ios { height:2.7rem; padding-top: 0.2rem;}
}
.btn-group { .ohz;
button {width: 100%; margin-bottom: 0.4rem;}
.el-button+.el-button {margin:0}
}
.v {font-size: 0.4rem; color: #252525}
.k {font-size:0.26rem; color: #252525; margin-left: 0.1rem;}
.title { .font-wn;
&.f24gray {color: #888; font-size: 0.24rem;}
}
.cell {.pos(r);
&:after {.line.xb;}
&>div { padding: 0.5rem 0;.pos(r);
&:after {.line.yr;}
}
&>div:nth-last-of-type(1) {
&:after {width: 0;}
}
.title {margin-top: 0.1rem;}
} }
.c-charts {width:100%;height:220px;}
\ No newline at end of file
src/components/Home.vue
<template> <template>
<div class="warp"> <div class="warp">
<div class="header-home"><img class="logo" src="../assets/img/logo.png" alt="" /></div> <div class="header-home" flex="main:center cross:center"><img class="logo" src="../assets/img/logo.png" alt="" /></div>
<div class="swiper-home">
<swiper :options="swiperOption" ref="mySwiper"> <swiper :options="swiperOption" ref="mySwiper">
<!-- slides --> <!-- slides -->
<swiper-slide>I'm Slide 1</swiper-slide> <swiper-slide flex="main:center cross:center" v-for="(coin,coinIdx) in $store.state.cur_coins" :key="coin"><span :class="coinIdx==active?coin+' active':coin+''" @click="changeCoin(coin,coinIdx)">{{coin|uppercase}}</span></swiper-slide>
<swiper-slide>I'm Slide 2</swiper-slide>
<swiper-slide>I'm Slide 3</swiper-slide>
<!-- Optional controls --> <!-- Optional controls -->
<div class="swiper-button-prev" slot="button-prev"></div> <div class="swiper-button-prev" slot="button-prev"></div>
<div class="swiper-button-next" slot="button-next"></div> <div class="swiper-button-next" slot="button-next"></div>
</swiper> </swiper>
{{msg}} </div>
<button @click="login">登录</button> <indexChart :params_coin=coin></indexChart>
<button @click="reg">注册</button> <div class="btn-group mt40 pb40 pl100 pr100">
<el-button type="primary" round @click="login" class="button-primary">登录</el-button>
<el-button round @click="reg">注册</el-button>
</div>
</div> </div>
</template> </template>
<script> <script>
import fn from '@/assets/js/function.js' import fn from '@/assets/js/function.js'
import { mapState } from 'vuex' import { mapState } from 'vuex'
// import indexChart from "@/components/charts/indexChart.vue" import indexChart from "@/components/charts/indexChart.vue"
import { swiper, swiperSlide } from 'vue-awesome-swiper' import { swiper, swiperSlide } from 'vue-awesome-swiper'
export default { export default {
name: 'home', name: 'home',
components: { components: {
swiper, swiper,
swiperSlide swiperSlide,
indexChart
}, },
data() { data() {
return { return {
...@@ -35,19 +38,25 @@ export default { ...@@ -35,19 +38,25 @@ export default {
direction: 'horizontal', direction: 'horizontal',
grabCursor: true, grabCursor: true,
setWrapperSize: true, setWrapperSize: true,
autoHeight: true, autoHeight: false,
paginationClickable: true,
prevButton: '.swiper-button-prev', prevButton: '.swiper-button-prev',
nextButton: '.swiper-button-next', nextButton: '.swiper-button-next',
mousewheelControl: true,
observeParents: true, observeParents: true,
debugger: true, debugger: true,
slidesPerView:3 slidesPerView: 2,
},
coin: $store.state.cur_coins[0],
active: 0
} }
},
computed: {
...mapState(["txt", "init_url", "cur_coins"]),
swiper() {
return this.$refs.mySwiper.swiper
} }
}, },
mounted() { mounted() {
this.swiper.slideTo(0, 1000, false);
}, },
methods: { methods: {
login() { login() {
...@@ -55,6 +64,10 @@ export default { ...@@ -55,6 +64,10 @@ export default {
}, },
reg() { reg() {
this.$router.push('/reg') this.$router.push('/reg')
},
changeCoin(coin, coinIdx) {
this.coin = coin;
this.active = coinIdx;
} }
} }
} }
......
src/components/charts/indexChart.vue
<template> <template>
<div> <div>
<h2 class="title s5 mt50 mb30" v-if="language=='zh-cn'">{{init_url.coins[params_coin]['text_zh-cn']}}{{txt[language].suanlitubiao}}</h2> <div class="cell" flex="box:mean">
<h2 class="title s5 mt50 mb30" v-if="language=='en'">{{init_url.coins[params_coin]['text_en']}}　{{txt[language].suanlitubiao}}</h2> <div flex="main:center dir:top box:center cross:center">
<p class="f-tac"><span class="v"><animated-num :value="shares_1h" :fixed=3></animated-num></span><span class="k">{{shares_unit}}H/s</span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="v"><animated-num :value="workers" :fixed=0></animated-num></span><span class="k">在线矿机</span></p> <p><span class="v"><animated-num :value="shares_1h" :fixed=3></animated-num></span><span class="k">{{unit}}H/s</span></p>
<h3 class="title f24gray">实时算力</h3>
</div>
<div flex="main:center dir:top box:center cross:center">
<p><span class="v"><animated-num :value="workers" :fixed=0></animated-num></span><span class="k">台</span></p>
<h3 class="title f24gray">矿机</h3>
</div>
</div>
<div class="c-charts"> <div class="c-charts">
<IEcharts :option="line"></IEcharts> <IEcharts :option="line"></IEcharts>
</div> </div>
<div class="line"></div>
</div> </div>
</template> </template>
<script> <script>
import fn from '@/assets/js/function.js'; import fn from '@/assets/js/function.js';
import { mapState } from 'vuex'; import { mapState } from 'vuex';
import IEcharts from 'vue-echarts-v3'; import IEcharts from 'vue-echarts-v3';
import animatedNum from "@/components/pages/animatednum.vue"; import animatedNum from "@/components/AnimatedNum.vue";
export default { export default {
components: { components: {
IEcharts, IEcharts,
...@@ -20,9 +28,9 @@ export default { ...@@ -20,9 +28,9 @@ export default {
}, },
data: () => ({ data: () => ({
shares_1h: '', shares_1h: 0,
shares_unit: '', shares_unit: '',
workers: '', workers: 0,
shareHistoryTime: [], //算力历史时间 shareHistoryTime: [], //算力历史时间
shareHistoryYes: [], //算力历史成功 shareHistoryYes: [], //算力历史成功
...@@ -45,14 +53,13 @@ export default { ...@@ -45,14 +53,13 @@ export default {
tooltip: { tooltip: {
trigger: 'axis', trigger: 'axis',
formatter: function(params) { formatter: function(params) {
//console.log(params)
return params[0].name + '<br/>' + return params[0].name + '<br/>' +
params[0].seriesName + ' : ' + (params[0].value).toFixed(3) + ' ' + self.unit + 'H/s' params[0].seriesName + ' : ' + (params[0].value).toFixed(3) + ' ' + self.unit + 'H/s'
} }
}, },
legend: {}, legend: {},
grid: { grid: {
top: '9%', top: '15%',
left: '3%', left: '3%',
right: '5%', right: '5%',
bottom: '5%', bottom: '5%',
...@@ -128,14 +135,11 @@ export default { ...@@ -128,14 +135,11 @@ export default {
}] }]
} }
}, },
// refresh() {
// return $store.state.refresh
// }
}, },
watch: { watch: {
// refresh(v) { params_coin(){
// this.pageInitInterval() this.pageInitInterval()
// } }
}, },
created() { created() {
this.pageInitInterval() this.pageInitInterval()
...@@ -166,15 +170,12 @@ export default { ...@@ -166,15 +170,12 @@ export default {
fn.getShareHistory(72, "1h", self.params_coin) fn.getShareHistory(72, "1h", self.params_coin)
.then(res => { .then(res => {
let hour; let hour;
self.shareHistoryTime=[]; self.shareHistoryTime = [];
self.shareHistoryYes=[]; self.shareHistoryYes = [];
self.shareHistoryNo=[]; self.shareHistoryNo = [];
if (res.data.err_no == 0) { if (res.data.err_no == 0) {
self.unit = res.data.data.unit; self.unit = res.data.data.unit;
_.each(res.data.data.tickers, function(v, i) { _.each(res.data.data.tickers, function(v, i) {
//时间戳转小时
// hour = new Date(v[0] * 1000).getHours();
// self.shareHistoryTime.push((Array(2).join(0) + hour).slice(-2) + ":00");
self.shareHistoryTime.push(fn.getYMDHM(v[0] * 1000)) self.shareHistoryTime.push(fn.getYMDHM(v[0] * 1000))
self.shareHistoryYes.push(v[1]); self.shareHistoryYes.push(v[1]);
self.shareHistoryNo.push(v[2]); self.shareHistoryNo.push(v[2]);
...@@ -189,24 +190,6 @@ export default { ...@@ -189,24 +190,6 @@ export default {
</script> </script>
<style scoped> <style scoped>
.el-col {
margin-bottom: 16px;
}
.material-icons {
font-size: 80px;
color: #ddd;
}
.cart-string {
height: 100px;
padding-top: 10px;
font-size: 1.1rem;
}
.c-charts {
height: 400px;
width: 100%;
}
</style> </style>
src/main.js
...@@ -18,6 +18,10 @@ import MintUI from 'mint-ui' ...@@ -18,6 +18,10 @@ import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css' import 'mint-ui/lib/style.css'
Vue.use(MintUI) Vue.use(MintUI)
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
import axios from 'axios'; import axios from 'axios';
axios.defaults.withCredentials = false; axios.defaults.withCredentials = false;
axios.defaults.timeout = 50000; axios.defaults.timeout = 50000;
...@@ -25,15 +29,17 @@ axios.interceptors.request.use(config => { ...@@ -25,15 +29,17 @@ axios.interceptors.request.use(config => {
return checkToken().then(function(res) { return checkToken().then(function(res) {
config.headers['Authorization'] = "Bearer " + res; config.headers['Authorization'] = "Bearer " + res;
return config; return config;
}, function(eMsg) {console.log('添加token失败了')}); }, function(eMsg) { console.log('添加token失败了') });
}, err => { }, err => {
return Promise.reject(err); return Promise.reject(err);
}); });
function checkToken() { function checkToken() {
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
resolve("access token"); resolve("access token");
}) })
} }
window.$axios = Vue.prototype.$axios = axios;
window.$router = router window.$router = router
...@@ -43,6 +49,7 @@ Vue.config.productionTip = false ...@@ -43,6 +49,7 @@ Vue.config.productionTip = false
new Vue({ new Vue({
el: '#app', el: '#app',
store,
router, router,
template: '<App/>', template: '<App/>',
components: { App } components: { App }
......
src/router/index.js
...@@ -128,14 +128,14 @@ const router = new Router({ ...@@ -128,14 +128,14 @@ const router = new Router({
meta: { meta: {
title: 'Notice.vue' title: 'Notice.vue'
} }
},{ }, {
path: '/noticeList', path: '/noticeList',
name: 'noticeList', name: 'noticeList',
component: NoticeList, component: NoticeList,
meta: { meta: {
title: 'NoticeList.vue' title: 'NoticeList.vue'
} }
},{ }, {
path: '/noticeShow', path: '/noticeShow',
name: 'noticeShow', name: 'noticeShow',
component: NoticeShow, component: NoticeShow,
...@@ -149,11 +149,63 @@ const router = new Router({ ...@@ -149,11 +149,63 @@ const router = new Router({
}) })
router.beforeEach((to, from, next) => { router.beforeEach((to, from, next) => {
// if (localStorage.getItem('enter_panel') == "true") {
// $store.commit('setEnterPannel', true);
// }
function getCoins(obj) {
//获取所支持币种['ltc','dash','eth'...]
let arr_coins = [];
_.map(obj.regions, function(v, i, o) {
_.map(v.supported_coin_types, function(v1, i1, o1) {
arr_coins.push(v1.coin_type)
})
});
return _.uniq(arr_coins)
}
var arr = ['home', 'jump'];
if (arr.indexOf(to.name) > -1) {
//初始全站入口支持数据(未登录页基础数据)
if ($store.state.cur_coins.length == 0) {
$axios($store.state.base_url)
.then(res => {
$store.commit('setInitUrl', res.data);
$store.commit('setCurCoins', getCoins(res.data));
if (localStorage.coin_type) {
$store.commit('setCoinType', localStorage.coin_type);
} else {
$store.commit('setCoinType', $store.state.cur_coins[0]);
}
if (localStorage.region_id) {
$store.commit('setRegionId', localStorage.region_id)
} else {
$store.commit('setRegionId', res.data.regions[0].region_id);
}
if (!localStorage.puid) {
$store.commit('setPuid', '')
}
if (!localStorage.language) {
$store.commit('setLanguage', $store.state.language)
}
next(); next();
})
} else {
next();
}
} else {
localStorage.removeItem('access_token')
localStorage.removeItem('id_token')
localStorage.removeItem('expires_at')
// $auth.login();
next();
}
}) })
router.afterEach((to, from) => { router.afterEach((to, from) => {
document.title = to.meta.title clearInterval(window.dingshiqi);
document.title = to.meta.title;
}) })
export default router export default router
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment