mirror of https://github.com/helloxz/onenav.git
9 changed files with 334 additions and 5 deletions
@ -0,0 +1,107 @@
@@ -0,0 +1,107 @@
|
||||
<?php include_once('s_header.php'); ?> |
||||
|
||||
<div class="layui-container"> |
||||
<!-- 内容主体区域 --> |
||||
<div class="layui-row content-body place-holder"> |
||||
<!-- 说明提示框 --> |
||||
<div class="layui-col-lg12"> |
||||
<div class="setting-msg"> |
||||
<p>注意:权重越大,分类排序越靠前</p> |
||||
</div> |
||||
</div> |
||||
<!-- 说明提示框END --> |
||||
<div class="layui-col-lg6"> |
||||
<form class="layui-form layui-form-pane"> |
||||
<div class="layui-form-item"> |
||||
<label class="layui-form-label">分类名称</label> |
||||
<div class="layui-input-block"> |
||||
<input type="text" name="name" required lay-verify="required" placeholder="请输入分类名称" autocomplete="off" class="layui-input"> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="layui-form-item"> |
||||
<label for="" class="layui-form-label">字体图标:</label> |
||||
<div class="layui-input-inline" style = "width:240px;"> |
||||
<input name="font_icon" type="text" id="iconHhys2" value="" lay-filter="iconHhys2" class="layui-input"> |
||||
</div> |
||||
<div class="layui-form-mid layui-word-aux"> |
||||
图标对照表可参考:<a rel = "nofollow" target = "_blank" href="https://fontawesome.dashgame.com/">FontAwesome4</a> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="layui-form-item"> |
||||
<label class="layui-form-label">父级分类</label> |
||||
<div class="layui-input-block"> |
||||
<select name="fid" lay-verify=""> |
||||
<option value="0">无</option> |
||||
<?php foreach ($categorys as $key => $category) { |
||||
|
||||
?> |
||||
<option value="<?php echo $category['id']; ?>"><?php echo $category['name']; ?></option> |
||||
<?php } ?> |
||||
</select> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="layui-form-item"> |
||||
<label class="layui-form-label">权重</label> |
||||
<div class="layui-input-block"> |
||||
<input type="number" name="weight" min = "0" max = "999" value = "0" required lay-verify="required|number" placeholder="权重越高,排名越靠前,范围为0-999" autocomplete="off" class="layui-input"> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<div class="layui-form-item"> |
||||
<label class="layui-form-label">是否私有</label> |
||||
<div class="layui-input-inline" style = "width:200px;"> |
||||
<input type="checkbox" name="property" value = "1" lay-skin="switch" lay-text="是|否"> |
||||
</div> |
||||
<div class="layui-form-mid layui-word-aux">私有分类下的链接需要登录后才能查看。</div> |
||||
</div> |
||||
|
||||
<div class="layui-form-item layui-form-text"> |
||||
<label class="layui-form-label">描述(选填)</label> |
||||
<div class="layui-input-block"> |
||||
<textarea name="description" placeholder="请输入内容" class="layui-textarea"></textarea> |
||||
</div> |
||||
</div> |
||||
<div class="layui-form-item"> |
||||
<button class="layui-btn" lay-submit lay-filter="add_category">添加</button> |
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
|
||||
</div> |
||||
<!-- 内容主题区域END --> |
||||
</div> |
||||
|
||||
<script> |
||||
//参考:https://gitee.com/luckygyl/iconFonts |
||||
layui.use(['iconHhysFa'], function(){ |
||||
var iconHhysFa = layui.iconHhysFa; |
||||
iconHhysFa.render({ |
||||
// 选择器,推荐使用input |
||||
elem: '#iconHhys2', |
||||
// 数据类型:fontClass/awesome,推荐使用fontClass |
||||
type: 'awesome', |
||||
// 是否开启搜索:true/false |
||||
search: true, |
||||
// fa 图标接口 |
||||
url: './static/font-awesome/4.7.0/less/variables.less', |
||||
// 是否开启分页 |
||||
page: true, |
||||
// 每页显示数量,默认12 |
||||
limit: 30, |
||||
// 点击回调 |
||||
value:'fa-bookmark-o', //自定义默认图标 |
||||
click: function(data) { |
||||
console.log(data); |
||||
}, |
||||
// 渲染成功后的回调 |
||||
success: function(d) { |
||||
console.log(d); |
||||
} |
||||
}); |
||||
}) |
||||
</script> |
@ -0,0 +1,106 @@
@@ -0,0 +1,106 @@
|
||||
<?php include_once('s_header.php'); ?> |
||||
|
||||
<div class="layui-container"> |
||||
<!-- 内容主体区域 --> |
||||
<div class="layui-row content-body place-holder"> |
||||
<!-- 说明提示框 --> |
||||
<div class="layui-col-lg12"> |
||||
<div class="setting-msg"> |
||||
<p>1. 权重越大,排序越靠前</p> |
||||
<p>2. 识别功能可以自动获取链接标题和描述信息,但不确保一定成功</p> |
||||
<p>3. 仅 default2/5iux/heimdall/tushan2/webstack 支持自定义图标,其余主题均自动获取链接图标。</p> |
||||
</div> |
||||
</div> |
||||
<!-- 说明提示框END --> |
||||
<div class="layui-col-lg12"> |
||||
<form class="layui-form layui-form-pane"> |
||||
<div class="layui-form-item"> |
||||
<label class="layui-form-label">URL</label> |
||||
<div class="layui-input-block"> |
||||
<input id = "url" name="url" required lay-verify="required" placeholder="请输入有效链接" autocomplete="off" class="layui-input"> |
||||
</div> |
||||
</div> |
||||
<!-- 添加备用链接 --> |
||||
<div class="layui-col-lg12"> |
||||
<div class="layui-form-item"> |
||||
<label class="layui-form-label">备用URL</label> |
||||
<div class="layui-input-block"> |
||||
<input type="url" id = "url_standby" name="url_standby" placeholder="请输入备用链接,如果没有,请留空" autocomplete="off" class="layui-input"> |
||||
</div> |
||||
</div> |
||||
<!-- 备用链接END --> |
||||
|
||||
<div class="layui-form-item"> |
||||
<label class="layui-form-label">图标</label> |
||||
<div class="layui-input-inline" style="width:810px;"> |
||||
<button type="button" id = "iconUpload" name="iconUpload" class="layui-btn"><i class="layui-icon"></i>上传图标</button> |
||||
<button type="button" class="layui-btn layui-btn-danger" onclick="del_link_icon()">删除图标</button> |
||||
<!-- 显示图标 --> |
||||
<div id="show_icon"> |
||||
<img src="static/images/white64.png" alt=""> |
||||
</div> |
||||
<!-- 显示图标 --> |
||||
<div class="layui-form-mid layui-word-aux" style = "float:right;">图标最小尺寸建议为 64 * 64像素,大小不超过100KB,仅部分主题支持自定义图标!</div> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="layui-form-item"> |
||||
<label class="layui-form-label">图标链接</label> |
||||
<div class="layui-input-block"> |
||||
<input type="url" id = "font_icon" name="font_icon" placeholder="请输入图标链接,如果没有,请留空(可输入外部https链接)" autocomplete="off" class="layui-input"> |
||||
</div> |
||||
</div> |
||||
|
||||
<div class="layui-form-item"> |
||||
<label class="layui-form-label">链接名称</label> |
||||
<div class="layui-input-block"> |
||||
<input type="text" id = "title" name="title" required lay-verify="required" placeholder="请输入链接名称" autocomplete="off" class="layui-input"> |
||||
</div> |
||||
</div> |
||||
<div class="layui-form-item"> |
||||
<label class="layui-form-label">所属分类</label> |
||||
<div class="layui-input-block"> |
||||
<select name="fid" lay-verify="required" lay-search> |
||||
<option value=""></option> |
||||
<?php foreach ($categorys as $category) { |
||||
# code... |
||||
?> |
||||
<option value="<?php echo $category['id'] ?>"><?php echo $category['name']; ?></option> |
||||
<?php } ?> |
||||
</select> |
||||
</div> |
||||
</div> |
||||
<div class="layui-form-item"> |
||||
<label class="layui-form-label">权重</label> |
||||
<div class="layui-input-block"> |
||||
<input type="number" name="weight" min = "0" max = "999" value = "0" required lay-verify="required|number" placeholder="权重越高,排名越靠前,范围为0-999" autocomplete="off" class="layui-input"> |
||||
</div> |
||||
</div> |
||||
|
||||
|
||||
<div class="layui-form-item"> |
||||
<label class="layui-form-label">是否私有</label> |
||||
<div class="layui-input-inline"> |
||||
<input type="checkbox" name="property" value = "1" lay-skin="switch" lay-text="是|否"> |
||||
</div> |
||||
<div class="layui-form-mid layui-word-aux">私有链接需要登录后才能查看!</div> |
||||
</div> |
||||
|
||||
<div class="layui-form-item layui-form-text"> |
||||
<label class="layui-form-label">描述(选填)</label> |
||||
<div class="layui-input-block"> |
||||
<textarea name="description" id = "description" placeholder="请输入内容" class="layui-textarea"></textarea> |
||||
</div> |
||||
</div> |
||||
<div class="layui-form-item"> |
||||
<button class="layui-btn" id = "add_link" lay-submit lay-filter="add_link">添加</button> |
||||
<!-- <button class="layui-btn" lay-submit lay-filter="get_link_info">识别</button> --> |
||||
<a href="javascript:;" class="layui-btn" onclick="get_link_info()">识别</a> |
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button> |
||||
</div> |
||||
</form> |
||||
</div> |
||||
|
||||
</div> |
||||
<!-- 内容主题区域END --> |
||||
</div> |
Loading…
Reference in new issue