jizhicms_1
/
index.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>jizhiCMS模板标签助手_jizhiCMS标签助手_jizhiCMS标签生成器_小郭博客</title>
	<meta name="keywords" content="jizhiCMS模板标签助手,jizhiCMS标签助手,jizhiCMS模板开发助手" />
	<meta name="description" content="jizhiCMS标签助手高效版，jizhiCMS模板开发助手，网站建设，专业仿站，前端切图，CMS二次开发，联系qq：594649546" />
	<script src="file/js/jquery.min.2.1.4.js"></script>
	<script src="js/vue.min.js"></script>
	<style>
		*,*:before,*:after{box-sizing:border-box;}
		html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;}
		body{font-size:14px;font-family:"Microsoft YaHei",Helvetica,"SimSun",Arial,sans-serif;}
		.warp{width:100%;height:100%;display:flex;}
		.main-left{width:460px;overflow-y:auto;border-right:1px solid #dfdfdf;padding-left:10px;display: none;}
		.main-main{width:50%;border-right:1px solid #dfdfdf;display: none;}
		.main-extend{overflow-y:auto;flex-grow: 1;position: relative;}
		.main-extend a {transition: .2s; padding: 0 8px; display: inline-block; color: #4d8af9; }
		.main-extend a:hover {background-color: #73c1ff; color: #ffffff; }
		.pd{padding:10px;}
		#andy_index_img{width:420px;}
		.andy_codeview{width:100%;height:100%;}
		.img-box{position:relative;width:420px;}
		.img-box img{display:block;vertical-align:middle;width: 100%;}
		.img-box>a{position:absolute;display:block;background-color:transparent;text-indent:-9999em;overflow:hidden;float:left;z-index:1001;transition:.3s;}
		.img-box>a:hover{background-color:rgba(144,8,234,0.55);}
		.powered{position: absolute; bottom: 10px;color: #727272;}
		[v-cloak]{display:none;}
		::-webkit-scrollbar {width: 4px; height: 1px; }
		::-webkit-scrollbar-thumb {border-radius: 10px; background: #e8e8e8; }
		::-webkit-scrollbar-track {border-radius: 10px; background: #EDEDED; }
		@media (min-width: 768px) {
			.main-left{display: block;}
			.main-main{display: block;}
			.m-tips{display: none;}
		}
		@media (min-width: 1200px) {
			.main-main{width:45%;}
		}
		@media (min-width: 1800px) {
			.main-main{width:990px;}
		}

	</style>


</head>
<body>
<div class="warp">
<div class="main-left">
	<div class="pd">
	<div class="img-box" v-cloak>
		<div><img src="images/index1.jpg" alt="jizhiCMS模板标签助手"></div>
		<div><img src="images/index2.jpg" alt="jizhiCMS模板标签助手"></div>
		<div><img src="images/index3.jpg" alt="jizhiCMS模板标签助手"></div>
		<a v-for="v in alist" :style="v.styleobj" :title="v.title" :target="v.target" :href="v.href">{{v.title}}</a>
	</div>
	</div>
</div>
<div class="main-main">
	<iframe id="myform" class="andy_codeview" src="file/index.html" scrolling="auto" frameborder="0" name="andy_codeview"></iframe>
</div>
<div class="main-extend">
	<div class="pd">
		<h3 class="m-tips">手机用户请使用文字版</h3>
		<p><a class="link-to-index2" href="index2.html">jizhiCMS模板标签大全文字版</a></p>
		<p><a class="link-to-index2" target="_blank" href="http://help.jizhicms.cn/">jizhiCMS官方帮助文档</a></p>
		<p><a href="http://www.d163.net/">小郭博客首页</a></p>
		<p><a href="http://www.d163.net/html/study/" >学无止境 </a></p>
		<p><a href="http://www.d163.net/html/web2/">web前端</a></p>
		<p> <a href="http://www.d163.net/html/news/">最新资讯</a></p>
		<p>  <a href="http://www.d163.net/webknow/" >建站知识 </a> </p>
		<p>  <a href="http://www.d163.net/guestbook/" >给我留言 </a></p>
		<p>  <a href="http://www.d163.net/about/" >关于我 </a></p>
		<p>  <a href="http://www.d163.net/zanshang/" >赞赏我 </a> </p>
		<div class="powered">版权所有 AndyGuo 小郭博客 qq:594649546</div>
	</div>
</div>
</div>

<script>
$(function(){
var vm = new Vue({
	el:".img-box",
	data:{
		alist:[
			{"title":"网站LOGO","href":"file/copyright.html?ly=logo","target":"andy_codeview","styleobj":{width:"79px",height:"40px",left:"7px",top:"7px"}},
			{"title":"搜索框","href":"file/search.html","target":"andy_codeview","styleobj":{width:"164px",height:"26px",left:"112px",top:"21px"}},
			{"title":"注册登录","href":"file/user.html","target":"andy_codeview","styleobj":{width:"93px",height:"26px",left:"316px",top:"21px"}},
			{"title":"站点导航","href":"file/nav.html","target":"andy_codeview","styleobj":{width:"76px",height:"25px",left:"4px",top:"54px"}},
			{"title":"首页","href":"file/index.html","target":"andy_codeview","styleobj":{width:"40px",height:"25px",left:"131px",top:"54px"}},
			{"title":"产品列表","href":"list_article.html","target":"_self","styleobj":{width:"40px",height:"25px",left:"177px",top:"54px"}},
			{"title":"新闻列表","href":"list_article.html","target":"_self","styleobj":{width:"40px",height:"25px",left:"223px",top:"54px"}},
			{"title":"留言","href":"guestbook.html","target":"_self","styleobj":{width:"40px",height:"25px",left:"269px",top:"54px"}},
			{"title":"内容详情","href":"show_article.html","target":"_self","styleobj":{width:"59px",height:"25px",right:"4px",top:"54px"}},
			{"title":"轮播图","href":"file/banner.html","target":"andy_codeview","styleobj":{width:"416px",height:"103px",left:"2px",top:"80px"}},
			{"title":"首页产品列表","href":"file/lists.html?ly=f2","target":"andy_codeview","styleobj":{width:"416px",height:"88px",left:"2px",top:"185px"}},
			{"title":"首页新闻中心","href":"file/lists.html?ly=f1","target":"andy_codeview","styleobj":{width:"418px",height:"133px",left:"1px",top:"276px"}},
			{"title":"首页关于我们","href":"file/pagec.html?ly=f1","target":"andy_codeview","styleobj":{width:"248px",height:"142px",left:"1px",top:"411px"}},
			{"title":"标签tag","href":"file/tag.html?ly=f1","target":"andy_codeview","styleobj":{width:"169px",height:"142px",left:"250px",top:"411px"}},
			{"title":"文章归档","href":"file/tag.html?ly=f2","target":"andy_codeview","styleobj":{width:"414px",height:"38px",left:"3px",top:"559px"}},
			{"title":"广告位","href":"file/pagec.html?ly=f2","target":"andy_codeview","styleobj":{width:"414px",height:"38px",left:"3px",top:"605px"}},
			{"title":"友情链接","href":"file/tag.html?ly=f3","target":"andy_codeview","styleobj":{width:"414px",height:"32px",left:"3px",top:"651px"}},
			{"title":"底部公司信息","href":"file/company.html","target":"andy_codeview","styleobj":{width:"126px",height:"72px",left:"4px",top:"684px"}},
			{"title":"底部版权声明","href":"file/copyright.html?ly=copyright","target":"andy_codeview","styleobj":{width:"181px",height:"19px",left:"137px",bottom:"20px"}},
			{"title":"底部网站备案号","href":"file/copyright.html?ly=beian","target":"andy_codeview","styleobj":{width:"72px",height:"19px",left:"329px",bottom:"21px"}},

		]
	}
})

})
</script>
</body>
</html>