Browse Source

图书详情

master
x_ying 2 years ago
parent
commit
9ffcb4ba48
  1. 18
      src/views/module/bookDetails.vue

18
src/views/module/bookDetails.vue

@ -14,8 +14,8 @@
</div> </div>
<div class="book-desc"> <div class="book-desc">
<h3>{{ bookData.title }}</h3> <h3>{{ bookData.title }}</h3>
<p class="book-from">作者{{ bookData.author }}</p>
<p class="book-from">出版社{{ bookData.author }}</p>
<p class="book-from">作者{{ bookData.author }}嘎嘎嘎嘎嘎嘎嘎嘎嘎过嘎嘎嘎嘎嘎嘎嘎嘎嘎过嘎嘎嘎嘎嘎嘎嘎嘎嘎过</p>
<p class="book-from">出版社{{ bookData.author }}嘎嘎嘎嘎嘎嘎嘎嘎嘎过嘎嘎嘎嘎嘎嘎嘎嘎嘎过嘎嘎嘎嘎嘎嘎嘎嘎嘎过</p>
<p class="book-brief">简介哈哈哈哈哈哈哈啊哈哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈</p> <p class="book-brief">简介哈哈哈哈哈哈哈啊哈哈哈哈哈啊哈哈哈哈哈哈啊哈哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈啊哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈啊哈哈哈</p>
</div> </div>
</div> </div>
@ -104,6 +104,12 @@ export default {
h3{ h3{
font-size: 40px; font-size: 40px;
font-weight: normal; font-weight: normal;
}
.book-from{
width: 100%;
font-size: 30px;
}
h3,.book-from{
text-overflow: -o-ellipsis-lastline; text-overflow: -o-ellipsis-lastline;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
@ -113,14 +119,6 @@ export default {
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
margin-bottom: 20px; margin-bottom: 20px;
} }
.book-from{
width: 100%;
font-size: 30px;
margin-bottom: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.book-brief{ .book-brief{
font-size: 24px; font-size: 24px;
margin-bottom: 20px; margin-bottom: 20px;

Loading…
Cancel
Save