<!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>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, account-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>采美365网-中国美业全方位线上交易服务互动平台，做美业，上采美</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
    <meta http-equiv="keywords" content="采美365网-中国美业全方位线上交易服务互动平台，做美业，上采美">
    <meta http-equiv="description" content="采美365网——中国美业互联网共享经济平台，中国美业较大的光电美容干货信息平台，提供美容专业线客装产品、美容院消耗品、专业线院装产品、光电美容仪器、光电美容项目交易，同时提供采美公益大讲堂、光电美容干货、光电美容资讯、美业动态等行业信息。采集梦想，美启未来。">
    <meta http-equiv="Cache-Control" content="no-transform " />
    <link rel="shortcut icon" th:href="@{/favicon.png}" type="image/x-icon"/>
    <link rel="bookmark" th:href="@{/favicon.png}" type="image/x-icon"/>
    <link href="/lib/swiper.min.css" media="screen and (max-width:768px)" rel="stylesheet" type="text/css">
    <link href="/lib/jquery-confirm.min.css" rel="stylesheet" type="text/css">
    <link th:href="@{/css/base/init.css(v=${version})}" rel="stylesheet" type="text/css">
    <link th:href="@{/css/article/article.css(v=${version})}" rel="stylesheet" type="text/css">
</head>
<body class="home listData">
<div class="cm-modal"></div>
<!--导航栏-->
<template th:replace="article/components/header"></template>
<!--面包屑-->
<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 class="content clearfix">
    <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>
                <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 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 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 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>&nbsp;
                <a class="btn" href="javascript:void(0);" @click="toPagination(pageInput)">点击跳转</a>
            </div>

        </div>
    </div>
    <!--侧边栏-->
    <template th:replace="article/components/sidebar"></template>
    <div id="scrollTop">
        <div class="item">
            <span class="toTop icon mIcon">置顶</span>
        </div>
    </div>
</div>
<template th:replace="article/components/footer"></template>
<template th:replace="components/foot-link"></template>
<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>
