Skip to content

Commit 8348237

Browse files
committed
修改天气预报,天气字体过长时出现省略号,并添加title
1 parent 53bed66 commit 8348237

File tree

1 file changed

+8
-3
lines changed

1 file changed

+8
-3
lines changed

src/components/MainPage/MessageBoard.vue

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -201,7 +201,7 @@
201201
<use :xlink:href="`#${item.dayweatherIcon}`"></use>
202202
</svg>
203203
</div>
204-
<div class="weathChinese">{{ item.dayweather }}</div>
204+
<div class="weathChinese" :title="item.dayweather">{{ item.dayweather }}</div>
205205
<div class="temperature">
206206
{{ item.nighttemp }} ~ {{ item.daytemp }}°C
207207
</div>
@@ -1041,9 +1041,14 @@ export default {
10411041
font-size: 1.1rem;
10421042
}
10431043
.weathChinese{
1044-
padding-bottom: .3rem;
10451044
font-size: .9rem;
10461045
overflow: hidden;
1047-
flex-wrap:nowrap
1046+
min-width: 0;
1047+
-webkit-box-flex: 1;
1048+
-webkit-line-clamp: 1;
1049+
-webkit-box-orient: vertical;
1050+
display: -webkit-box;
1051+
text-overflow: ellipsis;
1052+
margin-bottom: 0.3rem;
10481053
}
10491054
</style>

0 commit comments

Comments
 (0)