bigShot.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
  3. <head th:replace="common::header(~{::title},~{::link})">
  4. <title>大咖说</title>
  5. <link th:href="${portalHost + '/vendors.css'}" rel="stylesheet">
  6. <link th:href="${portalHost + '/scienceTechnology/bigShot.css'}" rel="stylesheet">
  7. </head>
  8. <body>
  9. <header>
  10. <div th:replace="common::{topNav}">
  11. <div class="container">
  12. <div class="lt">欢迎进入科技认知计算交易平台!</div>
  13. <div class="rt">
  14. <a href="/user/login.html" class="login">登录</a> <a href="/user/signIn.html">注册</a> <a href="#">导航</a> <a href="#">关于我们</a>
  15. <a href="#">联系我们</a>
  16. </div>
  17. </div>
  18. </div>
  19. </header>
  20. <div class="header_nav_detail">
  21. <div class="container ">
  22. <div class="row clearfix">
  23. <div class="col-md-3 logo">
  24. <div th:replace="common::sublogo"></div>
  25. </div>
  26. <div class="col-md-9">
  27. <div th:replace="common::subMenu('bigShot', '')"></div>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="secondary_navigation"></div>
  32. </div>
  33. <div th:replace="common::banners"></div>
  34. <div class="banner-item" th:if="${banners==null}">
  35. <img th:src="${portalHost + '/img/bigshot_banner.jpg'}" alt="First slide">
  36. </div>
  37. <div class="container star">
  38. <div id="star_carousel" class="carousel slide star_slide">
  39. <ol class="carousel-indicators">
  40. <li data-target="#myCarousel2" data-slide-to="0" class=""></li>
  41. <li data-target="#myCarousel2" data-slide-to="1" class=""></li>
  42. <li data-target="#myCarousel2" data-slide-to="2" class="active"></li>
  43. </ol>
  44. <div class="carousel-inner">
  45. <div class="item">
  46. <img th:src="${portalHost + '/img/star_banner_1.png'}" alt="First slide"> <span>杂交水稻之父“袁隆平”</span>
  47. </div>
  48. <div class="item active left">
  49. <img th:src="${portalHost + '/img/star_banner_2.png'}" alt="Second slide"> <span>陈政清点评工作</span>
  50. </div>
  51. <div class="item next left">
  52. <img th:src="${portalHost + '/img/star_banner_3.png'}" alt="Third slide"> <span>钟志华接收媒体采访</span>
  53. </div>
  54. </div>
  55. </div>
  56. <div class="star_list">
  57. <ul>
  58. <li th:each="star,iterStart:${starList}">
  59. <div class="star_content_img">
  60. <img th:if="${star.personPortraitUrl!=null && star.personPortraitUrl!=''}" th:src="${avatarUploadHost + star.personPortraitUrl}">
  61. <a href="#" class="interest-star">
  62. <span class="txt">
  63. <span class="glyphicon glyphicon-plus" aria-hidden="true"></span> 关注
  64. </span>
  65. <input type="hidden" class="uid" th:value="${star.uid}">
  66. <input type="hidden" class="interestId" value="">
  67. </a>
  68. </div>
  69. <div class="star_content_info">
  70. <h4 th:text="${star.username}" th:title="${star.username}"></h4>
  71. <h5 th:text="${star.workUnit}" th:title="${star.workUnit}"></h5>
  72. <h5 th:text="${star.professionalTitle}" th:title="${star.professionalTitle}"></h5>
  73. <p class="mt20"><label>技术:</label> <span class="red" th:text="${star.achievementNum}"></span>项</p>
  74. <p><label>粉丝:</label> <span class="red" th:text="${star.fansNum}"></span>人</p>
  75. </div>
  76. </li>
  77. </ul>
  78. </div>
  79. <div style="clear: both"></div>
  80. <div class="news_btn">
  81. <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAUBAMAAAD4luk4AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTKCgoJubm5mZmZmZmZmZmZmZmZiYmJmZmZmZmZmZmZmZmZmZmZiYmJqampmZmbAu5ZYAAAAPdFJOUwAGG+ayw9P5ip90DlxFMJBoSyAAAAC2SURBVBjTY2C1Y0AFjx0YmD8roAjx2Rsw8NYboYgpf3/AwHD9G7JCJvtaIMlTn4Qkpvb9Aog6/20DQll+DZjm+R8IF9v2/QCEsf6rAFSIO/4PlMX13xHKEv2/AKaj/wtEIaP/L7gpHP8ngGmR/w0IF8z/CVY2/weSqyTBCjihyhmgBoFU9P8UQPalCNBCDrj1UIXxvxjWfxFADbWt/08heQfqg/z6rxvQxBjU/mejCzEwpcGDEQDAuTZNFcPLnwAAAABJRU5ErkJggg==">
  82. <a href="/portal/search/subscriberUser.html">查看更多</a>
  83. </div>
  84. </div>
  85. <div class="container lecture">
  86. <div id="lecture_carousel" class="carousel slide lecture_slide">
  87. <ol class="carousel-indicators">
  88. <li data-target="#myCarousel2" data-slide-to="0" class=""></li>
  89. <li data-target="#myCarousel2" data-slide-to="1" class=""></li>
  90. <li data-target="#myCarousel2" data-slide-to="2" class="active"></li>
  91. </ol>
  92. <div class="carousel-inner">
  93. <div class="item">
  94. <img th:src="${portalHost + '/img/star_banner_4.jpg'}" alt="First slide"> <span>科技明星:袁隆平杂交水稻之父......</span>
  95. </div>
  96. <div class="item active left">
  97. <img th:src="${portalHost + '/img/star_banner_5.jpg'}" alt="Second slide"> <span>科技明星:袁隆平杂交水稻之父......</span>
  98. </div>
  99. <div class="item next left">
  100. <img th:src="${portalHost + '/img/star_banner_6.jpg'}" alt="Third slide"> <span>科技明星:袁隆平杂交水稻之父......</span>
  101. </div>
  102. </div>
  103. </div>
  104. <div class="star_list">
  105. <ul>
  106. <li th:each="lecture,iterStart:${lectureList}">
  107. <div class="star_content_img">
  108. <img th:if="${lecture.lectureUrl != null && lecture.lectureUrl != ''}" th:src="${avatarUploadHost + lecture.lectureUrl}">
  109. </div>
  110. <div class="lecture_content_info">
  111. <h5 th:text="${lecture.name}" th:title="${lecture.name}"></h5>
  112. <p class="mt20" th:text="${lecture.lectureTimeFormattedDate}" th:title="${lecture.lectureTimeFormattedDate}"></p>
  113. <a href="#" class="customer-service">报名中</a>
  114. </div>
  115. </li>
  116. </ul>
  117. </div>
  118. <div style="clear: both"></div>
  119. <div class="news_btn">
  120. <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAUBAMAAAD4luk4AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAwUExURUdwTKCgoJubm5mZmZmZmZmZmZmZmZiYmJmZmZmZmZmZmZmZmZmZmZiYmJqampmZmbAu5ZYAAAAPdFJOUwAGG+ayw9P5ip90DlxFMJBoSyAAAAC2SURBVBjTY2C1Y0AFjx0YmD8roAjx2Rsw8NYboYgpf3/AwHD9G7JCJvtaIMlTn4Qkpvb9Aog6/20DQll+DZjm+R8IF9v2/QCEsf6rAFSIO/4PlMX13xHKEv2/AKaj/wtEIaP/L7gpHP8ngGmR/w0IF8z/CVY2/weSqyTBCjihyhmgBoFU9P8UQPalCNBCDrj1UIXxvxjWfxFADbWt/08heQfqg/z6rxvQxBjU/mejCzEwpcGDEQDAuTZNFcPLnwAAAABJRU5ErkJggg==">
  121. <a href="/portal/scienceTechnology/lecture.html">查看更多</a>
  122. </div>
  123. </div>
  124. <footer>
  125. <div th:replace="common::copyright"></div>
  126. </footer>
  127. <div th:replace="common::footer(~{::script})">
  128. <script type="text/javascript" th:src="${portalHost + '/vendors.js'}"></script>
  129. <script type="text/javascript" th:src="${portalHost + '/scienceTechnology/bigShot.js'}"></script>
  130. </div>
  131. </body>
  132. </html>