gpttemp

2025-12-31 00:49:32 +08:00
parent ae57b68f99
commit eb8c097777
709 changed files with 39727 additions and 1041 deletions
--- a/code/public/static/css/modules/detail_main/layout/layout_A.css
+++ b/code/public/static/css/modules/detail_main/layout/layout_A.css
@@ -0,0 +1,67 @@
+/* ================= Layout A ================= */
+
+.__PFX__-layout-a{
+    margin:24px 0;
+    display:flex;
+    flex-direction:column;
+    gap:20px;
+}
+
+/* ---------- Cover（主视觉） ---------- */
+.__PFX__-layout-a .__PFX__-dm-row-cover{
+    display:flex;
+    justify-content:center;
+}
+
+.__PFX__-layout-a .__PFX__-dm-row-cover .__PFX__-dm-cover{
+    width:60%;
+    max-width:420px;   /* PC 不霸屏 */
+}
+
+/* ---------- 信息区 ---------- */
+.__PFX__-layout-a .__PFX__-dm-row-info{
+    display:flex;
+    flex-direction:column;
+    align-items:center;
+    gap:10px;
+    text-align:center;
+}
+
+/* action 不要贴太近 */
+.__PFX__-layout-a .__PFX__-dm-row-info .__PFX__-dm-action{
+    margin-top:6px;
+}
+
+/* ---------- 描述区 ---------- */
+.__PFX__-layout-a .__PFX__-dm-row-desc{
+    max-width:760px;
+    margin:0 auto;
+    line-height:1.8;
+}
+
+/* ================= H5 优化 ================= */
+
+@media (max-width:767px){
+
+    .__PFX__-layout-a .__PFX__-dm-row-cover .__PFX__-dm-cover{
+        width:80%;
+        max-width:none;
+    }
+
+    .__PFX__-layout-a .__PFX__-dm-row-desc{
+        max-width:none;
+    }
+}
+
+/* ================= 大屏优化 ================= */
+
+@media (min-width:1200px){
+
+    .__PFX__-layout-a .__PFX__-dm-row-cover .__PFX__-dm-cover{
+        max-width:480px;
+    }
+
+    .__PFX__-layout-a .__PFX__-dm-row-desc{
+        max-width:860px;
+    }
+}
--- a/code/public/static/css/modules/detail_main/layout/layout_B.css
+++ b/code/public/static/css/modules/detail_main/layout/layout_B.css
@@ -0,0 +1,51 @@
+/* ================= Layout B ================= */
+
+.__PFX__-dm-root.__PFX__-layout-B{
+    margin:20px 0;
+    display:flex;
+    flex-direction:column;
+    gap:16px;
+}
+
+/* 顶部左右 */
+.__PFX__-layout-B .__PFX__-dm-row-top{
+    display:flex;
+    gap:16px;
+    align-items:flex-start;
+}
+
+/* 左：封面 */
+.__PFX__-layout-B .__PFX__-dm-col-cover{
+    width:33%;
+    max-width:280px;
+}
+
+/* 右：信息区 */
+.__PFX__-layout-B .__PFX__-dm-col-info{
+    flex:1;
+    display:flex;
+    flex-direction:column;
+    gap:10px;
+}
+
+/* 底部 desc */
+.__PFX__-layout-B .__PFX__-dm-row-bottom{
+    width:100%;
+}
+
+/* ================= H5 优化 ================= */
+
+@media (max-width:767px){
+    .__PFX__-layout-B .__PFX__-dm-row-top{
+        gap:12px;
+    }
+
+    .__PFX__-layout-B .__PFX__-dm-col-cover{
+        width:40%;
+        max-width:none;
+    }
+
+    .__PFX__-layout-B .__PFX__-dm-col-info{
+        gap:8px;
+    }
+}
--- a/code/public/static/css/modules/detail_main/layout/layout_C.css
+++ b/code/public/static/css/modules/detail_main/layout/layout_C.css
@@ -0,0 +1,48 @@
+/* ================= Layout C ================= */
+
+.__PFX__-dm-root.__PFX__-layout-C{
+    margin:20px 0;
+    display:flex;
+    flex-direction:column;
+    gap:16px;
+}
+
+/* 顶部 */
+.__PFX__-layout-C .__PFX__-dm-row-top{
+    width:100%;
+}
+
+/* 中间：左右 */
+.__PFX__-layout-C .__PFX__-dm-row-middle{
+    display:flex;
+    gap:16px;
+}
+
+/* 左：封面 */
+.__PFX__-layout-C .__PFX__-dm-col-cover{
+    width:33%;
+    max-width:280px;
+}
+
+/* 右：信息 */
+.__PFX__-layout-C .__PFX__-dm-col-info{
+    flex:1;
+    display:flex;
+    flex-direction:column;
+    gap:12px;
+}
+
+/* 底部 */
+.__PFX__-layout-C .__PFX__-dm-row-bottom{
+    width:100%;
+}
+
+/* H5 适配 */
+@media (max-width:767px){
+    .__PFX__-layout-C .__PFX__-dm-row-middle{
+        gap:12px;
+    }
+    .__PFX__-layout-C .__PFX__-dm-col-cover{
+        width:40%;
+    }
+}