chore: 重写初始提交(清空历史,整理后全量提交)

app/frontend/view/feature/detail.html

@@ -0,0 +1,43 @@
+<div class="page-header">
+    <div class="layui-container">
+        <h2>{$item.title|default='特性详情'}</h2>
+        <p>功能特性 / 详细说明</p>
+    </div>
+</div>
+
+<div class="section">
+    <div class="layui-container">
+        <div class="layui-row layui-col-space30">
+            <div class="layui-col-md9">
+                <div class="news-detail">
+                    <div class="detail-title">{$item.title|default='特性详情'}</div>
+                    <div class="detail-content">
+                        <p style="font-size:16px;color:#555;margin-bottom:20px;">{$item.summary|default=''}</p>
+                        <h4 style="margin:20px 0 12px;color:#1E9FFF;">核心要点</h4>
+                        <ul class="feature-points">
+                            {notempty name="item.points"}
+                            {volist name="item.points" id="pt"}<li><i class="layui-icon layui-icon-ok-circle"></i> {$pt}</li>{/volist}
+                            {/notempty}
+                        </ul>
+                        <h4 style="margin:24px 0 12px;color:#1E9FFF;">代码示例</h4>
+                        <pre class="code-block">{$item.code|default='// 暂无示例'}</pre>
+                    </div>
+                </div>
+                <div style="margin-top:24px;">
+                    <a href="{:url('feature/index')}" class="layui-btn layui-btn-primary">&lt; 返回特性列表</a>
+                </div>
+            </div>
+            <div class="layui-col-md3">
+                <div class="feature-card" style="text-align:left;">
+                    <div class="icon"><i class="layui-icon layui-icon-list"></i></div>
+                    <h4>全部特性</h4>
+                    {notempty name="items"}
+                    {volist name="items" id="it"}
+                    <p style="margin:6px 0;"><a href="{:url('feature/detail', ['name'=>$key])}" style="color:#666;">• {$it.title}</a></p>
+                    {/volist}
+                    {/notempty}
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

app/frontend/view/feature/index.html

@@ -0,0 +1,51 @@
+<div class="page-header">
+    <div class="layui-container">
+        <h2>功能特性</h2>
+        <p>深入了解 YwxApp 框架的设计理念与核心能力</p>
+    </div>
+</div>
+
+<div class="section">
+    <div class="layui-container">
+        <div class="card-grid">
+            {notempty name="items"}
+            {volist name="items" id="it"}
+            <div class="feature-card">
+                <div class="icon"><i class="layui-icon layui-icon-{$it.icon|default='component'}"></i></div>
+                <h4>{$it.title}</h4>
+                <p>{$it.summary}</p>
+                <a href="{:url('feature/detail', ['name'=>$key])}" class="layui-btn layui-btn-primary layui-btn-sm" style="margin-top:12px;">查看详情</a>
+            </div>
+            {/volist}
+            {else/}
+            <div class="feature-card"><div class="icon"><i class="layui-icon layui-icon-plugin"></i></div><h4>插件机制</h4><p>热插拔插件架构</p></div>
+            <div class="feature-card"><div class="icon"><i class="layui-icon layui-icon-app"></i></div><h4>多应用架构</h4><p>多应用隔离</p></div>
+            <div class="feature-card"><div class="icon"><i class="layui-icon layui-icon-vip"></i></div><h4>会员/支付</h4><p>免签支付链路</p></div>
+            <div class="feature-card"><div class="icon"><i class="layui-icon layui-icon-doc"></i></div><h4>文档/示例</h4><p>完善文档体系</p></div>
+            {/notempty}
+        </div>
+    </div>
+</div>
+
+<!-- 详情锚点区 -->
+<div class="section" style="background:#f7f9fb;">
+    <div class="layui-container">
+        {notempty name="items"}
+        {volist name="items" id="it"}
+        <div class="about-section" id="{$key}" style="margin-bottom:50px;">
+            <div class="about-text">
+                <h3>{$it.title}</h3>
+                <p>{$it.summary}</p>
+                <ul class="feature-points">
+                    {volist name="it.points" id="pt"}<li><i class="layui-icon layui-icon-ok-circle"></i> {$pt}</li>{/volist}
+                </ul>
+                <a href="{:url('feature/detail', ['name'=>$key])}" class="layui-btn layui-btn-normal layui-btn-sm">阅读完整说明</a>
+            </div>
+            <div class="about-img">
+                <pre class="code-block">{$it.code|default=''}</pre>
+            </div>
+        </div>
+        {/volist}
+        {/notempty}
+    </div>
+</div>