feat:modify style

Signed-off-by: wangyuerg <wangyuerg@chinamobile.com>
Change-Id: Ic5b5bda31bbb88912bd70cc32c91b3fbd19ba0e4
Issue-ID: USECASEUI-527

2 files changed, 18 insertions, 11 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 32443e8d..54a44d0b 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
@@ -44,7 +44,7 @@
                         <img src="../../../../../../../assets/images/an-img.png" class="anImg"/>
                     </p>
                     <p *ngIf="isshowran" class="ran_text">{{rantext}}</p>
-                    <p>{{businessDetailInfo.an_ip_adrress}}
+                    <p class="ran_adrress">{{businessDetailInfo.an_ip_adrress}}
                         <img src="../../../../../../../assets/images/ask-img.png" alt="" 
                         class="detail-icon"
                         *ngIf="businessDetailInfo.an_ip_adrress"
@@ -89,7 +89,7 @@
                         <img src="../../../../../../../assets/images/cn-cloud-img.jpg" class="cnCloud"/>
                     </p>
                     <p *ngIf="isshowcore" class="cor_text">{{rantext}}</p>
-                    <p>{{businessDetailInfo.cn_ip_adrress}}
+                    <p class="cn_adrress">{{businessDetailInfo.cn_ip_adrress}}
                         <img src="../../../../../../../assets/images/ask-img.png" alt="" 
                         class="core_icon"
                         *ngIf="businessDetailInfo.cn_ip_adrress"
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 a22743b0..687cd8f9 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
@@ -18,7 +18,7 @@ a{
     text-align: center;
 }
 .anImg{
-    width: 76px;
+    width: 80px;
     height: auto;
     margin-top: 20px;
 }
@@ -58,7 +58,7 @@ a{
     flex:1;
 }
 .tnImg{
-    width: 50px;
+    width: 40px;
     height:auto;
 }
 .three-box{
@@ -68,7 +68,7 @@ a{
 }
 .cnCloud{
     margin-left:10px;
-    width: 68px;
+    width: 80px;
     height: auto;
     margin-top: 20px;
 }
@@ -89,7 +89,7 @@ a{
 }
 .detail-icon{
      position: absolute;
-     right: -26px;
+     right: -22px;
      width:20px;
      height:20px;
      cursor: pointer;
@@ -98,7 +98,7 @@ a{
     content: '';
     display: block;
     position: absolute;
-    right: 94px;
+    right: 96px;
     bottom: -16px;
     border: 20px solid transparent;
     border: 8px solid transparent;
@@ -112,14 +112,14 @@ a{
     border-radius: 4px;
     position: absolute;
     right: -98px;
-    top: 20px;
+    top: 26px;
     color:#ffffff;
 }
 .cor_text::before{
     content: '';
     display: block;
     position: absolute;
-    right: 94px;
+    right: 82px;
     bottom: -16px;
     border: 20px solid transparent;
     border: 8px solid transparent;
@@ -127,9 +127,16 @@ a{
 }
 .core_icon{
     position: absolute;
-    right:-10px;
-  
+    right:-18px;
     width:20px;
     height:20px;
     cursor: pointer;
+}
+.ran_adrress{
+    width:80px;
+    height:22px;
+}
+.cn_adrress{
+    width:90px;
+    height:22px;
 }
\ No newline at end of file