Ver Fonte

首页及导航栏样式调整

yangc há 8 anos atrás
pai
commit
54e3d329ad

+ 12 - 3
components/default/Header.vue

@@ -16,7 +16,7 @@
               </div>
               <ul class="dropdown-menu">
                 <li class="menu-item-first">
-                  <span><i class="fa fa-map-marker"></i>&nbsp;{{ enterprise.enName }}</span>
+                  <span class="member-text" :title="enterprise.enName"><i class="fa fa-map-marker"></i>&nbsp;{{ enterprise.enName }}</span>
                   <a class="pull-right" @click="toggleEnterprises()" v-if="user.data.enterprises && user.data.enterprises.length > 0">
                     {{ showEnterprises ? '取消' : '切换' }}
                   </a>
@@ -134,6 +134,13 @@
     color: #1162a4 !important;
     line-height: inherit;
   }
+  .member-text{
+    width: 80%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    display: inline-block;
+  }
   @import '~assets/scss/mixins';
   @import '~assets/scss/variables';
 
@@ -196,12 +203,14 @@
             }
 
             .dropdown-menu {
-              width: 220px;
+              min-width: 220px;
               margin-left: -1px;
               border: $border;
               border-top: none;
-              padding: 1em;
+              padding: .5em;
               margin:0;
+              border: none;
+              border-radius: 0;
 
               .menu-item-first {
                 margin-bottom: 10px;

+ 2 - 2
components/default/RightBar.vue

@@ -225,7 +225,7 @@
     right: -100%;
     top: 0px;
     bottom: 0;
-    width: 120px;
+    width: 100px;
     line-height: 38px;
     height: 38px;
     color: #ffffff;
@@ -442,7 +442,7 @@
 
     .right-bar-center {
       position: absolute;
-      top: 50%;
+      top: 60%;
       transform: translateY(-50%);
       list-style: none;
       padding: 0;

+ 2 - 0
components/home/News.vue

@@ -58,6 +58,8 @@
 <style lang="scss" scoped>
   .news {
     height: 280px;
+    width: 100%;
+    margin: 0 auto;
     background: url("/images/news/news-bg.jpg");
 
     .news-container {