✨ 优化海报头图

Licoy · Jan 11, 2023 · 363d598 · 363d598
1 parent 3dc77b1
commit 363d598
Show file tree

Hide file tree

Showing 5 changed files with 59 additions and 36 deletions.
diff --git a/assets/dist/js/libs.min.js b/assets/dist/js/libs.min.js
diff --git a/assets/dist/style/libs.min.css b/assets/dist/style/libs.min.css
diff --git a/assets/dist/style/style.min.css b/assets/dist/style/style.min.css
diff --git a/assets/style/style.less b/assets/style/style.less
@@ -1039,7 +1039,7 @@ a:hover {
     font-size: 20px;
   }
 
-  .entry-content,.entry-content-box {
+  .entry-content, .entry-content-box {
     font-size: 15px;
 
     &.p-indent > p {
@@ -1057,9 +1057,9 @@ a:hover {
       }
     }
 
-    &.show-link-icon{
-      a:not(.btn,.fancybox,.no-icon){
-        &:before{
+    &.show-link-icon {
+      a:not(.btn,.fancybox,.no-icon) {
+        &:before {
           display: inline-block;
         }
       }
@@ -1094,7 +1094,8 @@ a:hover {
     h1, h2, h3, h4, h5, h6 {
       position: relative;
       margin: 16px 0;
-      &:after{
+
+      &:after {
         content: ' ';
         display: block;
         border: 2px solid var(--pk-c-primary);
@@ -1821,12 +1822,14 @@ a:hover {
 }
 
 // 全局顶部公告
-.global-top-notice{
-  @wh:22px;
-  .swiper{
+.global-top-notice {
+  @wh: 22px;
+
+  .swiper {
     height: @wh;
   }
-  .notice-icon{
+
+  .notice-icon {
     background-color: var(--pk-c-primary);
     width: @wh;
     height: @wh;
@@ -1835,7 +1838,8 @@ a:hover {
     text-align: center;
     color: #fff;
     border-radius: 50%;
-    i{
+
+    i {
       .fs12;
     }
   }
@@ -1933,8 +1937,9 @@ a:hover {
 #author {
   margin-bottom: 15px;
 
-  @avatar-wh:150px;
-  &>.bg {
+  @avatar-wh: 150px;
+
+  & > .bg {
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
     height: 280px;
@@ -1946,47 +1951,58 @@ a:hover {
       left: 10px;
       bottom: -(@avatar-wh/4);
       .--pk-wh(@avatar-wh, @avatar-wh);
-      img{
+
+      img {
         border-radius: 50%;
-        border:4px solid var(--pk-bg-box-content);
+        border: 4px solid var(--pk-bg-box-content);
       }
     }
   }
-  &>.info{
+
+  & > .info {
     padding-left: @avatar-wh + 30px;
     padding-top: var(--pk-g-basic-distance);
     height: 100px;
     background-color: var(--pk-bg-box);
   }
-  .author-tab-data{
+
+  .author-tab-data {
     background-color: var(--pk-bg-box);
     padding: var(--pk-g-basic-distance);
-    .data-header{
+
+    .data-header {
       display: flex;
       align-items: center;
       border-bottom: 1px solid var(--pk-c-border);
       padding-bottom: var(--pk-g-basic-distance);
-      .item{
+
+      .item {
         cursor: pointer;
         position: relative;
         padding: 0 10px;
-        &:not(:last-child){
+
+        &:not(:last-child) {
           margin-right: var(--pk-g-basic-distance);
         }
+
         .--pk-after-bottom-border(40px);
-        &:hover,&.cur{
+
+        &:hover, &.cur {
           .ta3-fun();
           color: var(--pk-c-primary);
+
           &:after {
             opacity: 1;
           }
         }
       }
     }
-    .data-content{
+
+    .data-content {
       padding-top: var(--pk-g-basic-distance);
-      #posts{
-        .post-item,.post-item-card-box{
+
+      #posts {
+        .post-item, .post-item-card-box {
           box-shadow: none !important;
         }
       }
@@ -2249,9 +2265,15 @@ a:hover {
     border-radius: var(--pk-g-box-radius);
 
     .cover {
+      width: 100%;
+      height: 160px;
+      overflow: hidden;
+      display: flex;
+      align-content: center;
+      justify-content: center;
       img {
         width: 100%;
-        height: auto;
+        height: 100%;
       }
     }
 

diff --git a/inc/ajax/page-poster.php b/inc/ajax/page-poster.php
@@ -22,7 +22,7 @@ function pk_poster_page_callback()
     <div class="post-poster">
         <div class="post-poster-main" id="<?php echo $el_id; ?>">
             <div class="cover">
-                <img src="<?php echo get_post_images($post); ?>" alt="">
+                <img src="<?php echo pk_get_img_thumbnail_src(get_post_images($post),640,320) ?>" alt="">
             </div>
             <div class="content">
                 <p class="title mt20 fs16"><?php echo $title ?></p>