summaryrefslogtreecommitdiffstats
path: root/usecaseui-portal/src/app
diff options
context:
space:
mode:
authorwangyuerg <wangyuerg@chinamobile.com>2021-03-10 16:12:41 +0800
committerwangyuerg <wangyuerg@chinamobile.com>2021-03-10 16:12:51 +0800
commit55802952c883c2eddd78c6e2566eda992c0d9937 (patch)
tree198278c23a9e05491b18bd3c9f46840da5529144 /usecaseui-portal/src/app
parentafdfb9cdbf08e12254eff4611e74620c785f4069 (diff)
feat:modify style
Signed-off-by: wangyuerg <wangyuerg@chinamobile.com> Change-Id: Icee3596be55e809332ac7e9f3c667ec498973f06 Issue-ID: USECASEUI-527
Diffstat (limited to 'usecaseui-portal/src/app')
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html8
-rw-r--r--usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less13
2 files changed, 12 insertions, 9 deletions
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html
index 3944f967..ab30564a 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.html
@@ -36,7 +36,7 @@
<div class="header">
<p>AN</p>
<p>TN</p>
- <p>CN</p>
+ <p class="head_cn">CN</p>
</div>
<ul class="list-box">
<li>
@@ -49,7 +49,7 @@
<p >
vLan:{{businessDetailInfo.vLanText}}
</p>
- <p [ngClass]="{'online-type':status!=='deactivated','offline-type':status=='deactivated'}"></p>
+ <p [ngClass]="{'online-type':status=='activated','offline-type':status!=='activated'}"></p>
</li>
<li>
<p>{{businessDetailInfo.tnVersion}}</p>
@@ -63,7 +63,7 @@
<p>
{{businessDetailInfo.msText}} ms
</p>
- <p [ngClass]="{'online-type':status!=='deactivated','offline-type':status=='deactivated'}"></p>
+ <p [ngClass]="{'online-type':status=='activated','offline-type':status!=='activated'}"></p>
<p class="">Link Type:{{businessDetailInfo.linkType}}</p>
</li>
<li>
@@ -77,7 +77,7 @@
<p >
vLan:{{businessDetailInfo.cnVlan}}
</p>
- <p [ngClass]="{'online-type':status!=='deactivated','offline-type':status=='deactivated'}"></p>
+ <p [ngClass]="{'online-type':status=='activated','offline-type':status!=='activated'}"></p>
</li>
<li>
<p>
diff --git a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less
index 38e20a72..ead96487 100644
--- a/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less
+++ b/usecaseui-portal/src/app/views/services/slicing-management/slicing-resource-management/slicing-business-management/slicing-business-model/slicing-business-model.component.less
@@ -11,10 +11,13 @@ a{
height: 40px;
line-height: 40px;
color:#000;
- margin:10px 102px;
+ margin:10px 80px;
+}
+.head_cn{
+ margin-right: 8px;
}
.anImg{
- width: 65px;
+ width: 76px;
height: auto;
margin-top: 20px;
}
@@ -40,20 +43,20 @@ a{
width: 180px;
height: 3px;
background: #1DA57A;
- margin: 0 5px;
+ margin: 0 15px;
}
.offline-type{
width: 180px;
height: 3px;
background: #7e848a;
- margin: 0 5px;
+ margin: 0 15px;
}
.vLan-line{
text-align: center;
top:-20px;
}
.tnImg{
- width: 65px;
+ width: 50px;
height:auto;
}
.three-box{