first commit
This commit is contained in:
@@ -0,0 +1,41 @@
|
||||
<script>
|
||||
Z.onload(function()
|
||||
{//初始化
|
||||
Z("#nav_" + "${industryId}").addClass("z-active");
|
||||
doKeywordIndustryTop('${industryId}', '${industrySubId}');
|
||||
})
|
||||
|
||||
function doKeywordIndustryTop(industryId, industrySubId)
|
||||
{
|
||||
var ajax = new Z.Ajax();
|
||||
ajax.setClassName("KeywordPresenter");
|
||||
ajax.setMethodName("doKeywordIndustryTop");
|
||||
ajax.addParam("industryId", industryId);
|
||||
ajax.addParam("industrySubId", industrySubId);
|
||||
ajax.setFailureAlert();
|
||||
ajax.setSuccess(function(){
|
||||
|
||||
var text = this.responseText;
|
||||
Z("#resultWrap").htmlc(text);
|
||||
});
|
||||
ajax.execute();
|
||||
}
|
||||
</script>
|
||||
|
||||
${zhiqim_manager_breadcrumb("关键词排行榜")}
|
||||
${zhiqim_manager_content()}
|
||||
|
||||
<#-- 导航栏 -->
|
||||
<div class="z-tabnav-main z-blue z-mg-b20">
|
||||
<nav>
|
||||
<ul>
|
||||
<li onclick="Z.Location.href('keywordTop.htm');">关键词排行榜</li>
|
||||
<#for item : Global.get(DesignIndustryCache.class).getIndustryList()>
|
||||
<li id="nav_${item.getIndustryId()}" onclick="Z.Location.href('keywordIndustryTop.htm?industryId=${item.getIndustryId()}&industrySubId=${LabelDao.getIndustrySubId(item.getIndustryId())}');">${item.getIndustryName()}</li>
|
||||
</#for>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<div id="resultWrap"></div>
|
||||
${zhiqim_manager_content_end()}
|
||||
@@ -0,0 +1,130 @@
|
||||
${zhiqim_manager_breadcrumb("关键词排行榜")}
|
||||
${zhiqim_manager_content()}
|
||||
|
||||
<#-- 导航栏 -->
|
||||
<div class="z-tabnav-main z-blue z-mg-b20">
|
||||
<nav>
|
||||
<ul>
|
||||
<li class="z-active">关键词排行榜</li>
|
||||
<#for item : Global.get(DesignIndustryCache.class).getIndustryList()>
|
||||
<li onclick="Z.Location.href('keywordIndustryTop.htm?industryId=${item.getIndustryId()}');">${item.getIndustryName()}</li>
|
||||
</#for>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
|
||||
<style>
|
||||
.z-w35p{width:35%;}
|
||||
/***************************
|
||||
******** 图形列表 ********
|
||||
***************************/
|
||||
.scoreChar>.scoreChar-title{font-weight:normal;}
|
||||
.scoreChar>.scoreChar-list{height:330px;}
|
||||
.scoreChar>.scoreChar-list>.list-char{position:absolute;width:600px;height:100%;padding:30px;z-index:1;}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item{position:absolute;bottom:30px;width:160px;}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item>.item-status,.scoreChar>.scoreChar-list>.list-char>.char-item>.item-name,
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item>.item-score{font-size:16px;}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item>div{position:absolute;width:100%;text-align:center;}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item>.item-status{top:-70px;}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item>.item-arrow{width:0;height:0;line-height:0;font-size:0;border-style:dashed;
|
||||
border-color:transparent;border-width:40px 80px;border-bottom-style:solid;position:absolute;top:-80px;}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item>.item-name{bottom:60px;}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item>.item-score{bottom:20px;}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item>.item-name a,.scoreChar>.scoreChar-list>.list-char>.char-item>.item-score{color:#ffffff;}
|
||||
/*排列*/
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item:nth-child(1){left:30px;}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item:nth-child(2){left:220px;}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item:nth-child(3){left:410px;}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item.first{height:200px;background:#fe7811;}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item.first>.item-arrow{border-bottom-color:#fe7811}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item.first>.item-status{color:#fe7811;}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item.second{height:160px;background:#2cb8c6;}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item.second>.item-arrow{border-bottom-color:#2cb8c6}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item.second>.item-status{color:#2cb8c6;}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item.third{height:120px;background:#478cea;}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item.third>.item-arrow{border-bottom-color:#478cea}
|
||||
.scoreChar>.scoreChar-list>.list-char>.char-item.third>.item-status{color:#478cea;}
|
||||
/*char2*/
|
||||
.scoreChar>.scoreChar-list>.list-char2>.char-item>.item-arrow,
|
||||
.scoreChar>.scoreChar-list>.list-char2>.char-item>.item-score,
|
||||
.scoreChar>.scoreChar-list>.list-list>.list-ul>.ul-li:first-child .z-text-cyan,
|
||||
.scoreChar>.scoreChar-list>.list-list>.list-ul>.ul-li:first-child .z-text-red{display:none;}
|
||||
.scoreChar>.scoreChar-list>.list-char2>.char-item>.item-status{top:-30px;}
|
||||
.scoreChar>.scoreChar-list>.list-char2>.char-item::after{content:"";position:absolute;width:30px;height:30px;text-align:center;border-radius:50%;
|
||||
line-height:30px;bottom:20px;left:50%;margin-left:-15px;background:#ffffff;}
|
||||
.scoreChar>.scoreChar-list>.list-char2>.char-item.first::after{content:"1";color:#fe7811;}
|
||||
.scoreChar>.scoreChar-list>.list-char2>.char-item.second::after{content:"2";color:#2cb8c6;}
|
||||
.scoreChar>.scoreChar-list>.list-char2>.char-item.third::after{content:"3";color:#478cea;}
|
||||
/*右侧列表*/
|
||||
.scoreChar>.scoreChar-list>.list-list{padding:30px 30px 30px 600px;}
|
||||
.scoreChar>.scoreChar-list>.list-list>.list-ul>.ul-li,
|
||||
.scoreList>.scoreList-list>.list-ul>.ul-li{width:100%;float:left;height:30px;}
|
||||
.scoreChar>.scoreChar-list>.list-list>.list-ul>.ul-li:nth-child(even),
|
||||
.scoreList>.scoreList-list>.list-ul>.ul-li:nth-child(even){background:#f4f4f4;}
|
||||
.scoreChar>.scoreChar-list>.list-list>.list-ul>.ul-li:first-child,
|
||||
.scoreList>.scoreList-list>.list-ul>.ul-li:first-child{background:#999999;color:#ffffff;}
|
||||
.scoreChar>.scoreChar-list>.list-list>.list-ul>.ul-li>div,
|
||||
.scoreList>.scoreList-list>.list-ul>.ul-li>div{float:left;height:100%;line-height:30px;}
|
||||
.scoreChar>.scoreChar-list>.list-list>.list-ul>.ul-li>div:first-child,
|
||||
.scoreList>.scoreList-list>.list-ul>.ul-li>div:first-child{text-align:center;}
|
||||
.scoreChar>.scoreChar-list>.list-list>.list-ul>.ul-li:last-child{text-align:right;}
|
||||
|
||||
/***************************
|
||||
********* 分类列表 ********
|
||||
***************************/
|
||||
.scoreList>.scoreList-list{}
|
||||
.scoreList>.scoreList-list>.list-nav{margin-bottom:20px;border-bottom:2px solid #f1f1f1;}
|
||||
.scoreList>.scoreList-list>.list-nav>span{display:inline-block;padding:15px 25px;margin-bottom:-2px;border:0 solid transparent;cursor:pointer;}
|
||||
.scoreList>.scoreList-list>.list-nav>span:hover,.scoreList>.scoreList-list>.list-nav>span.active{color:#009899;border-bottom:2px solid #009899;}
|
||||
.scoreList>.scoreList-list>.list-ul>.ul-li{height:40px;}
|
||||
.scoreList>.scoreList-list>.list-ul>.ul-li>div{line-height:40px;}
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
function switchList(elem)
|
||||
{
|
||||
Z(elem).addClass("z-active").siblings("li").removeClass("z-active");
|
||||
var ind = [].indexOf.call(elem.parentNode.children,elem) + 1;
|
||||
Z("#list" + ind).show().siblings("div").hide();
|
||||
}
|
||||
</script>
|
||||
|
||||
<div id="scoreList">
|
||||
<div id="list1">
|
||||
<div class="scoreChar">
|
||||
<h3 class="scoreChar-title">今日搜索榜</h3>
|
||||
<div class="scoreChar-list z-relative z-bd">
|
||||
<div class="list-char z-clearfix">
|
||||
<#for item : threeList>
|
||||
<div class="char-item <#if item_index == 0>first</#if><#if item_index == 1>second</#if><#if item_index == 2>third</#if>">
|
||||
<div class="item-status"><!--上升154位--></div>
|
||||
<div class="item-arrow"></div>
|
||||
<div class="item-name">${item.getKeywordName()}</div>
|
||||
<div class="item-score">${item.getKeywordNum()}</div>
|
||||
</div>
|
||||
</#for>
|
||||
</div>
|
||||
<div class="list-list z-absolute z-l0 z-t0 z-w100p z-h100p">
|
||||
<ul class="list-ul">
|
||||
<li class="ul-li">
|
||||
<div class="z-w15p"></div><div class="z-w35p">关键词</div>
|
||||
<div class="z-w25p">指数</div> <div class="z-w25p">升降    <span class="z-text-red">↑</span></div>
|
||||
</li>
|
||||
<#for item : restList>
|
||||
<li class="ul-li">
|
||||
<div class="z-w15p"></div><div class="z-w35p">${item.getKeywordName()}</div>
|
||||
<div class="z-w25p">${item.getKeywordNum()}</div><div class="z-w25p"></div>
|
||||
</li>
|
||||
</#for>
|
||||
<li class="ul-li">
|
||||
<div class="z-w15p"></div><div class="z-w35p"></div><div class="z-w25p"></div><div class="z-w25p"></div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
${zhiqim_manager_content_end()}
|
||||
@@ -0,0 +1,36 @@
|
||||
<#include "/ztmpl/zhiqim_manager/"+themeMain+"/define.htm"/>
|
||||
<table class="z-table z-bordered z-bg-white z-pd6"">
|
||||
<tr class="z-h30" bgcolor="${zmr_thead_bgolor}">
|
||||
<td width="6%" align="center">子行业:</td>
|
||||
<td width="*">
|
||||
<#for item : inSubList>
|
||||
<button name="subName" id="sub_${item.getIndustrySubId()}" type="button" class="z-button z-large z-bordered z-mg-r6 z-mg-t6 z-blue-bd z-hover <#if item.getIndustrySubId() == industrySubId>z-active</#if>" onclick="Z.Location.href('keywordIndustryTop.htm?industryId=${item.getIndustryId()}&industrySubId=${item.getIndustrySubId()}');">${item.getIndustrySubName()}</button>
|
||||
</#for>
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
<div data-role="z-tabnav" class="z-tabnav">
|
||||
<nav>
|
||||
<ul>
|
||||
<li class="z-active">搜索热门排行</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<section>
|
||||
<div class="z-active z-pd10">
|
||||
<table class="z-table z-bordered z-bg-white z-pd6">
|
||||
<tr align="center" class="z-h40" bgcolor="${zmr_thead_bgcolor}">
|
||||
<td width="5%">排名</td>
|
||||
<td width="15%">关键词</td>
|
||||
<td width="*">搜索次数</td>
|
||||
</tr>
|
||||
<#for item : coreList>
|
||||
<tr align="center" class="z-h40" ${zhiqim_manager_tr_onmouse()}>
|
||||
<td>${item_index + 1}</td>
|
||||
<td>${item.getKeywordName()}</td>
|
||||
<td>${item.getKeywordNum()}</td>
|
||||
</tr>
|
||||
</#for>
|
||||
</table>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
Reference in New Issue
Block a user