diff options
author | 2019-08-29 15:56:17 +0800 | |
---|---|---|
committer | 2019-08-29 15:56:40 +0800 | |
commit | 57e432ae057173ba04ee54fbcb7a152f8c2df301 (patch) | |
tree | 34755d91b5bfdf98171710a39359a2cc6a60e25f /usecaseui-portal/src/app/views/home/home.component.less | |
parent | feb28bd28a181688e64a2f826500126494d16274 (diff) |
style: home page optimization
Change-Id: Ifc03d49fa02ef80c47fbea56cf7d894ea9633826
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/views/home/home.component.less')
-rw-r--r-- | usecaseui-portal/src/app/views/home/home.component.less | 95 |
1 files changed, 42 insertions, 53 deletions
diff --git a/usecaseui-portal/src/app/views/home/home.component.less b/usecaseui-portal/src/app/views/home/home.component.less index affe4765..dc736f18 100644 --- a/usecaseui-portal/src/app/views/home/home.component.less +++ b/usecaseui-portal/src/app/views/home/home.component.less @@ -20,7 +20,6 @@ .left-content{ float: left; width:30%; - // height:96vh; .services,.PACKAGE{ width: 100%; background:rgba(255,255,255,1); @@ -31,6 +30,9 @@ font: 600 16px/16px "Arial Bold"; color: #0DA9E2; } + p { + font: 400 14px/14px "Arial"; + } .tip { float: right; width: 110px; @@ -40,7 +42,11 @@ font-size: 16px; color: #3C4F8C; margin-top: 20px; - margin-bottom: 0!important; + margin-bottom: 0; + text-align: center; + span{ + color: #3C4F8C; + } } } .services{ @@ -111,33 +117,31 @@ } } - .services,.PACKAGE{ - h3 { - font: 400 48px/48px "Arial"; - color: #3fa8eb; - text-align: center; - span { - font-size: 14px; - } - } - - p { - font: 400 14px/14px "Arial"; - color: #54657e; - text-align: center; - margin-bottom: 48px; - } - } - .rightcontent { + .right-content { float: left; - padding-left: 15px; width: 70%; + height: 96vh; + padding-left: 15px; .rt-content { height: 40%; margin-bottom: 18px; background:rgba(255,255,255,1); box-shadow:0px 10px 10px 2px rgba(222,222,222,0.5); border-radius:6px; + .alarm { + float: left; + background-color: #fff; + height: 100%; + width: 48%; + border-radius: 5px; + position: relative; + padding: 28px 26px; + h4 { + position: absolute; + font: 600 16px/16px "Arial Bold"; + color: #0DA9E2; + } + } .poerformance { float: left; background-color: #fff; @@ -149,13 +153,7 @@ h3 { color:#BD57E5; } - } - h4 { - font: 600 16px/16px "Arial Bold"; - color: #0DA9E2; - margin-bottom: 34px; - } - + } div { height: 57px; position: relative; @@ -178,37 +176,28 @@ left: 0; } } - } - .alarm { - float: left; - background-color: #fff; - height: 100%; - width: 48%; - border-radius: 5px; - position: relative; - padding: 28px 26px; - h4 { - position: absolute; - font: 600 16px/16px "Arial Bold"; - color: #0DA9E2; + .tip{ + width: 110px; + background-color: #eceff4; + color: #3C4F8C; + font-size: 16px; + float: right; + margin-top: 20px; + margin-bottom: 0!important; + line-height: 35px; + border-radius: 5px; + text-align: center; + a{ + color:#3C4F8C; + } } } + .alarm-name{ text-align: center; margin-top: 15px; } - .tip{ - width: 110px; - background-color: #eceff4; - color: #3C4F8C; - font-size: 16px; - float: right; - margin-top: 20px; - margin-bottom: 0!important; - line-height: 35px; - border-radius: 5px; - text-align: center; - } + } .rb-content { position: relative; |