Skip to content

B
biz.qingxiao.com
Commit 40c5fb1e authored by baixian's avatar baixian
Browse files
Options

首页

parent 58af0c5e
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 21745 additions and 357 deletions
package-lock.json 0 → 100644
View file @ 40c5fb1e
This diff is collapsed.
package.json
View file @ 40c5fb1e
......@@ -15,6 +15,7 @@
"babel-plugin-import": "^1.6.7",
"babel-polyfill": "^6.26.0",
"bizcharts": "^3.5.5",
"bizcharts-plugin-slider": "^2.1.1-beta.1",
"blueimp-md5": "^2.10.0",
"bundle-loader": "^0.5.6",
"clipboard": "^2.0.0",
......
src/pages/index/index.js
View file @ 40c5fb1e
This diff is collapsed.
src/pages/index/index.less
View file @ 40c5fb1e
......@@ -15,7 +15,10 @@
border-radius: 2px;
//padding: 20px 0 38px 0;
&:first-child {
margin-bottom: 20px;
margin-bottom: 23px;
}
&:nth-child(2) {
margin-bottom: 20px;
}
}
.makebox {
......@@ -23,9 +26,10 @@
height: 318px;
border-radius: 2px;
//padding-top: 20px;
margin-bottom: 20px;
}
.cardtitle {
padding: 16px 0 14px 20px;
padding: 18px 0 18px 20px;
display: flex;
align-items: center;
line-height: 1;
......@@ -52,19 +56,40 @@
text-align: center;
// margin-top: 60px;
}
.staticitem {
flex: 1;
justify-content: center;
align-items: center;
padding: 0 30px;
}
.staticitem:not(:last-child){
border-right: 1px solid #E9E9E9;
}
.statictotal {
color: #000000;
font-weight: 700;
font-size: 20px;
font-size:24px;
font-family:HelveticaNeue;
color:rgba(0,0,0,0.85);
line-height: 32px;
margin-bottom: 19px;
.statictip {
font-size:16px;
font-family:PingFangSC;
font-weight:400;
color:rgba(0,0,0,0.65);
line-height:24px;
display: inline-block;
margin-left: 6px;
}
}
.staticname {
color: rgba(0,0,0,0.6);
color: rgba(0,0,0,0.45);
font-size: 14px;
line-height: 22px;
margin: 17px 0 10px 0;
text-align: left;
//text-align: left;
font-family:PingFangSC;
font-weight:400;
}
.makeitembox {
//margin-top: 120px;
......@@ -81,68 +106,55 @@
border-radius:6px;
border:1px solid rgba(217,217,217,1);
margin-bottom: 22px;
// display: flex;
// align-items: center;
// justify-content: center;
// flex-direction: column;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 22px;
.makeitemLeft {
display: flex;
align-items: center;
}
}
.makeitem:hover {
// cursor: pointer;
// width: 100px;
cursor: pointer;
background:rgba(230,247,255,1);
border:0;
margin-bottom: 22px;
// display: flex;
// align-items: center;
// justify-content: center;
// flex-direction: column;
.themetypename {
font-weight:400;
color:rgba(24,144,255,1);
font-family:PingFangSC;
}
.themetypeicon {
color:rgba(24,144,255,1);
}
}
.themeicon {
// width: 100px;
// display: flex;
// align-items: center;
// justify-content: center;
// flex-direction: column;
// margin-bottom: 22px;
float: left;
margin: 10px 15px 8px 28px;
img {
// display: block;
width: 40px;
height: 40px;
margin-right: 15px;
}
}
.themetypename {
font-size:18px;
font-weight:400;
color:rgba(0,0,0,0.65);
line-height:58px;
}
.themetypename:hover {
font-size:18px;
font-weight:400;
color:rgba(24,144,255,1);
line-height:58px;
}
// @media (max-width: @screen-small-min){
// .topbox {
// display: block;
// }
// .makebox {
// margin-top: 30px;
// }
// }
.chartbox {
// width: 1656px;
// min-width: 870px;
background-color: #fff;
border-radius: 10px;
border-radius: 2px;
padding-top: 20px;
padding-right: 52px;
height: 470px;
height: auto;
.cardtitle {
display: block;
span {
font-size:16px;
font-family:PingFangSC;
font-weight:500;
color:rgba(0,0,0,0.85);
}
}
.cardtitleline {
......@@ -153,7 +165,8 @@
display: flex;
// position: absolute;
// right: 0;
float: right;
//float: right;
z-index: 2;
}
.staticchartcolor {
width: 53px;
......@@ -182,21 +195,21 @@
}
.chartdayshift {
display: flex;
margin-left: 75px;
margin-left: 30px;
cursor: pointer;
// position: absolute;
// right: 0;
}
.dayshift {
width: 88px;
height: 38px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid rgba(210,210,210,1);
font-size: 14px;
font-weight: 700;
letter-spacing: 2px;
font-weight: 400;
letter-spacing: 1px;
font-family:PingFangSC;
color: #595959;
margin-right: 24px;
&:first-child {
border-right: none;
border-radius: 10px 0 0 10px;
......@@ -206,14 +219,12 @@
border-radius: 0 10px 10px 0;
}
&.tabactive {
background-color: #19B5FE;
color: #fff;
color: #1890FF;
}
}
.chartcontent {
width: 100%;
height: 400px;
//height: 400px;
display: flex;
align-items: center;
justify-content: center;
......@@ -280,4 +291,4 @@
// height: 1000px;
background: #fff;
margin-bottom: 20px;
}
\ No newline at end of file
}
yarn-error.log
View file @ 40c5fb1e
This diff is collapsed.
yarn.lock
View file @ 40c5fb1e
......@@ -75,6 +75,11 @@
topojson-client "~3.0.0"
wolfy87-eventemitter "~5.1.0"
"@antv/g2-plugin-slider@2.1.0":
version "2.1.0"
resolved "https://registry.npm.taobao.org/@antv/g2-plugin-slider/download/@antv/g2-plugin-slider-2.1.0.tgz#7f2f5879d33dcfb14dd2b955092ca198ad9152b9"
integrity sha1-fy9YedM9z7FN0rlVCSyhmK2RUrk=
"@antv/g2@3.5.8-beta.1":
version "3.5.8-beta.1"
resolved "https://registry.yarnpkg.com/@antv/g2/-/g2-3.5.8-beta.1.tgz#71ba5b065ce513be916ceca258d2a02e1ea8e441"
......@@ -1902,6 +1907,13 @@ binary-extensions@^1.0.0:
version "1.11.0"
resolved "https://registry.yarnpkg.com/binary-extensions/-/binary-extensions-1.11.0.tgz#46aa1751fb6a2f93ee5e689bb1087d4b14c6c205"
bizcharts-plugin-slider@^2.1.1-beta.1:
version "2.1.1-beta.1"
resolved "https://registry.npm.taobao.org/bizcharts-plugin-slider/download/bizcharts-plugin-slider-2.1.1-beta.1.tgz#e09a1cbee28cff897b1984a18add2a6d171c6fda"
integrity sha1-4JocvuKM/4l7GYShit0qbRccb9o=
dependencies:
"@antv/g2-plugin-slider" "2.1.0"
bizcharts@^3.5.5:
version "3.5.5"
resolved "https://registry.yarnpkg.com/bizcharts/-/bizcharts-3.5.5.tgz#108fb79c6dd203456361effbe3558b08ed82bf0e"
......
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 to comment