fix: 右上角站点长度样式

src/layout/header-aside/components/header-user/index.vue

@@ -169,9 +169,12 @@ export default {
 
   .user-info{
     width: 84px;
-    height: 36px;
-    background: url(../../imgs/subwayBg.png);
-    background-size: 100% 100%;
+    height: 34px;
+    border-top: 1px solid rgba(255, 255, 255, 0.75);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.75);
+    border-left: 1px solid rgba(255, 255, 255, 0.75);
+    border-top-left-radius: 7px;
+    border-bottom-left-radius: 7px;
     text-align:center;
     opacity: 0;
     float: right;

src/layout/header-aside/layout.vue

@@ -26,8 +26,9 @@
               <div class="current-date">{{ time | formatDate2 }}</div>
             </div>
             <div class="subway-container" >
-              <div class="subway-info" >
-                 <span :class="station.length<6?'lineFeed':''">{{station}}</span>
+              <div class="subway-info" :style="{width:station.length*13+ 'px','min-width':'60px'}">
+                 <!-- <span :class="station.length<6?'lineFeed':''">{{station}}</span> -->
+                 <span>{{station}}</span>
                 <!-- <div class="out-img">
                 </div> -->
               </div>
@@ -199,14 +200,13 @@ export default {
     this.zdCountNum = this.size.split('-')[0]
     this.xlCountNum = this.size.split('-')[1]
 
-    let currentPath=this.$route.path
+    let currentPath = this.$route.path
     let routeName = currentPath.slice(0, 7)
     if (routeName == '/routes') {
       this.isShow = true
     } else {
       this.isShow = false
     }
-
   },
   filters: {
     formatDate: function(value) {
@@ -265,7 +265,6 @@ export default {
       this.xlCountNum = val.split('-')[1]
       // console.log(this.zdCountNum, '1--------1')
       // console.log(this.xlCountNum, '2--------2')
-
     },
     '$route.path'(val) {
       // console.log(val, '--------')
@@ -445,7 +444,6 @@ export default {
   transform: translateY(60px);
 }
 
-
 // 注册主题
 @import "~@/assets/style/theme/register.scss";
 // 左上角logo
@@ -494,23 +492,20 @@ export default {
   }
 
   .subway-info {
-    min-width: 104px;
-    height: 36px;
-    line-height: 36px;
-    background: url(./imgs/subwayBg.png);
-    background-size: 100% 100%;
-    transform: translateX(12px);
+    height: 34px;
+    line-height:34px;
     text-align:right;
-       span {
-        display:inline-block;
-        height: 36px;
-        // padding-top:2px;
-        padding-right:16px;
-        font-size: 12px;
-        font-family: Microsoft YaHei;
-        font-weight: 400;
-        color: rgba(255, 255, 255, 0.75);
-      }
+    font-size: 12px;
+    padding-right:16px;
+    font-family: Microsoft YaHei;
+    font-weight: 400;
+    color: rgba(255, 255, 255, 0.75);
+    transform: translateX(12px);
+    border-top: 1px solid rgba(255, 255, 255, 0.75);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.75);
+    border-left: 1px solid rgba(255, 255, 255, 0.75);
+    border-top-left-radius: 7px;
+    border-bottom-left-radius: 7px;
   }
 }
 </style>