feat: change the project structure and add mock data function

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

1 files changed, 79 insertions, 0 deletions

diff --git a/usecaseui-portal/src/app/views/management/management.component.less b/usecaseui-portal/src/app/views/management/management.component.less
new file mode 100644
index 00000000..5a3a0f42
--- /dev/null
+++ b/usecaseui-portal/src/app/views/management/management.component.less
@@ -0,0 +1,79 @@
+/*
+    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.
+*/
+.content {
+    .management {
+        width: 100%;
+        .title {
+            width: 50%;
+            vertical-align:top;
+            display: inline-block;
+            font-family: "Arial";
+            p {
+                font-size: 33px;
+                color: #3C4F8C;
+                margin-bottom: 0.5em;
+            }
+            span {
+                font-size: 18px;
+                color: rgba(60,79,140,0.5);
+                display: block;
+            }
+            img {
+                padding-top: 8%;
+                width: 55%;
+                margin-left: 20%;
+                margin-bottom: 5%;
+            }
+            input {
+                width: 50%;
+                margin: 0 auto;
+                margin-bottom: 5%;
+                display: block;
+
+            }
+            .action{
+                width: 50%;
+                height: 40px;
+                margin: 0 auto;
+            }
+            .action button{
+                width: 40%;
+                height: 40px;
+                margin: 0 4%;
+            }
+            .cancel{
+                background-color: #eee;
+                border-color: #eee;
+                color: #9DA7C5;
+            }
+            .add {
+                color: #fff;
+                background:linear-gradient(310deg,rgba(30,158,255,1) 0%,rgba(99,200,255,1) 100%);
+                border-color: #1890ff;
+            }
+        }
+        .image {
+            width: 49%;
+            vertical-align:top;
+            display: inline-block;
+            img {
+                width: 85%;
+                margin-top: 41%;
+            }
+        }
+    }
+   
+}
\ No newline at end of file