feat: change the main menu to face the nsmf requirement

Change-Id: I1c835e2798d91a929fb8aac54ff30229a0b85ee5
Issue-ID: USECASEUI-352
Signed-off-by: cyuamber <xuranyjy@chinamobile.com>

1 files changed, 138 insertions, 0 deletions

diff --git a/usecaseui-portal/src/app/views/onboard-vnf-vm/onboard-vnf-vm.component.less b/usecaseui-portal/src/app/views/onboard-vnf-vm/onboard-vnf-vm.component.less
new file mode 100644
index 00000000..f877e1ca
--- /dev/null
+++ b/usecaseui-portal/src/app/views/onboard-vnf-vm/onboard-vnf-vm.component.less
@@ -0,0 +1,138 @@
+/*
+    Copyright (C) 2019 CMCC, Inc. and others. All rights reserved.
+
+    Licensed under the Apache License, Version 2.0 (the "License");
+    you may not use this file except in compliance with the License.
+    You may obtain a copy of the License at
+
+            http://www.apache.org/licenses/LICENSE-2.0
+
+    Unless required by applicable law or agreed to in writing, software
+    distributed under the License is distributed on an "AS IS" BASIS,
+    WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+    See the License for the specific language governing permissions and
+    limitations under the License.
+*/
+th{
+    background-color: rgba(241,243,244,.9) !important;
+}
+.list {
+    padding: 20px;
+    .listUploadContainer{
+        display: flex;
+        align-items: flex-start;
+        width: 100%;
+        height: 30%;
+        margin-bottom: 1%;
+        .listupload {
+            position: relative;
+            width: 22%;
+            margin-left: 13%;
+            .upload{
+                position: absolute;
+                left: 50%;
+                bottom: -48px;
+                transform: translateX(-50%);
+                color: #FFFFFF;
+                font-size: 13px;
+                background-color: #3E9BFF;
+                font-family: ArialMT;
+            }
+        }
+        .listlin {
+            width: 1%;
+            margin-left: 10%;
+            height: 177px;
+            margin-bottom: 30px;
+            border-right: 2px solid #EEEEEE;
+        }
+        .listfile {
+            width: 43%;
+            height: 100%;
+            margin-left: 10%;
+            .listFileTitle{
+                height: 15%;
+                padding-bottom: 15px;
+                color: rgba(66,84,143,1);
+                font-family: ArialMT;
+            }
+            .nouploadfile{
+                height: 80%;
+                width: 100%;
+                text-align: center;
+                font-size: 22px;
+                margin: 5% 0 10px;
+            }
+            .listfilebgc {
+                display: flex;
+                justify-content: space-around;
+                align-items: center;
+                width:100%;
+                height: 80%;
+                padding: 5px;
+                background-color: #fff;
+                border-radius: 2px;
+                color: #42548F;
+                .icon{
+                    width: 15px;
+                }
+                :nth-child(3){
+                    width: 50%;
+                }
+                :nth-child(4){
+                    width: 5%;
+                    height:100%;
+                    .success{
+                        color:#7BC7F3!important;
+                    }
+                    .fail{
+                        color:#fb5c5c!important;
+                    }
+                }
+                .color {
+                    color:rgba(66,84,143,1);
+                    span{
+                        color:rgba(66,84,143,0.7);
+                    }
+                    .progress{
+                        color:rgba(66,84,143,0.7);
+                    }
+                }
+            }
+            
+        }
+        
+    }
+    .listContainer{
+        height: 69%;
+        .mask {
+            top: 0;
+            left: 0;
+            position: fixed;
+            width: 100%;
+            height: 100%;
+            opacity: 0.1;
+            background: black;
+            z-index: 1049;
+        }
+    }
+    nz-table {
+        tbody {
+            td {
+                i.anticon {
+                    cursor: pointer;
+                    font-size: 18px;
+                    padding: 2px;
+                    &:hover{
+                        color: #147dc2;
+                    }
+                }
+                .cannotclick {
+                    pointer-events: none;
+                    color: #aaa;
+                    opacity: 0.6;
+                }
+            }
+        }
+    }
+}