更新代码

public/static/css/style.css

@@ -266,7 +266,6 @@ body {
 
 /* 轮播动画 */
 @keyframes slide {
-
   0%,
   33% {
     transform: translateX(0);
@@ -428,6 +427,8 @@ body {
   background: #eee;
   border-radius: 8px;
   overflow: hidden;
+  width: 250px;
+  height: 140px;
 }
 
 .video img {
@@ -446,13 +447,20 @@ body {
   margin: 16px 12px 0 10px;
 }
 
-.bottom .desc {
+.bottom .desc,
+.bottom .author,
+.bottom .views,
+.publishdate {
   font-weight: 400;
   color: #b2b2b2;
   font-size: 14px;
   line-height: 20px;
 }
 
+.publishdate {
+  margin-top: 10px;
+}
+
 .bottom .btn {
   display: flex;
   justify-content: center;
@@ -469,14 +477,16 @@ body {
 }
 
 .introduction .title {
+  height:50px;
   font-size: 17px;
   font-weight: 500;
   color: #404040;
   line-height: 25px;
   transition: color 0.2s ease;
-  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
   overflow: hidden;
-  white-space: nowrap;
 }
 
 .introduction .subtitle {
@@ -489,4 +499,4 @@ body {
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
-}
+}