fix: description style with newline (#246)

master
fengkx 4 years ago committed by GitHub
parent 96a90eea25
commit 97f2ce043b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -108,8 +108,11 @@
:showFooter="false" :showFooter="false"
:clickOutsideHide="true" :clickOutsideHide="true"
title="专辑介绍" title="专辑介绍"
>{{ album.description }}</Modal
> >
<p class="description-fulltext">
{{ album.description }}
</p>
</Modal>
<ContextMenu ref="albumMenu"> <ContextMenu ref="albumMenu">
<div class="item">{{ $t("contextMenu.playNext") }}</div> <div class="item">{{ $t("contextMenu.playNext") }}</div>
<div class="item" @click="likeAlbum(true)">{{ <div class="item" @click="likeAlbum(true)">{{
@ -311,6 +314,7 @@ export default {
-webkit-line-clamp: 3; -webkit-line-clamp: 3;
overflow: hidden; overflow: hidden;
cursor: pointer; cursor: pointer;
white-space: pre-line;
&:hover { &:hover {
transition: opacity 0.3s; transition: opacity 0.3s;
opacity: 0.88; opacity: 0.88;
@ -361,4 +365,12 @@ export default {
margin-bottom: 20px; margin-bottom: 20px;
} }
} }
.description-fulltext {
font-size: 16px;
margin-top: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: pre-line;
}
</style> </style>

Loading…
Cancel
Save