update

src/layouts/Layout_5.astro

@@ -46,6 +46,15 @@ import '../styles/template_5/responsive.css'
 							<li class="nav-item">
 								<a class="nav-link" href="/news">产品动态</a>
 							</li>
+							<li class="nav-item">
+								<a class="nav-link" href="/chengzhang">个人成长</a>
+							</li>
+							<li class="nav-item">
+								<a class="nav-link" href="/renwen">社会人文</a>
+							</li>
+							<li class="nav-item">
+								<a class="nav-link" href="/xiaoneng">职场效能</a>
+							</li>
 							<li class="nav-item">
 								<a class="nav-link" href="/about-us">关于我们</a>
 							</li>

src/pages/template/5/chengzhang.astro

@@ -0,0 +1,106 @@
+---
+import { Image } from "astro:assets"
+import Layout from "../../../layouts/Layout_5.astro"
+const images = [
+    {
+        url: '/template_5/images/books/20jisui.jpg',
+        title: '20几岁女人应该知道的那些事'
+    },{
+        url: '/template_5/images/books/30suiqian.jpg',
+        title: '30岁前出发，不要让人生留下遗憾'
+    },{
+        url: '/template_5/images/books/congmingmama.jpg',
+        title: '聪明妈妈私手记'
+    },{
+        url: '/template_5/images/books/dandingdenvren.jpg',
+        title: '淡定的女人最优雅'
+    },{
+        url: '/template_5/images/books/fangyuyuan.jpg',
+        title: '方与圆的人生智慧课'
+    },{
+        url: '/template_5/images/books/huanxingneixin.jpg',
+        title: '冥想：唤醒内心强大的力量'
+    },{
+        url: '/template_5/images/books/hunyindeyishu.jpg',
+        title: '婚姻的艺术'
+    },{
+        url: '/template_5/images/books/jienashengmingzhong.jpg',
+        title: '接纳生命中的不完美'
+    },{
+        url: '/template_5/images/books/meitianyigexingfu.jpg',
+        title: '每天一个幸福的理由'
+    },{
+        url: '/template_5/images/books/meiyiciposui.jpg',
+        title: '每一次破碎，都是一次重生'
+    },{
+        url: '/template_5/images/books/mengdejiexi.jpg',
+        title: '梦的解析'
+    },{
+        url: '/template_5/images/books/nvrenbuneng.jpg',
+        title: '女人不能太单纯'
+    },{
+        url: '/template_5/images/books/nvrenjiushiyao.jpg',
+        title: '女人就是要有气质'
+    },{
+        url: '/template_5/images/books/shengminggaoyu.jpg',
+        title: '生命高于一切'
+    },{
+        url: '/template_5/images/books/shismzuai.jpg',
+        title: '是什么阻碍了你的思考'
+    },{
+        url: '/template_5/images/books/shunjiantianqing.jpg',
+        title: '看破，瞬间天晴'
+    },{
+        url: '/template_5/images/books/weismwo.jpg',
+        title: '欲念：为什么我们管不住自己'
+    },{
+        url: '/template_5/images/books/wozuixiangshangdeqingshangke.jpg',
+        title: '我最想上的情商课'
+    },{
+        url: '/template_5/images/books/xingyunshisheji.jpg',
+        title: '幸运是设计出来的'
+    },{
+        url: '/template_5/images/books/xinnianshi.jpg',
+        title: '信念：相信是万能的开始'
+    },{
+        url: '/template_5/images/books/xiuxingjixiuxin.jpg',
+        title: '修心即修行'
+    },{
+        url: '/template_5/images/books/xuezengguofan.jpg',
+        title: '学曾国藩做人准则学胡雪岩做事之道'
+    },{
+        url: '/template_5/images/books/yinbaozhengnengl.jpg',
+        title: '引爆正能量'
+    },{
+        url: '/template_5/images/books/yinweimiwang.jpg',
+        title: '因为迷惘，所以叫青春'
+    },{
+        url: '/template_5/images/books/zhengnengliang.jpg',
+        title: '正能量的活法'
+    },{
+        url: '/template_5/images/books/zhengxiangxintai.jpg',
+        title: '正能量：正向心态带来非凡的成功'
+    },{
+        url: '/template_5/images/books/zhenshanmeide.jpg',
+        title: '宽容：真善美的修心课'
+    },
+
+];
+---
+
+<Layout>
+    <div style="margin:auto;padding-top:1rem" 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>
+
+

src/pages/template/5/renwen.astro

@@ -0,0 +1,85 @@
+---
+import { Image } from "astro:assets"
+import Layout from "../../../layouts/Layout_5.astro"
+const images = [
+    {
+		url: '/template_5/images/books/t6_cpPlatform_3300003211.jpg',
+		title: 'FBI谎言心理解读术'
+	},{
+		url: '/template_5/images/books/t6_YueWen_22853088.jpg',
+		title: '不一样的孩子心理学'
+	},{
+		url: '/template_5/images/books/t6_YueWen_837008.jpg',
+		title: '乌合之众：大众心理研究'
+	},{
+		url: '/template_5/images/books/t6_758779.jpg',
+		title: '内向者的能量：内向人玩转外向世界的成功心理学'
+	},{
+		url: '/template_5/images/books/t6_3300003197.jpg',
+		title: '别说你懂心理学'
+	},{
+		url: '/template_5/images/books/t6_YueWen_831985.jpg',
+		title: '婚姻心理学：是最好的修行'
+	},{
+		url: '/template_5/images/books/t6_3300003194.jpg',
+		title: '幸福一生的密码'
+	},{
+		url: '/template_5/images/books/t6_758814.jpg',
+		title: '幸福心计学：：改变命运就要从心修炼'
+	},{
+		url: '/template_5/images/books/t6_YueWen_758822.jpg',
+		title: '心灵的潜能：硅谷亿万富翁成功秘钥'
+	},{
+		url: '/template_5/images/books/t6_YueWen_758858.jpg',
+		title: '心理暗示力'
+	},{
+		url: '/template_5/images/books/t6_22853096.jpg',
+		title: '懂博弈的女人最幸福'
+	},{
+		url: '/template_5/images/books/t6_cpPlatform_3300003219.jpg',
+		title: '拖延心理学'
+	},{
+		url: '/template_5/images/books/t6_YueWen_544897.jpg',
+		title: '每天读点心里操纵术'
+	},{
+		url: '/template_5/images/books/t6_3300003190.jpg',
+		title: '潜伏办公室的108条心理学法则'
+	},{
+		url: '/template_5/images/books/t6_758794.jpg',
+		title: '潜意识：发现未知的自己'
+	},{
+		url: '/template_5/images/books/t6_3300003192.jpg',
+		title: '瞬间读懂顾客心理学'
+	},{
+		url: '/template_5/images/books/t6_3300003129.jpg',
+		title: '老年人不生病的生活方式'
+	},{
+		url: '/template_5/images/books/t6_YueWen_758801.jpg',
+		title: '行为心理学'
+	},{
+		url: '/template_5/images/books/t6_758824.jpg',
+		title: '超级催眠术'
+	},{
+		url: '/template_5/images/books/t6_YueWen_758848.jpg',
+		title: '趣味心理学'
+	}
+
+];
+---
+
+<Layout>
+    <div style="margin:auto;padding-top:1rem" 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>
+
+

src/pages/template/5/xiaoneng.astro

@@ -0,0 +1,69 @@
+---
+import { Image } from "astro:assets"
+import Layout from "../../../layouts/Layout_5.astro"
+const images = [
+    {
+        url: '/template_5/images/books/t6_YueWen_758787.jpg',
+        title: '用感恩的心去工作'
+    },{
+        url: '/template_5/images/books/t6_854154.jpg',
+        title: '为你自己工作'
+    },{
+        url: '/template_5/images/books/t6_YueWen_831954.jpg',
+        title: '为公司工作就是为自己工作'
+    },{
+        url: '/template_5/images/books/t6_758806.jpg',
+        title: '为自己工作'
+    },{
+        url: '/template_5/images/books/t6_831946.jpg',
+        title: '做一个自动自发的员工'
+    },{
+        url: '/template_5/images/books/t6_3300003196.jpg',
+        title: '做事做到位'
+    },{
+        url: '/template_5/images/books/t6_cpPlatform_3300003236.jpg',
+        title: '卓越员工必备的18种精神'
+    },{
+        url: '/template_5/images/books/t6_YueWen_22853122.jpg',
+        title: '卓越员工高效工作法'
+    },{
+        url: '/template_5/images/books/t6_758796.jpg',
+        title: '员工礼仪'
+    },{
+        url: '/template_5/images/books/t6_YueWen_758856.jpg',
+        title: '工作整理术'
+    },{
+        url: '/template_5/images/books/t6_YueWen_758785.jpg',
+        title: '快乐工作'
+    },{
+        url: '/template_5/images/books/t6_cpPlatform_3300003208.jpg',
+        title: '执行重在到位'
+    },{
+        url: '/template_5/images/books/t6_3300003198.jpg',
+        title: '认真胜于能力'
+    },{
+        url: '/template_5/images/books/t6_3300003125.jpg',
+        title: '赢在执行力'
+    },{
+        url: '/template_5/images/books/t6_750814.jpg',
+        title: '赢在追求卓越'
+    }
+];
+---
+
+<Layout>
+    <div style="margin:auto;padding-top:1rem" 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>
+
+

src/styles/template_5/responsive.css

@@ -64,7 +64,7 @@
 .navbar-nav li:last-child {margin-left: 22px;}
 .navbar {padding: 35px 0;}
 /* .navbar-brand figure img {width: 145px;} */
-.navbar-nav li {margin: 0px 12px;}
+/* .navbar-nav li {margin: 0px 12px;} */
 .navbar-nav .nav-item .try_free_btn {padding: 16px 28px;}
 h1 {font-size: 44px; line-height: 54px;}    
 h2 {font-size: 34px; line-height: 40px;}

src/styles/template_5/style.css

@@ -152,9 +152,9 @@ p {
     padding: 42px 0;
     z-index: 1;
 }
-.navbar-nav li{
+/* .navbar-nav li{
     margin: 0 16px;
-}
+} */
 .navbar-nav li:first-child{
     margin-left: 0;
 }