27 changed files with 640 additions and 108 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 214 KiB |
|
Before Width: | Height: | Size: 23 KiB After Width: | Height: | Size: 215 KiB |
@ -1,27 +1,27 @@ |
|||
@font-face { |
|||
font-family: 'PingFang Regular'; |
|||
src: url('../assets/fonts/PingFang Regular.ttf') format('truetype'); |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
} |
|||
// @font-face { |
|||
// font-family: 'PingFang Regular'; |
|||
// src: url('../assets/fonts/PingFang-regular.ttf') format('truetype'); |
|||
// font-weight: normal; |
|||
// font-style: normal; |
|||
// } |
|||
|
|||
@font-face { |
|||
font-family: 'PingFang Simple Thin'; |
|||
src: url('../assets/fonts/pingfang-simple-thin.ttf') format('truetype'); |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
} |
|||
// @font-face { |
|||
// font-family: 'PingFang Simple Thin'; |
|||
// src: url('../assets/fonts/pingfang-simple-thin.ttf') format('truetype'); |
|||
// font-weight: normal; |
|||
// font-style: normal; |
|||
// } |
|||
|
|||
@font-face { |
|||
font-family: 'PingFang Simple Bold'; |
|||
src: url('../assets/fonts/pingfang-simple-bold.ttf') format('truetype'); |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
} |
|||
// @font-face { |
|||
// font-family: 'PingFang Simple Bold'; |
|||
// src: url('../assets/fonts/pingfang-simple-bold.ttf') format('truetype'); |
|||
// font-weight: normal; |
|||
// font-style: normal; |
|||
// } |
|||
|
|||
@font-face { |
|||
font-family: 'FZZhengHeiS-B-GB'; |
|||
src: url('../assets/fonts/fzzhengheis-el-gb.ttf') format('truetype'); |
|||
font-weight: bolder; |
|||
font-style: normal; |
|||
} |
|||
// @font-face { |
|||
// font-family: 'FZZhengHeiS-B-GB'; |
|||
// src: url('../assets/fonts/fzzhengheis-el-gb.ttf') format('truetype'); |
|||
// font-weight: bolder; |
|||
// font-style: normal; |
|||
// } |
|||
@ -1,3 +1,59 @@ |
|||
@import './font.scss'; |
|||
@import './page.scss'; |
|||
@import './transition.scss'; |
|||
@import './variables.scss'; |
|||
@import './mixin.scss'; |
|||
|
|||
body { |
|||
height: 100%; |
|||
} |
|||
#app { |
|||
// background-color: rgba($color: #00113F, $alpha: 1); |
|||
// color: $fontColor; |
|||
// width: $width; |
|||
// height: $height; |
|||
// max-width: $width; |
|||
// max-height: $height; |
|||
// position: relative; |
|||
.body { |
|||
flex: 1; |
|||
overflow: hidden; |
|||
} |
|||
.copyright { |
|||
position: absolute; |
|||
left: 50%; |
|||
bottom: 0; |
|||
height: 30px; |
|||
transform: translateX(-50%); |
|||
line-height: 2; |
|||
color: rgba($color: white, $alpha: 0.7); |
|||
font-size: 16px; |
|||
} |
|||
} |
|||
.amap-logo{ |
|||
display: none; |
|||
opacity:0 !important; |
|||
} |
|||
.amap-copyright { |
|||
opacity:0; |
|||
} |
|||
.tooltip{ |
|||
display: none; |
|||
} |
|||
.container { |
|||
height: 100%; |
|||
position: relative; |
|||
} |
|||
.home { |
|||
position: relative; |
|||
height: 100%; |
|||
} |
|||
.hide-bg-progress { |
|||
.el-progress-bar .el-progress-bar__outer { |
|||
background-color: transparent; |
|||
} |
|||
} |
|||
.chart { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
@ -0,0 +1,18 @@ |
|||
// 大屏幕 |
|||
$height: 1152PX; |
|||
$width: 6144PX; |
|||
$barWidth: 3035px; |
|||
|
|||
// 大屏 Header 高度 |
|||
$headerHeight: 137px; |
|||
$smallFontSize: 20px; |
|||
$baseFontSize: 20px; |
|||
$midFontSize: 30px; |
|||
$bigFontSize: 45px; |
|||
|
|||
// 配置地图infodash |
|||
$iconPadding: 30px; |
|||
$iconWidth: 85px; |
|||
|
|||
// 配置支部共建、联合共建 |
|||
$leftWidth: 100px; |
|||
@ -0,0 +1,76 @@ |
|||
@mixin clearfix { |
|||
&:after { |
|||
content: ""; |
|||
display: table; |
|||
clear: both; |
|||
} |
|||
} |
|||
|
|||
@mixin scrollBar { |
|||
&::-webkit-scrollbar-track-piece { |
|||
background: #d3dce6; |
|||
} |
|||
|
|||
&::-webkit-scrollbar { |
|||
width: 6px; |
|||
} |
|||
|
|||
&::-webkit-scrollbar-thumb { |
|||
background: #99a9bf; |
|||
border-radius: 20px; |
|||
} |
|||
} |
|||
|
|||
@mixin relative { |
|||
position: relative; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
@mixin pct($pct) { |
|||
width: #{$pct}; |
|||
position: relative; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
@mixin triangle($width, $height, $color, $direction) { |
|||
$width: $width/2; |
|||
$color-border-style: $height solid $color; |
|||
$transparent-border-style: $width solid transparent; |
|||
height: 0; |
|||
width: 0; |
|||
|
|||
@if $direction==up { |
|||
border-bottom: $color-border-style; |
|||
border-left: $transparent-border-style; |
|||
border-right: $transparent-border-style; |
|||
} |
|||
|
|||
@else if $direction==right { |
|||
border-left: $color-border-style; |
|||
border-top: $transparent-border-style; |
|||
border-bottom: $transparent-border-style; |
|||
} |
|||
|
|||
@else if $direction==down { |
|||
border-top: $color-border-style; |
|||
border-left: $transparent-border-style; |
|||
border-right: $transparent-border-style; |
|||
} |
|||
|
|||
@else if $direction==left { |
|||
border-right: $color-border-style; |
|||
border-top: $transparent-border-style; |
|||
border-bottom: $transparent-border-style; |
|||
} |
|||
} |
|||
|
|||
@mixin flex($direction:row) { |
|||
display: flex; |
|||
flex-direction: $direction; |
|||
} |
|||
|
|||
@mixin shadowInset($width:3px, $color:#0E3AAA, $opacity:0.7) { |
|||
// background-color: #040409; |
|||
box-shadow: inset 0 0 20px $width rgba($color: $color, $alpha: $opacity); |
|||
} |
|||
@ -0,0 +1,14 @@ |
|||
// base color |
|||
$black: #00013B; |
|||
$white: #FFFFFF; |
|||
$blue: #8EC6D8; |
|||
$lightblue: #0C81FE; |
|||
$green: #3eeef0; |
|||
$purple: #9A05F5; |
|||
$fontColor:#9ACCFF; |
|||
$titleColor:#fefefe; |
|||
$progressTitleColor:#70c0c5; |
|||
$progressNumColor:#fefefe; |
|||
// 加载不同的配置文件 |
|||
// @import './layout9216.scss'; |
|||
// @import './layout6144.scss'; |
|||
Loading…
Reference in new issue