提交 90b00831 编写于 作者: Yuanzhao.dai's avatar Yuanzhao.dai

机构名称过长样式优化

上级 576691ac
...@@ -149,7 +149,7 @@ ...@@ -149,7 +149,7 @@
font-size: 16px; font-size: 16px;
font-weight: 700; font-weight: 700;
margin-left: 25px; margin-left: 25px;
width: 130px; width: 200px;
} }
.num { .num {
color: #373839; color: #373839;
...@@ -189,4 +189,10 @@ ...@@ -189,4 +189,10 @@
margin: 0 auto; margin: 0 auto;
} }
} }
.textOverflow {
width: 285px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
} }
\ No newline at end of file
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
<div class="info info-hospital" v-if="activeBtnType"> <div class="info info-hospital" v-if="activeBtnType">
<img src="~/assets/img/hospital-ranking/icon-hospital.png" alt=""> <img src="~/assets/img/hospital-ranking/icon-hospital.png" alt="">
<div class="content" v-if="hospitalRanking.score"> <div class="content" v-if="hospitalRanking.score">
<div class="con main-name">{{hospitalRanking.name}}</div> <div class="con main-name textOverflow">{{hospitalRanking.name}}</div>
<div class="con details"> <div class="con details">
<p class="item"> <p class="item">
<span class="label">累计排名</span> <span class="label">累计排名</span>
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
</div> </div>
</div> </div>
<div class="not-join" v-else> <div class="not-join" v-else>
<div class="con main-name">{{hospitalRanking.name}}</div> <div class="con main-name textOverflow">{{hospitalRanking.name}}</div>
<div class="con details">您的机构还未参与活动</div> <div class="con details">您的机构还未参与活动</div>
</div> </div>
</div> </div>
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册