静态页面

src/components/BookItem/page.scss

@@ -28,8 +28,8 @@
     }
     > .Desc {
       > text {
-        font-size: 28px;
-        line-height: 40px;
+        font-size: 26px;
+        line-height: 1.8em;
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;

src/pages/Index/BookDetail/page.scss

@@ -17,6 +17,7 @@
       > .FrontInfo {
         position: relative;
         overflow: hidden;
+<<<<<<< HEAD
         > .Like {
           display: inline-block;
           position: absolute;
@@ -39,6 +40,10 @@
             }
           }
         }
+=======
+        line-height: 1.6em;
+
+>>>>>>> 377b8f62dcfd8e1a4ba23e4105e500cc7abc9412
         > .Img {
           padding: 30px 120px;
           position: relative;

src/pages/Index/index.vue

@@ -57,7 +57,7 @@
                     <text>最新文章</text>
                   </view>
                   <view class="ListContainer">
-                    <view class="ArticleItem flex-h" v-for="(item, index) in NewestArticleList">
+                    <view class="ArticleItem flex-h" v-for="(item, index) in NewestArticleList" :key="index">
                       <BookItem :Data="item"></BookItem>
                     </view>
                   </view>

src/pages/Index/page.scss

@@ -14,11 +14,11 @@
     > view {
       position: relative;
       overflow: hidden;
-      background: #fff;
+      background: #fafafa;
       border-radius: 20px;
       align-items: center;
       box-sizing: border-box;
-      border: 2px solid #333;
+      border: 1px solid rgba(0, 0, 0, 0.05);
       > text {
         font-size: 32px;
         color: #333;
@@ -86,7 +86,8 @@
               display: block;
               font-size: 32px;
               font-weight: bold;
-              line-height: 60px;
+              line-height: 1.8em;
+              padding: 0.5em 0;
             }
           }
           > .ListContainer {
@@ -120,7 +121,7 @@
                     margin-top: 6px;
                     display: block;
                     font-size: 28px;
-                    line-height: 40px;
+                    line-height: 1.8em;
                     white-space: nowrap;
                     overflow: hidden;
                     text-overflow: ellipsis;
@@ -142,7 +143,8 @@
               display: block;
               font-size: 32px;
               font-weight: bold;
-              line-height: 60px;
+              line-height: 1.8em;
+              padding: 0.5em 0;
             }
           }
           > .ListContainer {
@@ -184,8 +186,8 @@
                 }
                 > .Desc {
                   > text {
-                    font-size: 28px;
-                    line-height: 40px;
+                    font-size: 24px;
+                    line-height: 28px;
                     overflow: hidden;
                     text-overflow: ellipsis;
                     display: -webkit-box;