61 lines
3.2 KiB
HTML
61 lines
3.2 KiB
HTML
<div class="layui-card" style="margin-bottom:5px;">
|
|
<div class="layui-card-header" style="display:flex;align-items:center;justify-content:space-between;">
|
|
<div>
|
|
<span class="title" style="font-size:18px;font-weight:700;">我的插件</span>
|
|
{if $is_client}
|
|
<span class="mode-badge client">客户端模式 · 连接：{$api_url|default=''}</span>
|
|
{else /}
|
|
<span class="mode-badge center">服务中心模式（本地市场）</span>
|
|
{/if}
|
|
</div>
|
|
<span>
|
|
<a href="{:url('addon/market')}" class="layui-btn layui-btn-normal layui-btn-sm">应用市场</a>
|
|
<a href="{:url('addon/index')}" class="layui-btn layui-btn-primary layui-btn-sm">完整管理</a>
|
|
</span>
|
|
</div>
|
|
|
|
<div class="layui-card-body">
|
|
<div class="store-wrap">
|
|
{if empty($list)}
|
|
<div class="empty">本机尚未安装任何插件，去 <a href="{:url('addon/market')}">应用市场</a> 看看吧</div>
|
|
{else /}
|
|
{volist name="list" id="it"}
|
|
<div class="layui-card plugin-card">
|
|
<div class="layui-card-body">
|
|
<div class="plugin-title">{$it.title}<span class="ver">v{$it.version}</span></div>
|
|
<div class="plugin-author">标识：{$it.name} · 作者：{$it.author|default='官方'}</div>
|
|
<div class="plugin-intro">{$it.description|default=''}</div>
|
|
<div class="plugin-foot">
|
|
{if $it.status == 1}
|
|
<span class="layui-badge layui-bg-green">已启用</span>
|
|
{else /}
|
|
<span class="layui-badge">已停用</span>
|
|
{/if}
|
|
<span>
|
|
<a href="{:url('addon/setting')}?addon={$it.name}" class="layui-btn layui-btn-xs layui-btn-primary">配置</a>
|
|
<a href="{:url('addon/index')}" class="layui-btn layui-btn-xs layui-btn-normal">升级/卸载</a>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{/volist}
|
|
{/if}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<style>
|
|
.store-wrap{max-width:1100px;margin:20px auto;padding:0 14px;display:flex;flex-wrap:wrap;gap:14px;}
|
|
.plugin-card{width:calc(33.333% - 10px);min-width:260px;flex:1 1 260px;}
|
|
.plugin-card .layui-card-body{padding:18px;}
|
|
.plugin-title{font-size:16px;font-weight:700;line-height:24px;}
|
|
.plugin-title .ver{color:#999;font-size:12px;font-weight:400;margin-left:6px;}
|
|
.plugin-author{color:#999;font-size:12px;line-height:20px;}
|
|
.plugin-intro{color:#666;font-size:13px;line-height:22px;margin:12px 0;min-height:44px;}
|
|
.plugin-foot{display:flex;align-items:center;justify-content:space-between;}
|
|
.empty{text-align:center;color:#999;padding:80px 0;width:100%;}
|
|
.mode-badge{display:inline-block;font-size:12px;font-weight:400;padding:2px 10px;border-radius:12px;margin-left:10px;}
|
|
.mode-badge.client{background:#e8f3ff;color:#1e80ff;}
|
|
.mode-badge.center{background:#e8f7ef;color:#18a058;}
|
|
@media (max-width:768px){.plugin-card{width:100%;}}
|
|
</style>
|