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>