diff options
| author |   cyuamber <xuranyjy@chinamobile.com> | 2019-09-20 10:43:00 +0800 |
|---|---|---|
| committer | cyuamber <xuranyjy@chinamobile.com> | 2019-09-20 10:43:13 +0800 |
| commit | f017831acae673b55b4f9cf717ed92c8e0e667d4 (patch) | |
| tree | 9102dc80342553db3ba017f12b8f79f830b0ff37 /usecaseui-portal/src/app | |
| parent | 4d0b04211bc3ae1af5bbd3222e9801b7784d10c3 (diff) | |
style: optimize customer page styles
Change-Id: I2e142b503ff9b2abc02a35fb52bdebf72658d70d
Issue-ID: USECASEUI-307
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>
Diffstat (limited to 'usecaseui-portal/src/app')
| -rw-r--r-- | usecaseui-portal/src/app/shared/components/customer/customer.component.less | 41 |
1 files changed, 21 insertions, 20 deletions
diff --git a/usecaseui-portal/src/app/shared/components/customer/customer.component.less b/usecaseui-portal/src/app/shared/components/customer/customer.component.less index e5bf2dd3..3d96d792 100644 --- a/usecaseui-portal/src/app/shared/components/customer/customer.component.less +++ b/usecaseui-portal/src/app/shared/components/customer/customer.component.less @@ -16,7 +16,7 @@ .content { display: flex; width: 100%; - height: 100%; + min-height: 917px; i.anticon { cursor: pointer; font-size: 18px; @@ -42,18 +42,21 @@ >div{ padding: 20px 20px; } - .Cu { - height: 48%; + .Cu,.type{ + min-height: 438px; + height: 46.5vh; width: 100%; - margin-bottom: 7%; margin-right: 2.5%; border-radius: 5px; background-color: #fff; box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.1), 0 2px 49px 0 rgba(0, 0, 0, 0.06); - p { - color :#0DA9E2; + p{ + color: #0DA9E2; font-family:"ArialMT"; } + } + .Cu { + margin-bottom: 7%; div:last-child{ color: #ddd; font-weight: 700; @@ -64,20 +67,14 @@ } } .type { - height: 48%; - width: 100%; - margin-right: 2.5%; - border-radius: 5px; - background-color: #fff; - box-shadow: 0 2px 23px 0 rgba(0, 0, 0, 0.1), 0 2px 49px 0 rgba(0, 0, 0, 0.06); - p { - color :#0DA9E2; - font-family:"ArialMT"; - } app-bar{ width: 100%; } .footname{ + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; width: 100%; height: 40px; line-height: 40px; @@ -93,7 +90,8 @@ } } .customer { - height: 100%; + min-height: 897px; + height: 95.7vh; overflow: hidden; width: 32%; margin-right: 1.5%; @@ -104,7 +102,6 @@ vertical-align: top; .customer_title { line-height: 3.5em; - //height: 5%; width: 100%; border-bottom: 1px #07A9E1 solid; .customers { @@ -168,7 +165,10 @@ span { width: 70%; padding-left: 10%; - display: inline-block; + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } } } @@ -176,8 +176,9 @@ } .services_type { + min-height: 897px; + height: 95.7vh; overflow: hidden; - height: 100%; border-radius: 5px; width: 32%; background-color: #fff; |