Skip to content

C
crsf-ptvue
Commit cef9b7f4 authored by xiexingan's avatar xiexingan
Browse files
Options

fix: 右上角站点长度样式

parent 19a1c87b
Hide whitespace changes
Inline Side-by-side
Showing with 23 additions and 25 deletions
src/layout/header-aside/components/header-user/index.vue
View file @ cef9b7f4
...@@ -169,9 +169,12 @@ export default { ...@@ -169,9 +169,12 @@ export default {
.user-info{ .user-info{
width: 84px; width: 84px;
height: 36px; height: 34px;
background: url(../../imgs/subwayBg.png); border-top: 1px solid rgba(255, 255, 255, 0.75);
background-size: 100% 100%; 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; text-align:center;
opacity: 0; opacity: 0;
float: right; float: right;
......
src/layout/header-aside/layout.vue
View file @ cef9b7f4
...@@ -26,8 +26,9 @@ ...@@ -26,8 +26,9 @@
<div class="current-date">{{ time | formatDate2 }}</div> <div class="current-date">{{ time | formatDate2 }}</div>
</div> </div>
<div class="subway-container" > <div class="subway-container" >
<div class="subway-info" > <div class="subway-info" :style="{width:station.length*13+ 'px','min-width':'60px'}">
<span :class="station.length<6?'lineFeed':''">{{station}}</span> <!-- <span :class="station.length<6?'lineFeed':''">{{station}}</span> -->
<span>{{station}}</span>
<!-- <div class="out-img"> <!-- <div class="out-img">
</div> --> </div> -->
</div> </div>
...@@ -199,14 +200,13 @@ export default { ...@@ -199,14 +200,13 @@ export default {
this.zdCountNum = this.size.split('-')[0] this.zdCountNum = this.size.split('-')[0]
this.xlCountNum = this.size.split('-')[1] this.xlCountNum = this.size.split('-')[1]
let currentPath=this.$route.path let currentPath = this.$route.path
let routeName = currentPath.slice(0, 7) let routeName = currentPath.slice(0, 7)
if (routeName == '/routes') { if (routeName == '/routes') {
this.isShow = true this.isShow = true
} else { } else {
this.isShow = false this.isShow = false
} }
}, },
filters: { filters: {
formatDate: function(value) { formatDate: function(value) {
...@@ -265,7 +265,6 @@ export default { ...@@ -265,7 +265,6 @@ export default {
this.xlCountNum = val.split('-')[1] this.xlCountNum = val.split('-')[1]
// console.log(this.zdCountNum, '1--------1') // console.log(this.zdCountNum, '1--------1')
// console.log(this.xlCountNum, '2--------2') // console.log(this.xlCountNum, '2--------2')
}, },
'$route.path'(val) { '$route.path'(val) {
// console.log(val, '--------') // console.log(val, '--------')
...@@ -445,7 +444,6 @@ export default { ...@@ -445,7 +444,6 @@ export default {
transform: translateY(60px); transform: translateY(60px);
} }
// 注册主题 // 注册主题
@import "~@/assets/style/theme/register.scss"; @import "~@/assets/style/theme/register.scss";
// 左上角logo // 左上角logo
...@@ -494,23 +492,20 @@ export default { ...@@ -494,23 +492,20 @@ export default {
} }
.subway-info { .subway-info {
min-width: 104px; height: 34px;
height: 36px; line-height:34px;
line-height: 36px;
background: url(./imgs/subwayBg.png);
background-size: 100% 100%;
transform: translateX(12px);
text-align:right; text-align:right;
span { font-size: 12px;
display:inline-block; padding-right:16px;
height: 36px; font-family: Microsoft YaHei;
// padding-top:2px; font-weight: 400;
padding-right:16px; color: rgba(255, 255, 255, 0.75);
font-size: 12px; transform: translateX(12px);
font-family: Microsoft YaHei; border-top: 1px solid rgba(255, 255, 255, 0.75);
font-weight: 400; border-bottom: 1px solid rgba(255, 255, 255, 0.75);
color: 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> </style>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment