change post view

Author: wuchuanjie

assets/scss/wowchemy/layouts/_listing.scss

@@ -0,0 +1,66 @@
+/*************************************************
+ *  List items
+ **************************************************/
+
+.view-list-item {
+  margin-bottom: 1rem;
+}
+
+.pub-icon {
+  color: rgba(0, 0, 0, 0.54);
+  font-size: 0.81em;
+  padding-right: 6px;
+}
+
+.view-list-item .article-metadata {
+  margin-bottom: 0;
+}
+
+.pub-list-item .pub-abstract {
+  font-size: 1rem;
+}
+
+.pub-list-item .btn-links {
+  padding-top: 10px;
+}
+
+/*************************************************
+ *  Compact (stream) list view
+ **************************************************/
+
+.media.stream-item:not(:last-child) {
+  margin-bottom: 2rem;
+}
+
+.card-simple .article-title,
+.media.stream-item .article-title {
+  font-size: 1.2rem;
+}
+
+.card-simple .article-style,
+.media.stream-item .article-style {
+  margin-top: 2px;
+  font-size: 0.8rem;
+}
+
+.media.stream-item .stream-meta {
+  margin-top: 12px;
+}
+
+.media.stream-item img {
+  max-width: 300px;
+  height: auto;
+  object-fit: cover;
+}
+
+@media screen and (max-width: 768px) {
+  .media.stream-item img {
+    max-width: 80px;
+  }
+}
+
+// TODO: refactor HTML to prevent duplicate nested `article-metadata` class from
+//  li_compact.html > {{partial "page_metadata" ... }}
+.stream-meta.article-metadata .article-metadata {
+  margin-bottom: 0;
+}

content/post/_index.md

@@ -2,7 +2,7 @@
 title: 最新资讯
 
 # Listing view
-view: compact
+view: card
 
 # Optional banner image (relative to `assets/media/` folder).
 banner:

layouts/partials/views/compact.html

@@ -73,14 +73,14 @@
     {{ end }}
 
   </div>
-  <div class="ml-3">
+  <div class="ml-3" style="width: 300px; height: 220px;">
     {{ $resource := partial "blox-core/functions/get_featured_image.html" $item }}
     {{ with $resource }}
-      {{ $image := .Resize "300x200" }}
+      {{ $image := .Resize "600x400" }}
       {{ if ne $image.MediaType.SubType "gif" }}{{ $image = $image.Process "webp" }}{{ end }}
       <a href="{{$link}}" {{ $target | safeHTMLAttr }}>
         <img src="{{ $image.RelPermalink }}" height="{{ $image.Height }}" width="{{ $image.Width }}"
-            alt="{{ $item.Title }}" loading="lazy">
+            alt="{{ $item.Title }}" loading="lazy"  >
       </a>
     {{end}}
   </div>