This commit is contained in:
2025-05-16 23:14:52 +08:00
parent 5080850523
commit c6d62a68ca
25 changed files with 543 additions and 60 deletions

View File

@@ -35,13 +35,21 @@
<div :class="item.isInUse ? 'panel-body bg-success' : 'panel-body'">
<img :src="`/themes/${item.dirName}/screenshot.png`" :alt="item.name" class="panel-image">
<div class="panel-content">
<h3 x-text="item.name"></h3>
<h3><span x-text="item.name"></span><span x-text="` `+item.dirName" class="small-text"></span></h3>
<p>版本:<span x-text="item.version"></span></p>
<p>作者:<span x-text="item.author"></span></p>
<p>简介:<span x-text="item.description"></span></p>
<p>主页:<span x-text="item.homepage"></span></p>
<a class="activate" href="javascript:;" x-show="!item.isInUse" x-on:click="showModal = true;this.theme=item.dirName;">切换到该主题</a>
<a class="activate" href="/admin/theme/detail" x-show="item.isInUse">自定义模板内容</a>
<p>更新日期:<span x-text="friendlyTime(item.lastWriteTime)"></span></p>
<a class="activate btn btn-default btn-sm" :href="`/admin/theme/upgrade?theme=${item.dirName}`"><i class="fa fa-upload"></i>更新主题</a>
<a class="activate btn btn-default btn-sm" href="/admin/theme/detail" x-show="item.isInUse"><i class="fa fa-code"></i>自定义模板内容</a>
<a class="activate btn btn-default btn-sm" :href="`/admin/api/themes/${item.dirName}/download`" target="_blank"><i class="fa fa-download"></i>导出</a>
<a class="activate btn btn-default btn-sm" href="javascript:;" x-show="!item.isInUse" x-on:click="this.theme=item.dirName;editTheme()"><i class="fa fa-exchange"></i>切换到该主题</a>
<a class="activate btn btn-default btn-sm" href="javascript:;" x-show="!item.isInUse" x-on:click="showModal = true;this.theme=item.dirName;"><i class="fa fa-trash"></i>删除该主题</a>
</div>
</div>
</div>
@@ -60,13 +68,13 @@
</div>
<div class="modal-body">
<p class="error-text">
<i class="fa fa-warning modal-icon"></i>确认要切换到该主题吗?
<i class="fa fa-warning modal-icon"></i>确认要删除该主题吗?
<br>操作后不可恢复.
</p>
</div>
<div class="modal-footer">
<button x-on:click="showModal = false" class="btn btn-default" data-dismiss="modal">取消</button>
<button x-on:click="showModal = false; confirmAction()" class="btn btn-danger" data-dismiss="modal">确认</button>
<button x-on:click="showModal = false; confirmDelete()" class="btn btn-danger" data-dismiss="modal">确认</button>
</div>
</div>
</div>