caimei365
/
caimei365-www


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140
							<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="https://www.thymeleaf.org ">
<head>
    <title>采美365网</title>
    <template th:replace="article/components/article-link"></template>
    <template th:replace="components/analysis"></template>
</head>
<body class="home listData">
<div class="cm-modal"></div>
<!--导航栏-->
<template th:replace="article/components/article-header"></template>
<div class="tip-bar">
    <!--<div class="tip">提示：产品详情请到采美商城搜索</div> -->
    <!--面包屑-->
    <div th:if="${typeId}>0" class="bar">
        <a href="/" target="_blank">首页</a>&gt; <a  th:each="type: ${articleType}" th:if="${typeId}==${type.id}" th:text="${type.name}" href="javascript:void(0);" class="title newTitle"></a>
    </div>
</div>
<!--主体内容-->
<div class="content clearfix" id="ArticleContent">
    <!--侧边栏Ross广告图-->

    <div class="mainData">
        <div class="new-list" id="articleList" v-cloak>
            <div v-if="!isPC && isRossShow" class="article-right-ross" :class="isRossShow ? 'show' : 'none'"><a href="/supplier-10131.html" ><img src="/img/ross/ross-image@2x.jpg" alt="深圳艾斯佰丽生物科技有限公司"></a></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>
                    </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>
                </div>
            </div>
            <!-- 文章列表 -->
            <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="introduction" v-html="item.intro"></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="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>
            <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>&nbsp;
                <a class="btn" :href="paginationUrl(pageInput)">点击跳转</a>
            </div>
        </div>
    </div>
    <!--侧边栏-->
    <template th:replace="article/components/article-sidebar"></template>
    <div id="scrollTop">
        <div class="item">
            <span class="toTop icon mIcon">置顶</span>
        </div>
    </div>
</div>

<template th:replace="article/components/article-footer"></template>
<template th:replace="components/foot-link"></template>
<script charset="utf-8" type="text/javascript" src="/lib/datapicker/moment-2.29.min.js"></script>
<script charset="utf-8" type="text/javascript" src="/lib/datapicker/jquery.daterangepicker.js"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/common/ajax.service.js}"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/common/serviceapi/product.service.js}"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/mixins/cmSysMixins.js(v=${version})}"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/article/common.js(v=${version})}"></script>
<script charset="utf-8" type="text/javascript" th:src="@{/js/article/list.js(v=${version})}"></script>
</body>
</html>