list.html 5.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. <!DOCTYPE html>
  2. <html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
  3. xsi:schemaLocation="https://www.thymeleaf.org ">
  4. <head>
  5. <title>采美365网--医疗美容生活美容正品采购平台</title>
  6. <meta http-equiv="keywords" content="采美365网--医疗美容生活美容正品采购平台">
  7. <meta http-equiv="description" content="采美365网——中国美业互联网共享经济平台,中国美业较大的光电美容干货信息平台,提供美容专业线客装产品、美容院消耗品、专业线院装产品、光电美容仪器、光电美容项目交易,同时提供采美公益大讲堂、光电美容干货、光电美容资讯、美业动态等行业信息。采集梦想,美启未来。">
  8. <template th:replace="article/components/article-link"></template>
  9. </head>
  10. <body class="home listData">
  11. <div class="cm-modal"></div>
  12. <!--导航栏-->
  13. <template th:replace="article/components/article-header"></template>
  14. <!--面包屑-->
  15. <div th:if="${typeId}>0" class="bar">
  16. <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>
  17. </div>
  18. <!--主体内容-->
  19. <div class="content clearfix">
  20. <div class="mainData">
  21. <div class="new-list" id="articleList" v-cloak>
  22. <div v-if="params.keyword" class="search">
  23. <div class="serachBox" id="topSearch">
  24. <input class="keyword" type="text" :value="params.keyword" placeholder="请输入关键词" />
  25. <a class="searchBtn" href="javascript:void(0);">搜索</a>
  26. </div>
  27. <p v-if="isPC" class="result" v-html="'为您找到相关结果<b>'+listRecord+'</b>条'"></p>
  28. </div>
  29. <p v-else-if="params.labelId" class="classify biaoqian">
  30. <em id="labelTxt"></em>相关的文章
  31. </p>
  32. <p v-if="params.keyword && !isPC" class="classify" v-html="'为您找到相关结果<em>'+listRecord+'</em>条'"></p>
  33. <div v-if="listData.length>0" class="dataRousce">
  34. <div class="row" v-for="item in listData">
  35. <div class="new-img">
  36. <a :href="'/info/detail-'+item.id+'-1.html'" target="_blank">
  37. <img :src="item.image"/>
  38. </a>
  39. </div>
  40. <div class="new-blurb">
  41. <a :href="'/info/detail-'+item.id+'-1.html'" target="_blank">
  42. <p class="title" v-html="item.title"></p>
  43. </a>
  44. <p class="xinxi">
  45. <em v-if="!isPC" class="pv icon mIcon" v-text="item.pv"></em>
  46. <em class="write icon mIcon" v-text="item.publisher"></em>
  47. <em v-if="item.publishDate" class="time icon mIcon" v-text="item.publishDate.substr(0,10)"></em>
  48. <em v-if="item.labels.length>0&&item.labels[0]" class="hotspot icon mIcon">
  49. <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>
  50. </em>
  51. </p>
  52. <p class="introduction" v-html="item.intro"></p>
  53. <p v-if="isPC" class="P_img"><em class="pv icon mIcon" v-text="item.pv"></em></p>
  54. </div>
  55. </div>
  56. </div>
  57. <div v-if="listLoading" class="loading">
  58. <img src="/img/base/loading.gif">
  59. </div>
  60. <!-- 如果没有搜索结果。显示此div -->
  61. <div v-else-if="listRecord==0" class="no-result">
  62. <p><img src="/img/info/kuqi.jpg"></p>
  63. <p class="nofound">很抱歉,没有找到 “<span v-text="params.keyword"></span>” 相关结果!</p>
  64. <p class="change">请修改或者尝试其他搜索词</p>
  65. </div>
  66. <!--分页-->
  67. <div v-if="(!isPC) && noMore" class="noMore">---- 没有更多了 ----</div>
  68. <div v-if="isPC && pageTotal>1" class="pageWrap clear">
  69. <a v-if="params.num>1" class="prev" @click="toPagination(params.num*1-1)" href="javascript:void(0);"></a>
  70. <template v-for="n in showPageBtn">
  71. <a v-if="n" :class="{'on':(n==params.num)}" @click="toPagination(n)" href="javascript:void(0);" v-text="n"></a>
  72. <span v-else>···</span>
  73. </template>
  74. <a v-if="params.num<pageTotal" class="next" @click="toPagination(params.num*1+1)" href="javascript:void(0);"></a>
  75. <span>共<b v-text="pageTotal>1?pageTotal:1"></b>页</span>
  76. <span>跳至</span>
  77. <input v-model="pageInput" @blur="checkNum()"/>
  78. <span>页</span>&nbsp;
  79. <a class="btn" href="javascript:void(0);" @click="toPagination(pageInput)">点击跳转</a>
  80. </div>
  81. </div>
  82. </div>
  83. <!--侧边栏-->
  84. <template th:replace="article/components/article-sidebar"></template>
  85. <div id="scrollTop">
  86. <div class="item">
  87. <span class="toTop icon mIcon">置顶</span>
  88. </div>
  89. </div>
  90. </div>
  91. <template th:replace="article/components/article-footer"></template>
  92. <template th:replace="components/foot-link"></template>
  93. <script charset="utf-8" type="text/javascript" th:src="@{/js/article/common.js(v=${version})}"></script>
  94. <script charset="utf-8" type="text/javascript" th:src="@{/js/article/list.js(v=${version})}"></script>
  95. </body>
  96. </html>