在后台增加首页链接;增加首页皮肤展示

This commit is contained in:
2022-09-03 10:25:42 +08:00
parent c7c972c33b
commit 197beeb479
10 changed files with 111 additions and 2 deletions

View File

@@ -29,6 +29,9 @@
<ul class="layui-nav layui-layout-right">
<li class="layui-nav-item" lay-unselect>
<a href="/"><i class="fa fa-home"></i></a>
</li>
<li class="layui-nav-item" lay-unselect>
<a href="javascript:;" data-refresh="刷新"><i class="fa fa-refresh"></i></a>
</li>

View File

@@ -128,6 +128,7 @@ header .right {
margin-left: 30px;
font-size: 16px;
cursor: pointer;
white-space: nowrap;
}
.navbar-item.active {
@@ -408,6 +409,10 @@ footer a {
margin-right: 108px;
}
.introduction .bottom .item.shadow{
box-shadow: 0 0 6px #999;
}
.introduction .bottom .item:nth-child(n+4) {
margin-top: 90px;
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 152 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 355 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 304 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 273 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 358 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 452 KiB

View File

@@ -1,4 +1,5 @@
<?php
use think\facade\Route;
Route::view('/', 'welcome', [
@@ -66,4 +67,42 @@ Route::view('/', 'welcome', [
],
],
'skin' => [
[
'name' => '标准皮肤',
'description' => '规规矩矩,简洁大方,稳重不失活泼。',
'preview_image' => '/static/index/images/preview/normal.png',
'preview_link' => 'https://doc.ulthon.com/read/augushong/ulthon_admin/63061ab4ab665.html?current_lang_id=15&current_version_id=16',
],
[
'name' => '轻科幻',
'description' => '适合夜间使用,适合物联网系统、监控系统、大屏系统等非常规后台使用。',
'preview_image' => '/static/index/images/preview/sifi.png',
'preview_link' => 'https://doc.ulthon.com/read/augushong/ulthon_admin/63061ab4ab665.html?current_lang_id=15&current_version_id=16',
],
[
'name' => 'gnome风',
'description' => '感受到来自gnome的恐惧了吗一个“兼容Linux”的后台框架。',
'preview_image' => '/static/index/images/preview/gtk.png',
'preview_link' => 'https://doc.ulthon.com/read/augushong/ulthon_admin/63061ab4ab665.html?current_lang_id=15&current_version_id=16',
],
[
'name' => '像素风',
'description' => '这个系统是不是要插卡才能安装出BUG的时候得舔一舔电脑秒变红白机。',
'preview_image' => '/static/index/images/preview/nes.png',
'preview_link' => 'https://doc.ulthon.com/read/augushong/ulthon_admin/63061ab4ab665.html?current_lang_id=15&current_version_id=16',
],
[
'name' => 'Win7',
'description' => '保证不强制升级。适合在Win7使用。一键开发“原生客户端”。',
'preview_image' => '/static/index/images/preview/win7.png',
'preview_link' => 'https://doc.ulthon.com/read/augushong/ulthon_admin/63061ab4ab665.html?current_lang_id=15&current_version_id=16',
],
[
'name' => '原型皮肤',
'description' => '一键变丑。原型皮肤,以后不用画原型了,用命令行一键生成“高保真”。',
'preview_image' => '/static/index/images/preview/demo.png',
'preview_link' => 'https://doc.ulthon.com/read/augushong/ulthon_admin/63061ab4ab665.html?current_lang_id=15&current_version_id=16',
],
],
]);

View File

@@ -8,9 +8,12 @@
<meta name="keywords" content="tp6后台,curd后台,layui后台,ulthon_admin,ulthon_admin官网,thinkphp6.0框架,layui前端框架,后台快速开发框架,php框架">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<title>ulthon_admin | 一款基于ThinkPHP6.0和Layui的快速开发的后台管理框架系统</title>
<link rel="stylesheet" href="//layui.ulthon.com/cdn/layui-ul.css">
<link rel="stylesheet" href="__STATIC__/common/css/welcome.css?v={$version}">
<link rel="stylesheet" href="/static/plugs/layui-v2.7.6/css/layui.css">
<script src="/static/plugs/layui-v2.7.6/layui.js"></script>
{:htmlspecialchars_decode(sysconfig('site','site_js_insert'))}
</head>
<body>
@@ -48,6 +51,45 @@
<a class="gitee button-grya" target="_blank" href="https://gitee.com/ulthon/ulthon_admin"><i class="icon-gitee"></i>Gitee</a>
</p>
</div>
<!-- 框架皮肤-->
<div class="introduction">
<!-- 特性标题-->
<div class="top">
<div class="part-title">
<p class="text">特效皮肤</p>
<p class="line"></p>
</div>
<p class="part-desc">
后台框架千千万这样酷的不多见。除了简单地导航菜单的皮肤设置外还支持一键设置多种特效皮肤。所有样式仅通过css实现无需修改任何HTML结构。
</p>
</div>
<!-- 特性介绍-->
<div class="bottom">
{foreach $skin as $vo}
<div class="item shadow img-preview" data-src="{$vo.preview_image}">
<div class="ul-info-card" style="height: 100%;">
<div class="header" style="cursor: pointer;">
<div class="img" style="background-image: url('{$vo.preview_image}');">
</div>
</div>
<div class="body">
<div class="title" style="padding-bottom: 0;">
{$vo.name}
</div>
<div class="line">
</div>
<div class="info" style="padding: 0 15px;">
<div class="info-item" style="padding-bottom:10px;width: 100%;border-bottom: 0;">
<div class="info-title">简介</div>
<div class="info-value" style="min-height: 45px;">{$vo.description}</div>
</div>
</div>
</div>
</div>
</div>
{/foreach}
</div>
</div>
<!-- 框架特性-->
<div class="introduction">
<!-- 特性标题-->
@@ -105,7 +147,27 @@
<p>Site designed by <a href="https://gitee.com/ulthon" target="_blank">ulthon</a></p>
</div>
</footer>
</div>
<script>
$ = layui.$;
$('.img-preview .header').click(function () {
layer.photos({
photos: {
"title": "特效皮肤", //相册标题
"id": 1, //相册id
"start": 0, //初始显示的图片序号默认0
"data": [ //相册包含的图片,数组格式
{
"alt": $(this).closest('.img-preview').find('.title').text(),
"pid": 666, //图片id
"src": $(this).closest('.img-preview').data('src'), //原图地址
}
]
}
})
})
</script>
{:htmlspecialchars_decode(sysconfig('site','site_js_insert'))}
</body>
</html>