summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app/views/services/services-list/top-card/top-card.component.less
diff options
context:
space:
mode:
authorcyuamber <xuranyjy@chinamobile.com>2019-09-29 13:15:41 +0800
committercyuamber <xuranyjy@chinamobile.com>2019-09-29 13:15:52 +0800
commitf1a0ffa2e0323a61141453c56f12218e3e57a141 (patch)
tree98eeeaf3bea1a27ea3386d356a801db199d35f18 /usecaseui-portal/src/app/views/services/services-list/top-card/top-card.component.less
parent831a305ed9f1bf0027f3450dd41e901eafcb7dc4 (diff)
feat:top card code split into new components of service-list page
Change-Id: I1095c2c56aeb097d7d5318a4287afbf5f4adfcd8 Issue-ID: USECASEUI-307 Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app/views/services/services-list/top-card/top-card.component.less')
-rw-r--r--usecaseui-portal/src/app/views/services/services-list/top-card/top-card.component.less65
1 files changed, 65 insertions, 0 deletions
diff --git a/usecaseui-portal/src/app/views/services/services-list/top-card/top-card.component.less b/usecaseui-portal/src/app/views/services/services-list/top-card/top-card.component.less
new file mode 100644
index 00000000..a235b1e6
--- /dev/null
+++ b/usecaseui-portal/src/app/views/services/services-list/top-card/top-card.component.less
@@ -0,0 +1,65 @@
+.top-list{
+ position: relative;
+ width:100%;
+ max-width:400px;
+ height:170px;
+ background:url("/assets/images/servicelist-e2e.png") no-repeat;
+ background-size: 100% 100%;
+ border-radius:2px;
+ .round{
+ position: absolute;
+ width: 60px;
+ height: 60px;
+ line-height: 60px;
+ text-align: center;
+ background:#E0EDFF;
+ border:2px solid rgba(224,237,255,1);
+ border-radius: 50%;
+ font-size:16px;
+ font-family:ArialMT;
+ color:#3C4F8C;
+ transition: .5s;
+ top: 42%;
+ margin-top: -30px;
+ left: 15%;
+ }
+ .top-list-text{
+ position: absolute;
+ text-align: right;
+ line-height: 20px;
+ right: 12%;
+ color: #fff;
+ p{
+ height: 28px;
+ margin-bottom: 0;
+ padding-left: 5px;
+ font-size: 14px;
+ clear: both;
+ span{
+ display: inline-block;
+ float: right;
+ font-weight: 500;
+ text-align: right;
+ }
+ span:nth-child(1){
+ font-size: 18px;
+ margin-left: 15px;
+ }
+ span:nth-child(2){
+ width: 85px;
+ font-size: 16px;
+ }
+ }
+ p:nth-child(1){
+ margin-top: 25px;
+ }
+ .service-description{
+
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ color: #3C4F8C;
+
+ }
+ }
+} \ No newline at end of file