|
@@ -25,244 +25,246 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<!--主体内容-->
|
|
|
-<div class="content clearfix" id="ArticleContent" v-cloak>
|
|
|
- <div class="info-banner AppBanner" th:if="${isSearch} and ${articleImages} and ${!articleImages.empty}">
|
|
|
- <div class="banner">
|
|
|
- <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
|
|
|
- <van-swipe-item th:each="type: ${articleImages}" th:if="${type.levelType} == 1 and ${type.headAppBanner} and ${type.appStatus} == 1">
|
|
|
- <a target="_blank" th:href="${type.jumpLink}">
|
|
|
- <img th:src="${type.headAppBanner}" th:onclick="handleSwiperHits([[${type}]])" />
|
|
|
- </a>
|
|
|
- </van-swipe-item>
|
|
|
- </van-swipe>
|
|
|
- </div>
|
|
|
- <div class="sider-banner">
|
|
|
- <div class="sider-banner-1">
|
|
|
- <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
|
|
|
- <van-swipe-item th:each="type: ${articleImages}" th:if="${type.levelType} == 2 and ${type.headAppBanner} and ${type.appStatus} == 1">
|
|
|
- <a target="_blank" th:href="${type.jumpLink}">
|
|
|
- <img th:src="${type.headAppBanner}" th:onclick="handleSwiperHits([[${type}]])"/>
|
|
|
- </a>
|
|
|
- </van-swipe-item>
|
|
|
- </van-swipe>
|
|
|
- </div>
|
|
|
- <div class="sider-banner-2">
|
|
|
+<div class="content clearfix" id="ArticleContent">
|
|
|
+ <div v-cloak>
|
|
|
+ <div class="info-banner AppBanner" th:if="${isSearch} and ${articleImages} and ${!articleImages.empty}">
|
|
|
+ <div class="banner">
|
|
|
<van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
|
|
|
- <van-swipe-item th:each="type: ${articleImages}" th:if="${type.levelType} == 3 and ${type.headAppBanner} and ${type.appStatus} == 1">
|
|
|
+ <van-swipe-item th:each="type: ${articleImages}" th:if="${type.levelType} == 1 and ${type.headAppBanner} and ${type.appStatus} == 1">
|
|
|
<a target="_blank" th:href="${type.jumpLink}">
|
|
|
- <img th:src="${type.headAppBanner}" th:onclick="handleSwiperHits([[${type}]])"/>
|
|
|
+ <img th:src="${type.headAppBanner}" th:onclick="handleSwiperHits([[${type}]])" />
|
|
|
</a>
|
|
|
</van-swipe-item>
|
|
|
</van-swipe>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!--侧边栏Ross广告图-->
|
|
|
- <div class="mainData">
|
|
|
- <div class="new-list" id="articleList" v-cloak>
|
|
|
- <!-- h5 公告-->
|
|
|
- <div class="info-h5-notice" th:if="${isSearch}">
|
|
|
- <div class="h5-notice">公告:</div>
|
|
|
- <div class="h5-notice-title">
|
|
|
- <ul>
|
|
|
- <li @click="hanldDetails(newsList[0].id)" v-if="newsList[0]?.title">{{ newsList[0].title }}</li>
|
|
|
- </ul>
|
|
|
+ <div class="sider-banner">
|
|
|
+ <div class="sider-banner-1">
|
|
|
+ <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
|
|
|
+ <van-swipe-item th:each="type: ${articleImages}" th:if="${type.levelType} == 2 and ${type.headAppBanner} and ${type.appStatus} == 1">
|
|
|
+ <a target="_blank" th:href="${type.jumpLink}">
|
|
|
+ <img th:src="${type.headAppBanner}" th:onclick="handleSwiperHits([[${type}]])"/>
|
|
|
+ </a>
|
|
|
+ </van-swipe-item>
|
|
|
+ </van-swipe>
|
|
|
</div>
|
|
|
- <div class="h5-notice-more"><a href="/info/articlerecommendation-3-1.html?isNotice">更多 ></a></div>
|
|
|
- </div>
|
|
|
- <div class="info-banner PcBanner" th:if="${isSearch} and ${articleImages} and ${!articleImages.empty}">
|
|
|
- <div class="banner">
|
|
|
- <el-carousel :autoplay="true" show-indicators="false">
|
|
|
- <el-carousel-item th:each="type: ${articleImages}" th:if="${type.levelType} == 1 and ${type.headPcBanner} and ${type.pcStatus} == 1">
|
|
|
+ <div class="sider-banner-2">
|
|
|
+ <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
|
|
|
+ <van-swipe-item th:each="type: ${articleImages}" th:if="${type.levelType} == 3 and ${type.headAppBanner} and ${type.appStatus} == 1">
|
|
|
<a target="_blank" th:href="${type.jumpLink}">
|
|
|
- <img th:src="${type.headPcBanner}" th:onclick="handleSwiperHits([[${type}]])"/>
|
|
|
+ <img th:src="${type.headAppBanner}" th:onclick="handleSwiperHits([[${type}]])"/>
|
|
|
</a>
|
|
|
- </el-carousel-item>
|
|
|
- </el-carousel>
|
|
|
+ </van-swipe-item>
|
|
|
+ </van-swipe>
|
|
|
</div>
|
|
|
- <div class="sider-banner">
|
|
|
- <div>
|
|
|
- <el-carousel :autoplay="true" show-indicators="false">
|
|
|
- <el-carousel-item th:each="type: ${articleImages}" th:if="${type.levelType} == 2 and ${type.headPcBanner} and ${type.pcStatus} == 1">
|
|
|
- <a target="_blank" th:href="${type.jumpLink}">
|
|
|
- <img th:src="${type.headPcBanner}" th:onclick="handleSwiperHits([[${type}]])"/>
|
|
|
- </a>
|
|
|
- </el-carousel-item>
|
|
|
- </el-carousel>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!--侧边栏Ross广告图-->
|
|
|
+ <div class="mainData">
|
|
|
+ <div class="new-list" id="articleList" v-cloak>
|
|
|
+ <!-- h5 公告-->
|
|
|
+ <div class="info-h5-notice" th:if="${isSearch}">
|
|
|
+ <div class="h5-notice">公告:</div>
|
|
|
+ <div class="h5-notice-title">
|
|
|
+ <ul>
|
|
|
+ <li @click="hanldDetails(newsList[0].id)" v-if="newsList[0]?.title">{{ newsList[0].title }}</li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
- <div>
|
|
|
+ <div class="h5-notice-more"><a href="/info/articlerecommendation-3-1.html?isNotice">更多 ></a></div>
|
|
|
+ </div>
|
|
|
+ <div class="info-banner PcBanner" th:if="${isSearch} and ${articleImages} and ${!articleImages.empty}">
|
|
|
+ <div class="banner">
|
|
|
<el-carousel :autoplay="true" show-indicators="false">
|
|
|
- <el-carousel-item th:each="type: ${articleImages}" th:if="${type.levelType} == 3 and ${type.headPcBanner} and ${type.pcStatus} == 1">
|
|
|
+ <el-carousel-item th:each="type: ${articleImages}" th:if="${type.levelType} == 1 and ${type.headPcBanner} and ${type.pcStatus} == 1">
|
|
|
<a target="_blank" th:href="${type.jumpLink}">
|
|
|
<img th:src="${type.headPcBanner}" th:onclick="handleSwiperHits([[${type}]])"/>
|
|
|
</a>
|
|
|
</el-carousel-item>
|
|
|
</el-carousel>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 精选文章推荐-->
|
|
|
- <div class="featured-Articles" id="featured-Articles" th:if="${isSearch} and ${#arrays.length(infoSelected)} > 0">
|
|
|
- <div class="featured-title">
|
|
|
- <div>精选推荐</div>
|
|
|
- <div>
|
|
|
- <a href="/info/articlerecommendation-1-1.html?isSelected">更多 ></a>
|
|
|
+ <div class="sider-banner">
|
|
|
+ <div>
|
|
|
+ <el-carousel :autoplay="true" show-indicators="false">
|
|
|
+ <el-carousel-item th:each="type: ${articleImages}" th:if="${type.levelType} == 2 and ${type.headPcBanner} and ${type.pcStatus} == 1">
|
|
|
+ <a target="_blank" th:href="${type.jumpLink}">
|
|
|
+ <img th:src="${type.headPcBanner}" th:onclick="handleSwiperHits([[${type}]])"/>
|
|
|
+ </a>
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
+ </div>
|
|
|
+ <div>
|
|
|
+ <el-carousel :autoplay="true" show-indicators="false">
|
|
|
+ <el-carousel-item th:each="type: ${articleImages}" th:if="${type.levelType} == 3 and ${type.headPcBanner} and ${type.pcStatus} == 1">
|
|
|
+ <a target="_blank" th:href="${type.jumpLink}">
|
|
|
+ <img th:src="${type.headPcBanner}" th:onclick="handleSwiperHits([[${type}]])"/>
|
|
|
+ </a>
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="featured-content">
|
|
|
- <div class="item-content" th:each="featured: ${infoSelected}">
|
|
|
- <div class="item-img">
|
|
|
- <a th:href="'/info/detail-' + ${featured.id} + '-1.html'" class="img-a">
|
|
|
- <img th:src="${featured.image}"/>
|
|
|
+ <!-- 精选文章推荐-->
|
|
|
+ <div class="featured-Articles" id="featured-Articles" th:if="${isSearch} and ${#arrays.length(infoSelected)} > 0">
|
|
|
+ <div class="featured-title">
|
|
|
+ <div>精选推荐</div>
|
|
|
+ <div>
|
|
|
+ <a href="/info/articlerecommendation-1-1.html?isSelected">更多 ></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="featured-content">
|
|
|
+ <div class="item-content" th:each="featured: ${infoSelected}">
|
|
|
+ <div class="item-img">
|
|
|
+ <a th:href="'/info/detail-' + ${featured.id} + '-1.html'" class="img-a">
|
|
|
+ <img th:src="${featured.image}"/>
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ <a th:href="'/info/detail-' + ${featured.id} + '-1.html'" class="text-a">
|
|
|
+ <div class="item-title" th:text="${featured.title}"></div>
|
|
|
</a>
|
|
|
</div>
|
|
|
- <a th:href="'/info/detail-' + ${featured.id} + '-1.html'" class="text-a">
|
|
|
- <div class="item-title" th:text="${featured.title}"></div>
|
|
|
- </a>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- 产品搜索结果 -->
|
|
|
- <div class="search-section" v-show="params.keyword && productRecord > 0">
|
|
|
- <div class="search__product_list">
|
|
|
- <div class="search__tip">为您找到相关产品<span v-text="productRecord"></span>个</div>
|
|
|
- <div class="search__content">
|
|
|
- <template v-for="product in productList">
|
|
|
- <a :href="'/product-' + product.productId + '.html'" class="search__product" :key="product.productId" target="_blank">
|
|
|
- <div class="search__product_cover"><img :src="product.image" :alt="product.name"/></div>
|
|
|
- <div class="search__product_name" v-html="product.name"></div>
|
|
|
- </a>
|
|
|
- </template>
|
|
|
- <template v-if="isPC && 8 - productRecord > 0">
|
|
|
- <div class="search__product" v-for="i in (8 - productRecord)" :key="'empty' + i">
|
|
|
- <div class="search__product_cover"><img src="/img/base/placeholder.png"/></div>
|
|
|
- <div class="search__product_name"></div>
|
|
|
+ <!-- 产品搜索结果 -->
|
|
|
+ <div class="search-section" v-show="params.keyword && productRecord > 0">
|
|
|
+ <div class="search__product_list">
|
|
|
+ <div class="search__tip">为您找到相关产品<span v-text="productRecord"></span>个</div>
|
|
|
+ <div class="search__content">
|
|
|
+ <template v-for="product in productList">
|
|
|
+ <a :href="'/product-' + product.productId + '.html'" class="search__product" :key="product.productId" target="_blank">
|
|
|
+ <div class="search__product_cover"><img :src="product.image" :alt="product.name"/></div>
|
|
|
+ <div class="search__product_name" v-html="product.name"></div>
|
|
|
+ </a>
|
|
|
+ </template>
|
|
|
+ <template v-if="isPC && 8 - productRecord > 0">
|
|
|
+ <div class="search__product" v-for="i in (8 - productRecord)" :key="'empty' + i">
|
|
|
+ <div class="search__product_cover"><img src="/img/base/placeholder.png"/></div>
|
|
|
+ <div class="search__product_name"></div>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ <div class="search__more" v-if="!isPC && productRecord > 8">
|
|
|
+ <span class="search__more_tip">更多{{keyword | keywordSlice}}产品</span>
|
|
|
+ <span class="search__more_line"></span>
|
|
|
+ <a class="search__more_link" :href="'/product/list.html?productFlag=0&linkageFlag=0&keyword=' + keyword" target="_blank">查看全部</a>
|
|
|
</div>
|
|
|
- </template>
|
|
|
- <div class="search__more" v-if="!isPC && productRecord > 8">
|
|
|
- <span class="search__more_tip">更多{{keyword | keywordSlice}}产品</span>
|
|
|
- <span class="search__more_line"></span>
|
|
|
- <a class="search__more_link" :href="'/product/list.html?productFlag=0&linkageFlag=0&keyword=' + keyword" target="_blank">查看全部</a>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div class="search__more" v-if="isPC && productRecord > 8">
|
|
|
+ <span class="search__more_tip">更多{{keyword | keywordSlice}}产品</span>
|
|
|
+ <span class="search__more_line"></span>
|
|
|
+ <a class="search__more_link" :href="'/product/list.html?productFlag=0&linkageFlag=0&keyword=' + keyword" target="_blank">查看全部</a>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="search__more" v-if="isPC && productRecord > 8">
|
|
|
- <span class="search__more_tip">更多{{keyword | keywordSlice}}产品</span>
|
|
|
- <span class="search__more_line"></span>
|
|
|
- <a class="search__more_link" :href="'/product/list.html?productFlag=0&linkageFlag=0&keyword=' + keyword" target="_blank">查看全部</a>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <!-- 文章筛选 -->
|
|
|
- <div class="search-filter" v-show="params.keyword">
|
|
|
- <div class="search__content">
|
|
|
- <div class="search__tip">为您找到相关文章<span v-text="listRecord"></span>条</div>
|
|
|
- <div class="search__sort" id="searchSortControl">
|
|
|
- <div class="search__sort_current">综合排序</div>
|
|
|
- <ul class="search__sort_select">
|
|
|
- <li class="selected" data-type="1">综合排序</li>
|
|
|
- <li data-type="2">时间排序</li>
|
|
|
- </ul>
|
|
|
+ <!-- 文章筛选 -->
|
|
|
+ <div class="search-filter" v-show="params.keyword">
|
|
|
+ <div class="search__content">
|
|
|
+ <div class="search__tip">为您找到相关文章<span v-text="listRecord"></span>条</div>
|
|
|
+ <div class="search__sort" id="searchSortControl">
|
|
|
+ <div class="search__sort_current">综合排序</div>
|
|
|
+ <ul class="search__sort_select">
|
|
|
+ <li class="selected" data-type="1">综合排序</li>
|
|
|
+ <li data-type="2">时间排序</li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!-- 文章列表 -->
|
|
|
- <div class="listData-select-title" th:if="${isSearch}">
|
|
|
- <div class="search-select">
|
|
|
- <div class="select-new" :class="params.sortType === 1 ? 'now-search-select' : '' " @click="selectListNew(1)">最新</div>
|
|
|
- <div class="select-earliest" :class="params.sortType === 2 ? 'now-search-select' : '' " @click="selectListNew(2)">最热</div>
|
|
|
+ <!-- 文章列表 -->
|
|
|
+ <div class="listData-select-title" th:if="${isSearch}">
|
|
|
+ <div class="search-select">
|
|
|
+ <div class="select-new" :class="params.sortType === 1 ? 'now-search-select' : '' " @click="selectListNew(1)">最新</div>
|
|
|
+ <div class="select-earliest" :class="params.sortType === 2 ? 'now-search-select' : '' " @click="selectListNew(2)">最热</div>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div v-if="listData && 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 v-if="listData && 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="introduction" v-html="item.intro"></p>
|
|
|
+ <p class="xinxi"><em v-if="item.labels && 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="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 v-if="item.publishDate" class="time icon mIcon" v-text="item.publishDate.substr(0,10)"></em>
|
|
|
+ <em v-if="isPC" class="pv icon mIcon" v-text="item.pv"></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 v-if="isPC" class="P_img"><em class="pv icon mIcon" v-text="item.pv"></em></p>-->
|
|
|
+ </div>
|
|
|
</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="introduction" v-html="item.intro"></p>
|
|
|
- <p class="xinxi"><em v-if="item.labels && 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="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 v-if="item.publishDate" class="time icon mIcon" v-text="item.publishDate.substr(0,10)"></em>
|
|
|
- <em v-if="isPC" class="pv icon mIcon" v-text="item.pv"></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 v-if="isPC" class="P_img"><em class="pv icon mIcon" v-text="item.pv"></em></p>-->
|
|
|
+ <div class="handleMore" v-if="!noMore">
|
|
|
+ <el-button class="more" @click="handleMore">查看更多</el-button>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="handleMore" v-if="!noMore">
|
|
|
- <el-button class="more" @click="handleMore">查看更多</el-button>
|
|
|
+ <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="no-more">---- 没有更多了 ----</div>
|
|
|
+ <!--分页-->
|
|
|
+ <div v-if="isPC && pageTotal>1" class="pageWrap clear">
|
|
|
+ <a v-if="params.num>1" class="prev" :href="paginationUrl(params.num*1-1)"></a>
|
|
|
+ <template v-for="n in showPageBtn">
|
|
|
+ <a v-if="n" :class="{'on':(n==params.num)}" :href="paginationUrl(n)" v-text="n"></a>
|
|
|
+ <span v-else>···</span>
|
|
|
+ </template>
|
|
|
+ <a v-if="params.num<pageTotal" class="next" :href="paginationUrl(params.num*1+1)"></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="paginationUrl(pageInput)">点击跳转</a>
|
|
|
+ </div>
|
|
|
+ <!-- <div class="side-pop-up" :class="dialogVisible ? 'eject' : 'retract'" @click="handlerPopup">-->
|
|
|
+ <!-- <div v-if="dialogVisible">侧边弹窗13-->
|
|
|
+ <!-- <el-button @click.stop="dialogVisible = false"></el-button></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="no-more">---- 没有更多了 ----</div>
|
|
|
- <!--分页-->
|
|
|
- <div v-if="isPC && pageTotal>1" class="pageWrap clear">
|
|
|
- <a v-if="params.num>1" class="prev" :href="paginationUrl(params.num*1-1)"></a>
|
|
|
- <template v-for="n in showPageBtn">
|
|
|
- <a v-if="n" :class="{'on':(n==params.num)}" :href="paginationUrl(n)" v-text="n"></a>
|
|
|
- <span v-else>···</span>
|
|
|
- </template>
|
|
|
- <a v-if="params.num<pageTotal" class="next" :href="paginationUrl(params.num*1+1)"></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="paginationUrl(pageInput)">点击跳转</a>
|
|
|
- </div>
|
|
|
-<!-- <div class="side-pop-up" :class="dialogVisible ? 'eject' : 'retract'" @click="handlerPopup">-->
|
|
|
-<!-- <div v-if="dialogVisible">侧边弹窗13-->
|
|
|
-<!-- <el-button @click.stop="dialogVisible = false"></el-button></div>-->
|
|
|
-<!-- </div>-->
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <div class="info-Notice" id="infoNotice" th:if="${isSearch}" v-cloak>
|
|
|
- <div class="notice-title">
|
|
|
- <div>公告</div>
|
|
|
- <div>
|
|
|
- <a href="/info/articlerecommendation-3-1.html?isNotice">更多 ></a>
|
|
|
+ <div class="info-Notice" id="infoNotice" th:if="${isSearch}" v-cloak>
|
|
|
+ <div class="notice-title">
|
|
|
+ <div>公告</div>
|
|
|
+ <div>
|
|
|
+ <a href="/info/articlerecommendation-3-1.html?isNotice">更多 ></a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="notice-content" v-cloak>
|
|
|
+ <ul class="notice-content-list">
|
|
|
+ <li class="notice-content-li" v-for="(list ,index) in newsList" :key="index" @click="hanldDetails(list.id)">
|
|
|
+ {{ list.title }}
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="notice-content" v-cloak>
|
|
|
- <ul class="notice-content-list">
|
|
|
- <li class="notice-content-li" v-for="(list ,index) in newsList" :key="index" @click="hanldDetails(list.id)">
|
|
|
- {{ list.title }}
|
|
|
- </li>
|
|
|
- </ul>
|
|
|
+ <!--侧边栏供应商广告图-->
|
|
|
+ <div v-if="isPC && shopAdvert.length > 0 " class="article-right-ross article-PC" :class="shopAdvert.length > 0 ? 'show' : 'none'" id="advertisement" v-cloak>
|
|
|
+ <el-carousel :autoplay="true" show-indicators="false" :height="isPC ? '343px' : '61.6vw'">
|
|
|
+ <el-carousel-item v-for="(item, index) in shopAdvert" :key="item.id">
|
|
|
+ <a @click="setAdvStatistics(item)">
|
|
|
+ <img :src="item.pcImage" alt="">
|
|
|
+ </a>
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
</div>
|
|
|
- </div>
|
|
|
- <!--侧边栏供应商广告图-->
|
|
|
- <div v-if="isPC && shopAdvert.length > 0 " class="article-right-ross article-PC" :class="shopAdvert.length > 0 ? 'show' : 'none'" id="advertisement" v-cloak>
|
|
|
- <el-carousel :autoplay="true" show-indicators="false" :height="isPC ? '343px' : '61.6vw'">
|
|
|
- <el-carousel-item v-for="(item, index) in shopAdvert" :key="item.id">
|
|
|
- <a @click="setAdvStatistics(item)">
|
|
|
- <img :src="item.pcImage" alt="">
|
|
|
- </a>
|
|
|
- </el-carousel-item>
|
|
|
- </el-carousel>
|
|
|
- </div>
|
|
|
- <!--侧边栏-->
|
|
|
- <template th:replace="article/components/article-sidebar"></template>
|
|
|
- <div id="scrollTop">
|
|
|
- <div class="item">
|
|
|
- <span class="toTop icon mIcon">置顶</span>
|
|
|
+ <!--侧边栏-->
|
|
|
+ <template th:replace="article/components/article-sidebar"></template>
|
|
|
+ <div id="scrollTop">
|
|
|
+ <div class="item">
|
|
|
+ <span class="toTop icon mIcon">置顶</span>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|