diff options
author | wangyuerg <wangyuerg@chinamobile.com> | 2021-03-02 16:07:45 +0800 |
---|---|---|
committer | xu ran <xuranyjy@chinamobile.com> | 2021-03-02 08:59:29 +0000 |
commit | 469a666d1164207a807e6e67c63d08cbb9a6ac0e (patch) | |
tree | 5c20aff2ae2297f4f8b706f6f827c87add31940f /usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.less | |
parent | 55e54ca0fddd6d885fe021da086ae8065fc140bd (diff) |
feat:create detail
Signed-off-by: wangyuerg <wangyuerg@chinamobile.com>
Issue-ID: USECASEUI-527
Change-Id: Ibf772723d59d97cc4a6bb1b5e6a8a51180510577
Diffstat (limited to 'usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.less')
-rw-r--r-- | usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.less | 42 |
1 files changed, 41 insertions, 1 deletions
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.less b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.less index 3d0813f4..c0b15eb3 100644 --- a/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.less +++ b/usecaseui-portal/src/app/views/services/slicing-management/csmf-slicing-business-management/business-order/business-order.component.less @@ -29,4 +29,44 @@ .error-input-border { border-color: red !important; -}
\ No newline at end of file +} + +.detail-wrap{ + width: 300px; + height: 450px; + background: rgba(0, 0, 0, .8); + line-height: 20px; + border-radius: 4px; + text-indent: 2em; + position: absolute; + right: -200px; + top: -458px; + color:#ffffff; + p{ + padding: 10px 10px 0 10px; + + } +} +.detail-icon{ + position: absolute; + right: -16px; +cursor: pointer; + +} + +.detail-wrap::before{ + content: ''; + display: block; + position: absolute; + right: 178px; + bottom: -16px; + border: 20px solid transparent; + border: 8px solid transparent; + border-top: 8px solid rgba(0, 0, 0, .8); +} +.detail-img{ + width: 200px; + height: 200px; + display: block; + margin: 0 auto; +} |