update

src/pages/template/4/sheke.astro

@@ -0,0 +1,66 @@
+---
+import { Image } from "astro:assets"
+import Layout from "../../../layouts/Layout_4.astro"
+const images = [
+    {
+        url: '/template_4/images/books/t6_cpPlatform_k8A6Y4zYq1NcyDfQ7oDZ8o.jpg',
+        title: '不稳定的自尊'
+    },{
+        url: '/template_4/images/books/t6_cpPlatform_dCeGMDYudHNpAixCjYpTPw.jpg',
+        title: '中年之路：人格的第二次成型'
+    },{
+        url: '/template_4/images/books/t6_cpPlatform_ry36eofZN4Ly8qiopMjVp4.jpg',
+        title: '为什么大象不听话：人类行为背后的25个心理学原理'
+    },{
+        url: '/template_4/images/books/t6_3300023277.jpg',
+        title: '为什么总是感觉被掏空：如何应对“心理内耗”'
+    },{
+        url: '/template_4/images/books/t6_cpPlatform_eBLQBT9KUAULHGyyhiiqCE.jpg',
+        title: '为什么总是被情绪支配：易怒、焦虑、孤独的边缘型人格'
+    },{
+        url: '/template_4/images/books/t6_3300010693.jpg',
+        title: '为什么爱会伤人：亲密关系中的自恋型人格障碍'
+    },{
+        url: '/template_4/images/books/t6_3300015062.jpg',
+        title: '人为什么会吵架：冲突背后的创伤触发'
+    },{
+        url: '/template_4/images/books/t6_cpplatform_k2dadrv2lwcjmqkt6rh1ho1701421396.jpg',
+        title: '人心有对立的本能和欲望：精神分析与弗洛伊德的释梦人生'
+    },{
+        url: '/template_4/images/books/t6_cpplatform_re3zznq8vqazxlckzeb5ph1673840272.jpg',
+        title: '伟大的天赋，巨大的缺点：女性、神经症、自我分析与卡伦·霍妮的生活'
+    },{
+        url: '/template_4/images/books/t6_cpplatform_ksfhsts4gamkw6vuvckhxm1692181157.jpg',
+        title: '克服焦虑：人生松弛指南'
+    },{
+        url: '/template_4/images/books/t6_3300015061.jpg',
+        title: '创伤遗传：心理咨询师和她的11位来访者'
+    },{
+        url: '/template_4/images/books/t6_cpplatform_mcwmmznpiu8cvzf91fk7ty1681204932.jpg',
+        title: '如何度过这一生'
+    },{
+        url: '/template_4/images/books/t6_3300023279.jpg',
+        title: '如何很高级的高级地说“不”：设定人际关系中的心理边界'
+    },{
+        url: '/template_4/images/books/t6_cpPlatform_kFU85DiYMkidR691gQWG9A.jpg',
+        title: '当我们走进心理咨询室'
+    }
+];
+---
+
+<Layout>
+    <div style="margin:auto;padding-top:10rem" class="row container">
+        {
+            images.map(e => (
+                <div style="margin-bottom:1rem" class="col-lg-3 col-md-4 col-sm-12 col-12">
+                    <div>
+                        <Image loading={`lazy`} style="height: 100%;width:100%" src={e.url} alt={`pic`} height={100} width={100} />
+                    </div>
+                    <div>{e.title}</div>
+                </div>
+            ))
+        }
+    </div>
+</Layout>
+
+