更新

public/static/admin/css/login.css

@@ -0,0 +1,63 @@
+@charset "UTF-8";
+
+/* +----------------------------------------------------------------------
+// | ThinkAdmin
+// +----------------------------------------------------------------------
+// | 版权所有 2014~2017 广州楚才信息科技有限公司 [ http://www.cuci.cc ]
+// +----------------------------------------------------------------------
+// | 官方网站: http://think.ctolog.com
+// +----------------------------------------------------------------------
+// | 开源协议 ( https://mit-license.org )
+// +----------------------------------------------------------------------
+// | github开源项目：https://github.com/zoujingli/ThinkAdmin
+// +--------------------------------------------------------------------*/
+
+html,body{height:100%;width:100%;overflow:hidden!important;min-width:0}
+
+.login-container{height:100%;background-color:#2494F2;overflow:hidden;font-size:9pt}
+.login-container ul{display:block;margin:0;padding:0;list-style:none}
+.login-container ul li{display:block;margin:0;padding:0;list-style:none}
+.login-container .clouds-container{position:absolute;overflow:hidden;height:100%;width:100%}
+.login-container .clouds{background:url("../images/login/cloud_two.png") repeat-x left 15%;position:absolute;left:0;top:0;height:100%;width:300%;-webkit-animation:cloudmove 200s linear infinite;-moz-animation:cloudmove 200s linear infinite;-o-animation:cloudmove 200s linear infinite;animation:cloudmove 200s linear infinite;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
+.login-container .clouds-fast{background:url("../images/login/cloud.png") no-repeat 0 40%;-webkit-animation:cloudmove 30s linear infinite;-moz-animation:cloudmove 30s linear infinite;-o-animation:cloudmove 30s linear infinite;animation:cloudmove 30s linear infinite}
+.login-container .clouds-footer{background:url("../images/login/cloud_one.png") no-repeat left 100%;animation:none}
+
+@keyframes cloudmove{0%{left:-50%}100%{left:150%}}
+@-moz-keyframes cloudmove{0%{left:-50%}100%{left:150%}}
+@-webkit-keyframes cloudmove{0%{left:-50%}100%{left:150%}}
+
+.login-container .header{height:47px;position:absolute;top:0;z-index:100;width:100%}
+.login-container .header a,
+.login-container .header a:hover,
+.login-container .header a:focus{text-decoration:none;color:#eee;outline:none}
+.login-container .header a:hover{color:#fff}
+.login-container .header span.title{line-height:47px;text-indent:44px;float:left;color:#fff;font-size:16px}
+.login-container .header ul{float:right;padding-right:30px}
+.login-container .header ul li{float:left;margin-left:20px;line-height:47px;}
+.login-container .container{background:url(../images/login/bg.png) no-repeat center center;width:100%;height:585px;overflow:hidden;position:relative;top:50%;margin-top:-300px}
+
+/* 表单 */
+.login-container .content{width:692px;height:336px;background:url(../images/login/bg_form.png) no-repeat;margin:60px auto auto auto;position:relative;display:block}
+.login-container .content ul{margin-left:285px;margin-right:60px}
+.login-container .content ul li{margin-bottom:15px;position:relative}
+.login-container .content ul li input{position:relative;padding-left:40px;z-index:1;width:100%;height:38px;line-height:38px;border:1px solid #e6e6e6;background-color:#fff;border-radius:2px}
+.login-container .content ul li .fa{position: absolute; z-index: 2; width: 34px; height: 38px; text-align: center; line-height: 38px; font-size: 18px; color: #666666;}
+.login-container .content ul li.verify input{width: 60%;}
+.login-container .content ul li .reloadverify{position:relative; width: 40%;}
+.login-container .content a{color:#666;position:absolute;display:block;}
+.login-container .content a:hover{color:#333}
+.login-container .content a.forget{right:0}
+
+/* 头像 */
+.login-container .people{width:165px;height:90px;position:relative;top:8px;left:-70px}
+.login-container .people .tou{background:url("../images/login/hand_tou.png") no-repeat;width:97px;height:92px;position:absolute;top:-87px;left:140px}
+.login-container .people .left_hand{background:url("../images/login/hand_left.png") no-repeat;width:32px;height:37px;position:absolute;top:-38px;left:150px}
+.login-container .people .right_hand{background:url("../images/login/hand_right.png") no-repeat;width:32px;height:37px;position:absolute;top:-38px;right:-64px}
+.login-container .people .initial_left_hand{background:url("../images/login/hand.png") no-repeat;width:30px;height:20px;position:absolute;top:-12px;left:100px}
+.login-container .people .initial_right_hand{background:url("../images/login/hand.png") no-repeat;width:30px;height:20px;position:absolute;top:-12px;right:-112px}
+
+/* 底部版权 */
+.login-container .footer{height:50px;line-height:50px;text-align:center;position:absolute;bottom:0;width:100%;color:#fff;;letter-spacing:0.5px}
+.login-container .footer span{display:inline-block;height:10px;overflow:hidden;line-height:10px;padding-left:1px;padding-right:1px}
+.login-container .footer a{color:#fff}
+.login-container .footer a:hover{color:#fff}

public/static/admin/js/app.js

@@ -0,0 +1,268 @@
+$(function($) {
+
+	var storage, fail, uid;
+	try {
+		uid = new Date; (storage = window.localStorage).setItem(uid, uid);
+		fail = storage.getItem(uid) != uid;
+		storage.removeItem(uid);
+		fail && (storage = false);
+	} catch(e) {}
+	if (storage) {
+		try {
+			var usedSkin = localStorage.getItem('config-skin');
+			if (usedSkin != '') {
+				$('#skin-colors .skin-changer').removeClass('active');
+				$('#skin-colors .skin-changer[data-skin="' + usedSkin + '"]').addClass('active');
+			}
+			
+			//固定头部、左侧菜单以及底部版权信息
+			$('body').addClass('fixed-header');
+			$('body').addClass('fixed-footer');
+			$('body').addClass('fixed-leftmenu');
+			if ($('#page-wrapper').hasClass('nav-small')) {
+				$('#page-wrapper').removeClass('nav-small');
+			}
+
+			$('.fixed-leftmenu #col-left').nanoScroller({
+				alwaysVisible: true,
+				iOSNativeScrolling: false,
+				preventPageScrolling: true,
+				contentClass: 'col-left-nano-content'
+			});
+
+			var boxedLayout = localStorage.getItem('config-boxed-layout');
+			if (boxedLayout == 'boxed-layout') {
+				$('body').addClass(boxedLayout);
+				$('#config-boxed-layout').prop('checked', true);
+			}
+			var sidebarSamll = localStorage.getItem('config-sidebar-samll');
+			if (sidebarSamll == 'sidebar-samll') {
+				$('#config-sidebar-samll').prop('checked', true);
+				$('#page-wrapper').addClass('nav-small');
+			} else {
+				$('#page-wrapper').removeClass('nav-small');
+			};
+		} catch(e) {
+			console.log(e);
+		}
+	}
+	$('#config-tool-cog').on('click',
+	function() {
+		$('#config-tool').toggleClass('closed');
+	});
+	$('#config-boxed-layout').on('change',
+	function() {
+		var boxedLayout = '';
+		if ($(this).is(':checked')) {
+			$('body').addClass('boxed-layout');
+			boxedLayout = 'boxed-layout';
+		} else {
+			$('body').removeClass('boxed-layout');
+		}
+		writeStorage(storage, 'config-boxed-layout', boxedLayout);
+	});
+
+	$('#config-sidebar-samll').on('change',function(){
+		var sidebarSamll = '';
+		if ($(this).is(':checked')) {
+			$('#page-wrapper').addClass('nav-small');
+			sidebarSamll = 'sidebar-samll';
+			writeStorage(storage, 'config-sidebar-samll', sidebarSamll);
+		} else {
+			$('#page-wrapper').removeClass('nav-small');
+			writeStorage(storage, 'config-sidebar-samll', sidebarSamll);
+			location.reload();
+		}
+	})
+	if (!storage) {
+		$('#config-boxed-layout').prop('checked', false);
+		$('#config-sidebar-samll').prop('checked', false);
+	}
+	$('#skin-colors .skin-changer').on('click',
+	function() {
+		$('body').removeClassPrefix('theme-');
+		$('body').addClass($(this).data('skin'));
+		$('#skin-colors .skin-changer').removeClass('active');
+		$(this).addClass('active');
+		writeStorage(storage, 'config-skin', $(this).data('skin'));
+	});
+
+
+	//合并自script.js
+	setTimeout(function() {
+		$('#content-wrapper > .row').css({
+			opacity: 1
+		});
+	},
+	200);
+	$('#sidebar-nav,#nav-col-submenu').on('click', '.dropdown-toggle',
+	function(e) {
+		e.preventDefault();
+		var $item = $(this).parent();
+		if (!$item.hasClass('open')) {
+			$item.parent().find('.open .submenu').slideUp('fast');
+			$item.parent().find('.open').toggleClass('open');
+		}
+		$item.toggleClass('open');
+		if ($item.hasClass('open')) {
+			$item.children('.submenu').slideDown('fast');
+		} else {
+			$item.children('.submenu').slideUp('fast');
+		}
+	});
+	$('body').on('mouseenter', '#page-wrapper.nav-small #sidebar-nav .dropdown-toggle',
+	function(e) {
+		if ($(document).width() >= 992) {
+			var $item = $(this).parent();
+			if ($('body').hasClass('fixed-leftmenu')) {
+				var topPosition = $item.position().top;
+				if ((topPosition + 4 * $(this).outerHeight()) >= $(window).height()) {
+					topPosition -= 6 * $(this).outerHeight();
+				}
+				$('#nav-col-submenu').html($item.children('.submenu').clone());
+				$('#nav-col-submenu > .submenu').css({
+					'top': topPosition
+				});
+			}
+			$item.addClass('open');
+			$item.children('.submenu').slideDown('fast');
+		}
+	});
+	$('body').on('mouseleave', '#page-wrapper.nav-small #sidebar-nav > .nav-pills > li',
+	function(e) {
+		if ($(document).width() >= 992) {
+			var $item = $(this);
+			if ($item.hasClass('open')) {
+				$item.find('.open .submenu').slideUp('fast');
+				$item.find('.open').removeClass('open');
+				$item.children('.submenu').slideUp('fast');
+			}
+			$item.removeClass('open');
+		}
+	});
+	$('body').on('mouseenter', '#page-wrapper.nav-small #sidebar-nav a:not(.dropdown-toggle)',
+	function(e) {
+		if ($('body').hasClass('fixed-leftmenu')) {
+			$('#nav-col-submenu').html('');
+		}
+	});
+	$('body').on('mouseleave', '#page-wrapper.nav-small #nav-col',
+	function(e) {
+		if ($('body').hasClass('fixed-leftmenu')) {
+			$('#nav-col-submenu').html('');
+		}
+	});
+	$('#make-small-nav').click(function(e) {
+		$('#page-wrapper').toggleClass('nav-small');
+	});
+	$(window).smartresize(function() {
+		if ($(document).width() <= 991) {
+			$('#page-wrapper').removeClass('nav-small');
+		}
+	});
+	$('.mobile-search').click(function(e) {
+		e.preventDefault();
+		$('.mobile-search').addClass('active');
+		$('.mobile-search form input.form-control').focus();
+	});
+	$(document).mouseup(function(e) {
+		var container = $('.mobile-search');
+		if (!container.is(e.target) && container.has(e.target).length === 0) {
+			container.removeClass('active');
+		}
+	});
+
+	$('.fixed-leftmenu #col-left').nanoScroller({
+		alwaysVisible: true,
+		iOSNativeScrolling: false,
+		preventPageScrolling: true,
+		contentClass: 'col-left-nano-content'
+	});
+	
+	$("[data-toggle='tooltip']").each(function(index, el) {
+		$(el).tooltip({
+			placement: $(this).data("placement") || 'top'
+		});
+	});
+});
+function writeStorage(storage, key, value) {
+	if (storage) {
+		try {
+			localStorage.setItem(key, value);
+		} catch(e) {
+			console.log(e);
+		}
+	}
+}
+
+$.fn.removeClassPrefix = function(prefix) {
+	this.each(function(i, el) {
+		var classes = el.className.split(" ").filter(function(c) {
+			return c.lastIndexOf(prefix, 0) !== 0;
+		});
+		el.className = classes.join(" ");
+	});
+	return this;
+}; (function($, sr) {
+	var debounce = function(func, threshold, execAsap) {
+		var timeout;
+		return function debounced() {
+			var obj = this,
+			args = arguments;
+			function delayed() {
+				if (!execAsap) func.apply(obj, args);
+				timeout = null;
+			};
+			if (timeout) clearTimeout(timeout);
+			else if (execAsap) func.apply(obj, args);
+			timeout = setTimeout(delayed, threshold || 100);
+		};
+	}
+	jQuery.fn[sr] = function(fn) {
+		return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr);
+	};
+})(jQuery, 'smartresize');
+
+function helpIntro(){
+	var placementRight = 'right';
+	var placementLeft = 'left';
+	
+	if ($('body').hasClass('rtl')) {
+		placementRight = 'left';
+		placementLeft = 'right';
+	}
+	
+	// Define the tour!
+	var tour = {
+		id: "Cube-intro",
+		steps: [
+			{
+				target: 'make-small-nav',
+				title: "设置小菜单按钮",
+				content: "点击小菜单可以把左侧菜单变成小菜单，增大右侧操作区域！",
+				placement: "bottom",
+				zindex: 999,
+				xOffset: -8
+			},
+			{
+				target: 'config-tool-options',
+				title: "后台配置工具",
+				content: "配置后台主题色彩，定制头部、左侧菜单以及底部信息",
+				placement: placementLeft,
+				zindex: 999,
+				fixedElement: true,
+				xOffset: -55
+			},
+			{
+				target: 'sidebar-nav',
+				title: "左侧导航区域",
+				content: "左侧功能导航区域。",
+				placement: placementRight
+			}
+		],
+		showPrevButton: true
+	};
+
+	// Start the tour!
+	hopscotch.startTour(tour);
+}

public/static/admin/js/skin-changer.js

@@ -0,0 +1,21 @@
+var storage, fail, uid;
+try {
+    uid = new Date; (storage = window.localStorage).setItem(uid, uid);
+    fail = storage.getItem(uid) != uid;
+    storage.removeItem(uid);
+    fail && (storage = false);
+} catch(e) {}
+if (storage) {
+    try {
+        var usedSkin = localStorage.getItem('config-skin');
+        if (usedSkin != '' && usedSkin != null) {
+            document.body.className = usedSkin;
+        } else {
+            document.body.className = '';
+        }
+    } catch(e) {
+        document.body.className = '';
+    }
+} else {
+    document.body.className = '';
+}