52 lines
2.3 KiB
HTML
52 lines
2.3 KiB
HTML
<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>
|