新增头部和导航

This commit is contained in:
augushong
2021-03-29 00:03:26 +08:00
parent 7f98d5e8c9
commit 6fd50e255d
10 changed files with 263 additions and 40 deletions

View File

@@ -31,10 +31,10 @@ class Post extends Common
{
//
$list = ModelPost::with(['categorys.category','tags.tag'])
->where('type',$this->request->param('type',1))
->order('id desc')
->paginate();
$list = ModelPost::with(['categorys.category', 'tags.tag'])
->where('type', $this->request->param('type', 1))
->order('id desc')
->paginate();
View::assign('list', $list);
@@ -50,6 +50,9 @@ class Post extends Common
{
//
$list_category = Category::where('status', 1)->order('sort asc')->select();
View::assign('list_category', $list_category);
return View::fetch();
}
@@ -90,7 +93,7 @@ class Post extends Common
]);
}
return $this->success('添加成功',url('index',['type'=>$this->request->param('type')]));
return $this->success('添加成功', url('index', ['type' => $this->request->param('type')]));
}
/**
@@ -188,7 +191,7 @@ class Post extends Common
}
}
return $this->success('保存成功', url('index',['type'=>$model_post->getData('type')]));
return $this->success('保存成功', url('index', ['type' => $model_post->getData('type')]));
}
/**
@@ -205,9 +208,9 @@ class Post extends Common
$model_post->delete();
PostCategory::where('post_id',$id)->delete();
PostCategory::where('post_id', $id)->delete();
PostTag::where('post_id',$id)->delete();
PostTag::where('post_id', $id)->delete();
return json_message();
}

View File

@@ -18,10 +18,6 @@ class Index extends Common
*/
public function index($post_id = 0)
{
//
$list_post = Post::quickSelect();
if (empty($post_id)) {
@@ -30,7 +26,6 @@ class Index extends Common
$model_post = $list_post->where('id', $post_id)->first();
}
View::assign('model_post', $model_post);
View::assign('list_post', $list_post);

View File

@@ -1,30 +1,33 @@
<?php
use think\facade\App;
use think\facade\Env;
// +----------------------------------------------------------------------
// | 缓存设置
// +----------------------------------------------------------------------
return [
// 默认缓存驱动
'default' => Env::get('cache.driver', 'file'),
// 缓存连接方式配置
'stores' => [
'file' => [
// 驱动方式
'type' => 'File',
// 缓存保存目录
'path' => '',
// 缓存前缀
'prefix' => '',
// 缓存有效期 0表示永久缓存
'expire' => 0,
// 缓存标签前缀
'tag_prefix' => 'tag:',
// 序列化机制 例如 ['serialize', 'unserialize']
'serialize' => [],
],
// 更多的缓存连接
return [
// 默认缓存驱动
'default' => Env::get('cache.driver', 'file'),
// 缓存连接方式配置
'stores' => [
'file' => [
// 驱动方式
'type' => 'File',
// 缓存保存目录
'path' => App::getRootPath() . 'runtime/cache',
// 缓存前缀
'prefix' => '',
// 缓存有效期 0表示永久缓存
'expire' => 0,
// 缓存标签前缀
'tag_prefix' => 'tag:',
// 序列化机制 例如 ['serialize', 'unserialize']
'serialize' => [],
],
// 更多的缓存连接
],
];

64
demo/header.html Normal file
View File

@@ -0,0 +1,64 @@
<fieldset class="layui-elem-field layui-field-title">
<legend>通用PC头部</legend>
<div class="layui-field-box">
<div class="ul-section">
<div class="ul-header">
<div class="ul-header-main" style="max-width: 600px;">
<div class="ul-header-left">
<div class="">
<img class="ul-header-logo" src="/static/images/ulthon_logo_108.png" alt="">
</div>
</div>
<div class="ul-header-right">
<div class="ul-header-user">
<div class="ul-header-user-avatar">
</div>
<div class="ul-header-user-info">
<div class="ul-header-user-name">
奥古斯宏
</div>
<div class="ul-header-user-options">
<i class="ul-icon-exit"></i>
<span>退出</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="ul-section">
<div class="ul-header ">
<div class="ul-header-main">
<div class="ul-header-left">
<div class="">
<img class="ul-header-logo" src="/static/images/ulthon_logo_108.png" alt="">
</div>
</div>
<div class="ul-header-right">
<div class="ul-header-user">
<div class="ul-header-user-avatar">
</div>
<div class="ul-header-user-info">
<div class="ul-header-user-name">
奥古斯宏
</div>
<div class="ul-header-user-options">
<i class="ul-icon-exit"></i>
<span>退出</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</fieldset>

26
demo/nav.html Normal file
View File

@@ -0,0 +1,26 @@
<fieldset class="layui-elem-field layui-field-title">
<legend>一般垂直导航</legend>
<div class="layui-field-box">
<ul class="layui-nav layui-nav-tree ul-nav-white">
<!-- 侧边导航: <ul class="layui-nav layui-nav-tree layui-nav-side"> -->
<li class="layui-nav-item layui-nav-itemed">
<a href="javascript:;">默认展开</a>
<dl class="layui-nav-child">
<dd class="layui-this"><a href="javascript:;">选项1</a></dd>
<dd><a href="javascript:;">选项2</a></dd>
<dd><a href="">跳转</a></dd>
</dl>
</li>
<li class="layui-nav-item">
<a href="javascript:;">解决方案</a>
<dl class="layui-nav-child">
<dd><a href="">移动模块</a></dd>
<dd><a href="">后台模版</a></dd>
<dd><a href="">电商平台</a></dd>
</dl>
</li>
<li class="layui-nav-item layui-this"><a href="">产品</a></li>
<li class="layui-nav-item"><a href="">大数据</a></li>
</ul>
</div>
</fieldset>

6
demo/tpl.html Normal file
View File

@@ -0,0 +1,6 @@
<fieldset class="layui-elem-field layui-field-title">
<legend>字段集区块 - 横线风格</legend>
<div class="layui-field-box">
内容区域
</div>
</fieldset>

BIN
public/cdn/img/exit.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@@ -1,3 +1,4 @@
/* 列表开始 */
.ul-nav-tree {
border-right: 1px solid #bbb;
}
@@ -20,14 +21,32 @@
margin-left: 15px;
}
/* 列表结束 */
/* 通用类开始 */
.ul-padding-md {
padding: 15px;
}
.ul-avatar-list {
.ul-section {
margin-bottom: 15px;
}
.ul-icon-exit {
display : inline-block;
width : 16px;
height : 16px;
background-image : url('img/exit.png');
background-size : cover;
background-position: center;
}
/* 通用类结束 */
/* 用户头像开始 */
.ul-avatar-list {}
.ul-avatar-list-item {
display : flex;
align-items : center;
@@ -35,9 +54,11 @@
padding : 8px;
background-color: #ddd;
}
.ul-avatar-list-item.current{
.ul-avatar-list-item.current {
background-color: #bbb;
}
.ul-avatar-list-item-img {
height : 48px;
width : 48px;
@@ -58,7 +79,7 @@
position: absolute;
right : 0;
top : 0;
color: #999;
color : #999;
}
.ul-avatar-list-item-tips {
@@ -69,4 +90,99 @@
width : 100%;
overflow : hidden;
text-overflow: ellipsis;
}
}
/* 头像结束 */
/* 头部开始 */
.ul-header {
background-color: #fff;
box-shadow : 0 3px 5px #999;
padding : 3px;
}
.ul-header-main {
display : flex;
justify-content: space-between;
align-items : center;
margin : 0 auto;
}
.ul-header-logo {
max-height: 48px;
}
.ul-header-user {
display : flex;
align-items : center;
justify-content: center;
}
.ul-header-user-avatar {
background-image : url('/static/images/avatar.png');
width : 45px;
height : 45px;
background-size : cover;
background-position: center;
}
.ul-header-user-options {
display : flex;
align-items: center;
color : #999;
font-size : 12px;
cursor : pointer;
}
.ul-header-user-info {
margin-left: 10px;
}
/* 头部结束 */
/* 导航开始 */
.layui-nav.ul-nav-white {
background-color: #f0f0f0;
}
.layui-nav.ul-nav-white .layui-nav-child a {
color: #666;
}
.layui-nav.ul-nav-white .layui-nav-item a {
color: #666;
}
.layui-nav.ul-nav-white .layui-nav-itemed>.layui-nav-child {
background-color: rgba(255, 255, 255, 0.6) !important;
}
.layui-nav-tree.ul-nav-white .layui-nav-item a:hover {
background-color: #9cf;
color : #fff !important;
}
.layui-nav.ul-nav-white .layui-nav-itemed>a,
.layui-nav-tree.ul-nav-white .layui-nav-title a,
.layui-nav-tree.ul-nav-white .layui-nav-title a:hover {
color: #666 !important;
}
.layui-nav-tree.ul-nav-white .layui-nav-bar {
background-color: #6cf;
}
.layui-nav-tree.ul-nav-white .layui-nav-child dd.layui-this,
.layui-nav-tree.ul-nav-white .layui-nav-child dd.layui-this a,
.layui-nav-tree.ul-nav-white .layui-this,
.layui-nav-tree.ul-nav-white .layui-this>a,
.layui-nav-tree.ul-nav-white .layui-this>a:hover {
background-color: #9cf;
color : #fff;
}
/* 导航结束 */

Binary file not shown.

After

Width:  |  Height:  |  Size: 20 KiB

View File

@@ -139,14 +139,24 @@
<input type="radio" name="status" value="0" title="不发布" checked>
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">分类</div>
<div class="layui-input-block">
<select name="category_id" lay-verify="">
<option value="0">请选择一个城市</option>
</select>
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">跳转链接</div>
<div class="layui-input-block">
<input type="text" name="jump_to_url" class="layui-input">
</div>
</div>
<div class="layui-form-item">
<div class="layui-form-label">跳转链接状态</div>
<div class="layui-input-block">