Browse Source

解决买卖家中心首页,买家企业名称较长时,公司名文本会溢出的问题

hangb 8 years ago
parent
commit
477c7d6380

+ 16 - 2
src/main/webapp/resources/view/usercenter/forstore/home_center.html

@@ -9,6 +9,20 @@
     p.address span {
         font-weight: 500!important;
     }
+    /*公司名称和用户名称做超出隐藏*/
+    .user_r_01 dl dd span{
+        display: inline-block;
+        margin-top: 18px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+    .user_r_01 dl dd span.user{
+        max-width: 150px;
+    }
+    .user_r_01 dl dd span.enName{
+        max-width: 305px;
+    }
 </style>
 <!--右侧主体部分-->
 <div class="user_home">
@@ -18,8 +32,8 @@
                 <dl>
                     <dt><img src="static/img/user/images/user_photo.png" /></dt>
                     <dd>
-                       <span ng-cloak ng-bind="userInfo.userName + '&nbsp;|'"><br/> <!--<em>账户余额:¥68899.99</em>--></span>
-                        <span ng-cloak ng-bind="userInfo.enterprise.enName || '个人账户'"><br/> <!--<em>账户余额:¥68899.99</em>--></span>
+                        <span ng-cloak ng-bind="userInfo.userName" class="user"><br/> <!--<em>账户余额:¥68899.99</em>--></span>
+                        <span ng-cloak ng-bind="'|&nbsp;' + userInfo.enterprise.enName || '个人账户'" class="enName"><br/> <!--<em>账户余额:¥68899.99</em>--></span>
                         <a ui-sref="account_manager" href="#/accountManager/">账户设置&nbsp;》</a>
                     </dd>
                 </dl>

+ 16 - 2
src/main/webapp/resources/view/vendor/forstore/vendor_index.html

@@ -15,6 +15,20 @@
     .modal-backdrop {
     /*background-color: transparent ;*/
     }
+    /*公司名称和用户名称做超出隐藏*/
+    .seller_data dl dd span{
+        display: inline-block;
+        margin-top: 18px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+    .seller_data dl dd span.user{
+        max-width: 150px;
+    }
+    .seller_data dl dd span.enName{
+        max-width: 305px;
+    }
 </style>
 <div class="user_right fr">
     <div class="right_l">
@@ -22,8 +36,8 @@
             <dl>
                 <dt><img src="static/img/vendor/images/user_photo.png" /></dt>
                 <dd>
-                    <span ng-bind="userInfo.userName + '&nbsp;|'"><br/><!--<em>账户余额:¥68899.99</em>--></span>
-                    <span ng-bind="vendor.enName || '个人账户'"><br/> <!--<em>账户余额:¥68899.99</em>--></span>
+                    <span ng-bind="userInfo.userName" class="user"><br/><!--<em>账户余额:¥68899.99</em>--></span>
+                    <span ng-bind="'|&nbsp;' + vendor.enName || '个人账户'" class="enName"><br/> <!--<em>账户余额:¥68899.99</em>--></span>
                     <a ui-sref="vendor_account_management" href="#/account/management/">账户设置&nbsp;》</a>
                     <!--<p><img src="static/img/vendor/images/sell_grade.png"/>专有服务:******</p>-->
                 </dd>