图书详情

src/views/module/bookDetails.vue

@@ -14,8 +14,8 @@
             </div>
             <div class="book-desc">
               <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>
             </div>
           </div>
@@ -104,6 +104,12 @@ export default {
       h3{
         font-size: 40px;
         font-weight: normal;
+      }
+      .book-from{
+        width: 100%;
+        font-size: 30px;
+      }
+      h3,.book-from{
         text-overflow: -o-ellipsis-lastline;
         overflow: hidden;
         text-overflow: ellipsis;
@@ -113,14 +119,6 @@ export default {
         -webkit-box-orient: vertical;
         margin-bottom: 20px;
       }
-      .book-from{
-        width: 100%;
-        font-size: 30px;
-        margin-bottom: 20px;
-        overflow: hidden;
-        white-space: nowrap;
-        text-overflow: ellipsis;
-      }
       .book-brief{
         font-size: 24px;
         margin-bottom: 20px;