|
|
@@ -27,71 +27,73 @@
|
|
|
<template th:replace="article/components/header"></template>
|
|
|
<!--面包屑-->
|
|
|
<div th:if="${typeId}>0" class="bar">
|
|
|
- <a href="/" target="_blank">首页</a>> <a th:each="type: *{articleType}" th:if="${typeId}==${type.id}" th:text="${type.name}" href="javascript:void(0);" class="title newTitle"></a>
|
|
|
+ <a href="/" target="_blank">首页</a>> <a th:each="type: ${articleType}" th:if="${typeId}==${type.id}" th:text="${type.name}" href="javascript:void(0);" class="title newTitle"></a>
|
|
|
</div>
|
|
|
<!--主体内容-->
|
|
|
<div class="content clearfix">
|
|
|
- <div class="new-list" id="articleList" v-cloak>
|
|
|
- <div v-if="params.keyword" class="search">
|
|
|
- <div class="serachBox" id="topSearch">
|
|
|
- <input class="keyword" type="text" :value="params.keyword" placeholder="请输入关键词" />
|
|
|
- <a class="searchBtn" href="javascript:void(0);">搜索</a>
|
|
|
- </div>
|
|
|
- <p v-if="isPC" class="result" v-html="'为您找到相关结果<b>'+listRecord+'</b>条'"></p>
|
|
|
- </div>
|
|
|
- <p v-else-if="params.labelId" class="classify biaoqian">
|
|
|
- <em id="labelTxt"></em>相关的文章
|
|
|
- </p>
|
|
|
- <p v-if="params.keyword && !isPC" class="classify" v-html="'为您找到相关结果<b>'+listRecord+'</b>条'"></p>
|
|
|
- <div v-if="listData.length>0" class="dataRousce">
|
|
|
- <div class="row" v-for="item in listData">
|
|
|
- <div class="new-img">
|
|
|
- <a :href="'/info/detail-'+item.id+'-1.html'" target="_blank">
|
|
|
- <img :src="item.image"/>
|
|
|
- </a>
|
|
|
+ <div class="mainData">
|
|
|
+ <div class="new-list" id="articleList" v-cloak>
|
|
|
+ <div v-if="params.keyword" class="search">
|
|
|
+ <div class="serachBox" id="topSearch">
|
|
|
+ <input class="keyword" type="text" :value="params.keyword" placeholder="请输入关键词" />
|
|
|
+ <a class="searchBtn" href="javascript:void(0);">搜索</a>
|
|
|
</div>
|
|
|
- <div class="new-blurb">
|
|
|
- <a :href="'/info/detail-'+item.id+'-1.html'" target="_blank">
|
|
|
- <p class="title" v-html="item.title"></p>
|
|
|
- </a>
|
|
|
- <p class="xinxi">
|
|
|
- <em v-if="!isPC" class="pv icon mIcon" v-text="item.pv"></em>
|
|
|
- <em class="write icon mIcon" v-text="item.publisher"></em>
|
|
|
- <em class="time icon mIcon" v-text="item.publishDate.substr(0,10)"></em>
|
|
|
- <em v-if="item.labels.length>0&&item.labels[0]" class="hotspot icon mIcon">
|
|
|
- <template v-for="(id,i) in item.labelIds">{{i>0?'，':''}}<a v-if="item.labels[i]" v-text="item.labels[i]" :href="'/info/label-' +id+ '-1.html'"></a></template>
|
|
|
- </em>
|
|
|
- </p>
|
|
|
- <p class="introduction" v-html="item.intro"></p>
|
|
|
- <p v-if="isPC" class="P_img"><em class="pv icon mIcon" v-text="item.pv"></em></p>
|
|
|
+ <p v-if="isPC" class="result" v-html="'为您找到相关结果<b>'+listRecord+'</b>条'"></p>
|
|
|
+ </div>
|
|
|
+ <p v-else-if="params.labelId" class="classify biaoqian">
|
|
|
+ <em id="labelTxt"></em>相关的文章
|
|
|
+ </p>
|
|
|
+ <p v-if="params.keyword && !isPC" class="classify" v-html="'为您找到相关结果<em>'+listRecord+'</em>条'"></p>
|
|
|
+ <div v-if="listData.length>0" class="dataRousce">
|
|
|
+ <div class="row" v-for="item in listData">
|
|
|
+ <div class="new-img">
|
|
|
+ <a :href="'/info/detail-'+item.id+'-1.html'" target="_blank">
|
|
|
+ <img :src="item.image"/>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <div class="new-blurb">
|
|
|
+ <a :href="'/info/detail-'+item.id+'-1.html'" target="_blank">
|
|
|
+ <p class="title" v-html="item.title"></p>
|
|
|
+ </a>
|
|
|
+ <p class="xinxi">
|
|
|
+ <em v-if="!isPC" class="pv icon mIcon" v-text="item.pv"></em>
|
|
|
+ <em class="write icon mIcon" v-text="item.publisher"></em>
|
|
|
+ <em class="time icon mIcon" v-text="item.publishDate.substr(0,10)"></em>
|
|
|
+ <em v-if="item.labels.length>0&&item.labels[0]" class="hotspot icon mIcon">
|
|
|
+ <template v-for="(id,i) in item.labelIds">{{i>0?'，':''}}<a v-if="item.labels[i]" v-text="item.labels[i]" :href="'/info/label-' +id+ '-1.html'"></a></template>
|
|
|
+ </em>
|
|
|
+ </p>
|
|
|
+ <p class="introduction" v-html="item.intro"></p>
|
|
|
+ <p v-if="isPC" class="P_img"><em class="pv icon mIcon" v-text="item.pv"></em></p>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div v-if="listLoading" class="loading">
|
|
|
- <img src="/img/base/loading.gif">
|
|
|
- </div>
|
|
|
- <!-- 如果没有搜索结果。显示此div -->
|
|
|
- <div v-else-if="listRecord==0" class="no-result">
|
|
|
- <p><img src="/img/info/kuqi.jpg"></p>
|
|
|
- <p class="nofound">很抱歉，没有找到 “<span v-text="params.keyword"></span>” 相关结果！</p>
|
|
|
- <p class="change">请修改或者尝试其他搜索词</p>
|
|
|
- </div>
|
|
|
- <!--分页-->
|
|
|
- <div v-if="(!isPC) && noMore" class="noMore">---- 没有更多了 ----</div>
|
|
|
- <div v-if="isPC && pageTotal>1" class="pageWrap clear">
|
|
|
- <a v-if="params.num>1" class="prev" @click="toPagination(params.num*1-1)" href="javascript:void(0);"></a>
|
|
|
- <template v-for="n in showPageBtn">
|
|
|
- <a v-if="n" :class="{'on':(n==params.num)}" @click="toPagination(n)" href="javascript:void(0);" v-text="n"></a>
|
|
|
- <span v-else>···</span>
|
|
|
- </template>
|
|
|
- <a v-if="params.num<pageTotal" class="next" @click="toPagination(params.num*1+1)" href="javascript:void(0);"></a>
|
|
|
- <span>共<b v-text="pageTotal>1?pageTotal:1"></b>页</span>
|
|
|
- <span>跳至</span>
|
|
|
- <input v-model="pageInput" @blur="checkNum()"/>
|
|
|
- <span>页</span>
|
|
|
- <a class="btn" href="javascript:void(0);" @click="toPagination(pageInput)">点击跳转</a>
|
|
|
- </div>
|
|
|
+ <div v-if="listLoading" class="loading">
|
|
|
+ <img src="/img/base/loading.gif">
|
|
|
+ </div>
|
|
|
+ <!-- 如果没有搜索结果。显示此div -->
|
|
|
+ <div v-else-if="listRecord==0" class="no-result">
|
|
|
+ <p><img src="/img/info/kuqi.jpg"></p>
|
|
|
+ <p class="nofound">很抱歉，没有找到 “<span v-text="params.keyword"></span>” 相关结果！</p>
|
|
|
+ <p class="change">请修改或者尝试其他搜索词</p>
|
|
|
+ </div>
|
|
|
+ <!--分页-->
|
|
|
+ <div v-if="(!isPC) && noMore" class="noMore">---- 没有更多了 ----</div>
|
|
|
+ <div v-if="isPC && pageTotal>1" class="pageWrap clear">
|
|
|
+ <a v-if="params.num>1" class="prev" @click="toPagination(params.num*1-1)" href="javascript:void(0);"></a>
|
|
|
+ <template v-for="n in showPageBtn">
|
|
|
+ <a v-if="n" :class="{'on':(n==params.num)}" @click="toPagination(n)" href="javascript:void(0);" v-text="n"></a>
|
|
|
+ <span v-else>···</span>
|
|
|
+ </template>
|
|
|
+ <a v-if="params.num<pageTotal" class="next" @click="toPagination(params.num*1+1)" href="javascript:void(0);"></a>
|
|
|
+ <span>共<b v-text="pageTotal>1?pageTotal:1"></b>页</span>
|
|
|
+ <span>跳至</span>
|
|
|
+ <input v-model="pageInput" @blur="checkNum()"/>
|
|
|
+ <span>页</span>
|
|
|
+ <a class="btn" href="javascript:void(0);" @click="toPagination(pageInput)">点击跳转</a>
|
|
|
+ </div>
|
|
|
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<!--侧边栏-->
|
|
|
<template th:replace="article/components/sidebar"></template>
|
chao
