170 lines
		
	
	
		
			6.0 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
			
		
		
	
	
			170 lines
		
	
	
		
			6.0 KiB
		
	
	
	
		
			PHP
		
	
	
	
	
	
| <?php /*a:3:{s:64:"E:\Demos\DemoOwns\PHP\yunzer\app\admin\view\yunzer\configadd.php";i:1746709977;s:61:"E:\Demos\DemoOwns\PHP\yunzer\app\admin\view\public\header.php";i:1746849526;s:59:"E:\Demos\DemoOwns\PHP\yunzer\app\admin\view\public\tail.php";i:1746709977;}*/ ?>
 | ||
| <!DOCTYPE html>
 | ||
| <html>
 | ||
| 	<head>
 | ||
| 		<title><?php echo htmlentities((string) $config['admin_name']); ?></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.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
 | ||
| 		<link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css" media="all"/>
 | ||
| 		<link rel="stylesheet" type="text/css" href="/static/css/moban.css" media="all"/>
 | ||
| 		<link rel="stylesheet" type="text/css" href="/static/css/wangeditor.css" media="all"/>
 | ||
| 		<style type="text/css">
 | ||
| 			.header span{background:#009688;margin-left:30px;padding:10px;color:#ffffff;}
 | ||
| 			.header div{border-bottom:solid 2px #009688;margin-top: 8px;}
 | ||
| 			.header button{float:right;margin-top:-5px;}
 | ||
| 			.pagination {
 | ||
| 				display: inline-block;
 | ||
| 				padding-left: 0;
 | ||
| 				margin: 20px 0;
 | ||
| 				border-radius: 4px;
 | ||
| 			}
 | ||
| 			.pagination > li {
 | ||
| 				display: inline;
 | ||
| 			}
 | ||
| 			.pagination > li > a,
 | ||
| 			.pagination > li > span {
 | ||
| 				position: relative;
 | ||
| 				float: left;
 | ||
| 				padding: 6px 12px;
 | ||
| 				margin-left: -1px;
 | ||
| 				line-height: 1.42857143;
 | ||
| 				color: #337ab7;
 | ||
| 				text-decoration: none;
 | ||
| 				background-color: #fff;
 | ||
| 				border: 1px solid #ddd;
 | ||
| 			}
 | ||
| 			.pagination > li:first-child > a,
 | ||
| 			.pagination > li:first-child > span {
 | ||
| 				margin-left: 0;
 | ||
| 				border-top-left-radius: 4px;
 | ||
| 				border-bottom-left-radius: 4px;
 | ||
| 			}
 | ||
| 			.pagination > li:last-child > a,
 | ||
| 			.pagination > li:last-child > span {
 | ||
| 				border-top-right-radius: 4px;
 | ||
| 				border-bottom-right-radius: 4px;
 | ||
| 			}
 | ||
| 			.pagination > li > a:hover,
 | ||
| 			.pagination > li > span:hover,
 | ||
| 			.pagination > li > a:focus,
 | ||
| 			.pagination > li > span:focus {
 | ||
| 				z-index: 2;
 | ||
| 				color: #23527c;
 | ||
| 				background-color: #eee;
 | ||
| 				border-color: #ddd;
 | ||
| 			}
 | ||
| 			.pagination > .active > a,
 | ||
| 			.pagination > .active > span,
 | ||
| 			.pagination > .active > a:hover,
 | ||
| 			.pagination > .active > span:hover,
 | ||
| 			.pagination > .active > a:focus,
 | ||
| 			.pagination > .active > span:focus {
 | ||
| 				z-index: 3;
 | ||
| 				color: #fff;
 | ||
| 				cursor: default;
 | ||
| 				background-color: #337ab7;
 | ||
| 				border-color: #337ab7;
 | ||
| 			}
 | ||
| 			.pagination > .disabled > span,
 | ||
| 			.pagination > .disabled > span:hover,
 | ||
| 			.pagination > .disabled > span:focus,
 | ||
| 			.pagination > .disabled > a,
 | ||
| 			.pagination > .disabled > a:hover,
 | ||
| 			.pagination > .disabled > a:focus {
 | ||
| 				color: #777;
 | ||
| 				cursor: not-allowed;
 | ||
| 				background-color: #fff;
 | ||
| 				border-color: #ddd;
 | ||
| 			}
 | ||
| 			.close-img { background: url(/static/images/close_img.png); background-size: 20px 20px; width:20px; height: 20px; position: absolute; right: 5px; top: 5px; z-index: 2;}
 | ||
| 		</style>
 | ||
| 		<script type="text/javascript" src="/static/layui/layui.js"></script>
 | ||
| 		<script type="text/javascript">
 | ||
| 			layui.use(['layer','form','table','laydate','element','upload'],function(){
 | ||
| 				layer = layui.layer;		// layui 弹框
 | ||
| 				form = layui.form;			// layui form表单
 | ||
| 				table = layui.table;		// layui 表格
 | ||
| 				laydate = layui.laydate;	// layui 时间框
 | ||
| 				element = layui.element;	// layui element
 | ||
| 				upload = layui.upload;		// layui 上传
 | ||
| 				$ = layui.jquery;			// layui jquery
 | ||
| 			})
 | ||
| 		</script>
 | ||
| 	</head>
 | ||
| 	<body style="padding:10px; box-sizing: border-box;">
 | ||
| <form class="layui-form">
 | ||
| 	<div class="layui-form-item">
 | ||
| 		<label class="layui-form-label">关键词</label>
 | ||
| 		<div class="layui-input-block">
 | ||
| 			<input type="text" class="layui-input" id="config_name" name="config_name" placeholder="请输入关键词,在代码中的key">
 | ||
| 		</div>
 | ||
| 	</div>
 | ||
| 	<div class="layui-form-item">
 | ||
| 		<label class="layui-form-label">作用</label>
 | ||
| 		<div class="layui-input-block">
 | ||
| 			<input type="text" class="layui-input" id="config_info" name="config_info" placeholder="请输入作用">
 | ||
| 		</div>
 | ||
| 	</div>
 | ||
| 	<div class="layui-form-item">
 | ||
| 		<label class="layui-form-label">类型</label>
 | ||
| 		<div class="layui-input-block">
 | ||
| 			<select id="config_type" name="config_type" lay-filter="config_type">
 | ||
| 				<option value="1" selected>文本</option>
 | ||
| 				<option value="2">图片</option>
 | ||
| 				<option value="3">富文本</option>
 | ||
| 			</select>
 | ||
| 		</div>
 | ||
| 	</div>
 | ||
| 	<div class="layui-form-item">
 | ||
| 		<label class="layui-form-label">说明</label>
 | ||
| 		<div class="layui-input-block">
 | ||
| 			<input type="text" class="layui-input" id="config_desc" name="config_desc" placeholder="请输入说明">
 | ||
| 		</div>
 | ||
| 	</div>
 | ||
| 	<div class="layui-form-item">
 | ||
| 		<label class="layui-form-label">排序</label>
 | ||
| 		<div class="layui-input-block">
 | ||
| 			<input type="number" class="layui-input" id="config_sort" name="config_sort" placeholder="请输入排序,值越大,越靠前" value="0">
 | ||
| 		</div>
 | ||
| 	</div>
 | ||
| 	<div class="layui-form-item">
 | ||
| 		<label class="layui-form-label">状态</label>
 | ||
| 		<div class="layui-input-block">
 | ||
| 			<select id="config_status" name="config_status" lay-filter="config_status">
 | ||
| 				<option value="1" selected>开启</option>
 | ||
| 				<option value="0">禁用</option>
 | ||
| 			</select>
 | ||
| 		</div>
 | ||
| 	</div>
 | ||
| </form>
 | ||
| 	</body>
 | ||
| </html>
 | ||
| <script type="text/javascript">
 | ||
| 	// 显示图片
 | ||
| 	function show_img(obj){
 | ||
| 		var imgurl = $(obj).attr('src');
 | ||
| 		var res = getMousePos();
 | ||
| 		var html = '<div style="background:#fff;position:absolute;width:200px;border:solid 1px #cdcdcd;border-radius:6px;padding:2px;left:'+res.x+'px;top:'+res.y+'px;z-index:1000" id="preview">\
 | ||
| 				<img style="width:100%;border-radius:6px;" src="'+imgurl+'">\
 | ||
| 			</div>';
 | ||
| 		$('body').append(html);
 | ||
| 	}
 | ||
| 	// 隐藏图片
 | ||
| 	function hide_img(){
 | ||
| 		$('#preview').remove();
 | ||
| 	}
 | ||
| 	// 图片位置计算
 | ||
| 	function getMousePos(event) {
 | ||
| 		var e = event || window.event;
 | ||
| 		var scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
 | ||
| 		var scrollY = document.documentElement.scrollTop || document.body.scrollTop;
 | ||
| 		var x = e.pageX || e.clientX + scrollX;
 | ||
| 		var y = e.pageY || e.clientY + scrollY;
 | ||
| 		return { 'x': x, 'y': y };
 | ||
| 	}
 | ||
| 	// 删除图片
 | ||
| 	function deleteImage(path,obj){
 | ||
| 		$(obj).closest('.upload_pic_li').remove();
 | ||
| 	}
 | ||
| </script>
 |