P1

src/web/staticres/css/wx/base.css

@@ -0,0 +1,102 @@
+* {
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    -webkit-overflow-scrolling: touch;
+    -webkit-tap-highlight-color:rgba(0,0,0,0);
+    -webkit-tap-highlight-color:transparent;
+}
+body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, sumary {
+    margin: 0;
+    padding: 0;
+}
+html,body {
+    /* max-width: 750px; */
+    -webkit-text-size-adjust: 100%;
+    margin: 0 auto;
+    height: 100%;
+    overflow-x: hidden;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+    font-size: .24rem;
+    background:rgba(245,244,249,1);;
+    color: #3d3d3d;
+    font-family:  "Microsoft YaHei","Helvetica Neue", "Roboto", "Segoe UI", "PingFang SC", "Hiragino Sans GB", sans-serif;
+}
+
+ul,ol {
+    list-style: none;
+}
+/*清除输入框内阴影*/
+input,textarea,select,button{
+    outline: none;
+    border: 0;
+    -webkit-appearance: none;
+    appearance:none;
+}
+button,span,div{
+    -webkit-tap-highlight-color:rgba(0,0,0,0);
+	/* -webkit-user-modify:read-only; */
+}
+img {
+    border: 0;
+    vertical-align: middle;
+    max-width: 100%;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+a {
+    text-decoration: none;
+    color: #3d3d3d;
+	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
+	-webkit-user-select: none;
+	-moz-user-focus: none;
+	-moz-user-select: none;
+}
+/*禁用长按页面时的弹出菜单(iOS下有效) ,img和a标签都要加*/
+img,a{
+    -webkit-touch-callout:none;
+}
+em,i{
+	font-style: normal;
+}
+/*兼容ios调取h5页面的头部*/
+.ios-head {
+    display: none;
+    position: fixed;
+    top: 0;
+    padding-top: 15px;
+    background: #18974b;
+    width: 100%;
+    z-index: 100;
+}
+/*base*/
+.clearfix{
+    zoom: 1;
+}
+.clearfix:after{
+    clear: both;
+    height: 0;
+    overflow: hidden;
+    display: block;
+    visibility: hidden;
+    content: "";
+}
+
+.left {
+    float: left;
+}
+
+.right {
+    float: right;
+}
+.ellipsis {
+    overflow:hidden;
+    text-overflow:ellipsis;
+    white-space:nowrap;
+}
+.show{
+	display: block;
+}
+.hide{
+	display: none;
+}

src/web/staticres/css/wx/home.css

@@ -0,0 +1,236 @@
+.home {
+  min-height: 100%;
+  background: #F4F4F9;
+}
+
+.home .top {
+  width: 100%;
+  height: 5.06rem;
+  padding-top: .99rem;
+  background: linear-gradient(#31cbe0, white);
+}
+
+.home .top .home_search {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  height: .96rem;
+  margin: 0 .2rem;
+  padding: 0 .2rem 0 .24rem;
+  background: #fff;
+  border-radius: 0.06rem;
+}
+
+.home .top .home_search .home_search_left {
+  display: flex;
+  align-items: center;
+}
+
+.home .top .home_search .home_search_left span {
+  font-size: .32rem;
+  color: #888888;
+  margin-left: .16rem;
+}
+
+.home .top .home_search .home_search_right {
+  position: relative;
+  padding-left: .2rem;
+}
+
+.home .top .home_search .home_search_right:before {
+  position: absolute;
+  content: '';
+  top: 0;
+  left: 0;
+  width: 1px;
+  height: 100%;
+  background: #E0E0E0;
+  transform-origin: 0 0;
+  transform: scaleX(0.5);
+}
+
+.home .top .home_search .icon_search, .home .top .home_search .icon_question {
+  width: .48rem;
+  height: .48rem;
+}
+
+.home .top .home_banner {
+  margin-top: .36rem;
+  padding: 0 .3rem;
+}
+
+.home .top .home_banner .lunbo {
+  width: 100%;
+  height: 2.75rem;
+}
+
+.home .top .home_banner .lunbo .swiper-slide a {
+  display: block;
+  width: 100%;
+}
+
+.home .top .home_banner .lunbo .swiper-slide a img {
+  display: block;
+  margin: 0 auto;
+}
+
+.home .top .home_banner .lunbo .custorm_dot {
+  bottom: 0;
+}
+
+.home .top .home_banner .lunbo .custorm_dot .swiper-pagination-bullet {
+  width: 0.08rem;
+  height: 0.08rem;
+  background: #fff;
+  opacity: 0.4;
+}
+
+.home .top .home_banner .lunbo .custorm_dot .swiper-pagination-bullet-active {
+  background: #fff;
+  opacity: 1;
+}
+
+.home .home_tab {
+  padding: .5rem 0 .56rem;
+  border-bottom: 1px solid #F2F2F2;
+  background: #fff;
+}
+
+.home .home_tab .tab_container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.home .home_tab .tab_container .tab_item {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  text-align: center;
+}
+
+.home .home_tab .tab_container .tab_item img {
+  width: .96rem;
+  height: .96rem;
+}
+
+.home .home_tab .tab_container .tab_item span {
+  margin-top: .16rem;
+  font-size: .26rem;
+  color: #1D1D1D;
+}
+
+.home .home_data {
+  background: #fff;
+}
+
+.home .home_data .data_nav {
+  padding: .32rem .3rem 0.08rem;
+  font-size: .4rem;
+  color: #1D1D1D;
+}
+
+.home .home_data .data_list {
+  padding: 0 .3rem;
+}
+
+.home .home_data .data_list .list_item {
+  padding: .3rem 0 .36rem;
+  border-bottom: 1px solid #F2F2F2;
+}
+
+.home .home_data .data_list .list_title {
+  display: flex;
+  font-size: .32rem;
+  text-align: justify;
+}
+
+.home .home_data .data_list .list_info {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: .36rem;
+}
+
+.home .home_data .data_list .tags {
+  display: flex;
+  align-items: center;
+  padding-left: .4rem;
+}
+
+.home .home_data .data_list .tags > div {
+  padding: 0 0.08rem;
+  height: .36rem;
+  line-height: .36rem;
+  text-align: center;
+  margin-right: .1rem;
+  border-radius: 0.04rem;
+  background: #F4F4F9;
+  color: #686868;
+  font-size: .24rem;
+}
+
+.home .home_data .data_list .timer {
+  color: #888888;
+  font-size: .24rem;
+}
+
+.home .no_data {
+  padding: .16rem 0;
+  text-align: center;
+}
+
+.home .no_data img {
+  width: 1.96rem;
+  height: 1.96rem;
+}
+
+.home .no_data p {
+  padding: .43rem 0 .24rem;
+  color: #686868;
+  font-size: .26rem;
+}
+
+.home .no_data a {
+  display: inline-block;
+  padding: 0 .32rem;
+  height: .64rem;
+  line-height: .64rem;
+  background: #2CB7CA;
+  color: #fff;
+  font-size: .28rem;
+  border-radius: 0.06rem;
+}
+
+.home .tips .tips_text {
+  padding: .48rem 0 .24rem;
+  color: #686868;
+  font-size: .26rem;
+  text-align: center;
+}
+
+.home .tips .tips_all {
+  padding: .26rem 0;
+  text-align: center;
+}
+
+.home .tips .tips_all a {
+  color: #2CB7CA;
+}
+
+.home .tips .tips_btn {
+  margin-bottom: .48rem;
+  text-align: center;
+}
+
+.home .tips .tips_btn a {
+  display: inline-block;
+  padding: 0 .32rem;
+  height: .64rem;
+  line-height: .64rem;
+  background: #2CB7CA;
+  color: #fff;
+  font-size: .28rem;
+  border-radius: 0.06rem;
+}

src/web/staticres/css/wx/personal.css

@@ -0,0 +1,165 @@
+.personal {
+  padding-top: .88rem;
+}
+
+.personal .navbar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: .88rem;
+  padding: 0 .32rem;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: #fff;
+  z-index: 999;
+}
+
+.personal .navbar .navbar_left {
+  font-size: .4rem;
+  font-weight: bold;
+  color: #1D1D1D;
+}
+
+.personal .navbar .navbar_right {
+  display: flex;
+  align-items: center;
+}
+
+.personal .navbar .navbar_right img {
+  width: .48rem;
+  height: .48rem;
+  margin-left: .4rem;
+}
+
+.personal .user {
+  display: flex;
+  align-items: center;
+  padding: .4rem .42rem .56rem;
+  background: #fff;
+}
+
+.personal .user .user_img {
+  width: 1.2rem;
+  height: 1.2rem;
+  margin-right: .32rem;
+  border-radius: 50%;
+  border: 1px solid #2FC4D9;
+  overflow: hidden;
+  opacity: 0.8;
+}
+
+.personal .user .user_img img {
+  width: 100%;
+  height: 100%;
+}
+
+.personal .user .user_info {
+  display: flex;
+  flex-direction: column;
+}
+
+.personal .user .user_info .user_name {
+  font-size: .32rem;
+  color: #1D1D1D;
+}
+
+.personal .user .user_info .set_email, .personal .user .user_info .user_email {
+  width: auto;
+  height: .48rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  padding: 0 .2rem;
+  margin-top: .22rem;
+  background: #F5F4F9;
+  color: #686868;
+  font-size: .26rem;
+  border-radius: .24rem;
+  box-sizing: border-box;
+}
+
+.personal .user .user_info .set_email .icon-arrow, .personal .user .user_info .user_email .icon-arrow {
+  margin-left: .2rem;
+  color: #686868;
+  font-size: .14rem;
+}
+
+.personal .order {
+  padding: 0 .32rem;
+  background: #fff;
+}
+
+.personal .order .order_tab {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.personal .order .order_tab .tab_list {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: .32rem 0;
+}
+
+.personal .order .order_tab .tab_list img {
+  width: .72rem;
+  height: .72rem;
+}
+
+.personal .order .order_tab .tab_list span {
+  margin-top: 0.08rem;
+  font-size: .26rem;
+  color: #686868;
+}
+
+.personal .order .order_tab:before {
+  position: absolute;
+  content: '';
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 1px;
+  background-color: #E0E0E0;
+  transform-origin: 0 0;
+  transform: scaleY(0.5);
+}
+
+.personal .mgTop20 {
+  margin-top: .2rem;
+}
+
+.personal .menu {
+  margin-top: .2rem;
+}
+
+.personal .menu .menu_list {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  height: 1.1rem;
+  padding: 0 .2rem 0 .32rem;
+  background: #fff;
+}
+
+.personal .menu .menu_list .menu_list_left {
+  display: flex;
+  align-items: center;
+  font-size: .32rem;
+  color: #1D1D1D;
+}
+
+.personal .menu .menu_list .menu_list_left img {
+  width: .48rem;
+  height: .48rem;
+  margin-right: .32rem;
+}
+
+.personal .menu .menu_list .arrow_right {
+  width: .48rem;
+  height: .48rem;
+}

src/web/staticres/css/wx/treasure_box.css

@@ -0,0 +1,112 @@
+.treasure .top {
+  width: 100%;
+  height: 4.15rem;
+  background: url(../image/treasure_bg.png) no-repeat center center;
+  background-size: 100% 100%;
+}
+
+.treasure .top h2 {
+  padding-top: 1.12rem;
+  color: #fff;
+  text-align: center;
+  font-size: .44rem;
+}
+
+.treasure .top p {
+  padding-top: 0.08rem;
+  color: #fff;
+  font-size: .26rem;
+  opacity: 0.8;
+  text-align: center;
+}
+
+.treasure .main {
+  margin-top: -1.49rem;
+  padding: 0 .3rem;
+}
+
+.treasure .vip_subscribe, .treasure .data_export {
+  padding: 0 .3rem;
+  background: #fff;
+  box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.08);
+  border-radius: 0.06rem;
+}
+
+.treasure .vip_subscribe .title, .treasure .data_export .title {
+  display: flex;
+  align-items: center;
+  padding: .28rem 0 .28rem;
+  border-bottom: 1px solid #EEEEEE;
+}
+
+.treasure .vip_subscribe .title img, .treasure .data_export .title img {
+  width: .56rem;
+  height: .56rem;
+  margin-right: .2rem;
+}
+
+.treasure .vip_subscribe .title a, .treasure .data_export .title a {
+  position: relative;
+  display: block;
+  width: 100%;
+}
+
+.treasure .vip_subscribe .title a h4, .treasure .data_export .title a h4 {
+  font-size: .32rem;
+  color: #1D1D1D;
+}
+
+.treasure .vip_subscribe .title a p, .treasure .data_export .title a p {
+  padding-top: 0.04rem;
+  color: #888888;
+  font-size: .26rem;
+}
+
+.treasure .vip_subscribe .title a:after, .treasure .data_export .title a:after {
+  content: "";
+  display: inline-block;
+  height: 6px;
+  width: 6px;
+  border-width: 1px 1px 0 0;
+  border-color: #C5C5C5;
+  border-style: solid;
+  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
+  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
+  position: absolute;
+  top: 50%;
+  margin-top: -3px;
+  right: .14rem;
+}
+
+.treasure .vip_subscribe .info, .treasure .data_export .info {
+  padding: .1rem 0 .32rem;
+}
+
+.treasure .vip_subscribe .info .info_list, .treasure .data_export .info .info_list {
+  display: flex;
+  align-items: center;
+  padding-top: .18rem;
+}
+
+.treasure .vip_subscribe .info .info_list .info_list_left, .treasure .data_export .info .info_list .info_list_left {
+  width: 1.12rem;
+  height: .3rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: .18rem;
+  font-size: .2rem;
+  color: #2CB7CA;
+  text-align: center;
+  border: 1px solid #2CB7CA;
+  border-radius: 0.06rem;
+  box-sizing: border-box;
+}
+
+.treasure .vip_subscribe .info .info_list .info_list_right, .treasure .data_export .info .info_list .info_list_right {
+  font-size: .2rem;
+}
+
+.treasure .data_export {
+  margin-top: .26rem;
+}

src/web/templates/weixin/search/mainSearch.html

@@ -28,6 +28,11 @@
 <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/wx_dataExport/iconfont/iconfont.css?v={{Msg "seo" "version"}}">
 <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/wx_dataExport/css/search_tab.css?v={{Msg "seo" "version"}}">
 <link rel="stylesheet" href="{{Msg "seo" "cdn"}}/wx_dataExport/css/weui.min.css">
+<!--2.8.5-->
+<link rel="stylesheet" type="text/css" href="{{Msg "seo" "cdn"}}/css/wx/base.css?v={{Msg "seo" "version"}}" />
+<link rel="stylesheet" href="{{Msg "seo" "cdn"}}/swiper/swiper.min.css?v={{Msg "seo" "version"}}">
+<link rel="stylesheet" href="{{Msg "seo" "cdn"}}/css/wx/home.css?v={{Msg "seo" "version"}}">
+<script src="{{Msg "seo" "cdn"}}/swiper/swiper.min.js"></script>
 <title>搜索</title>
 <script type="text/javascript">
 	var s_openid = {{session "s_m_openid"}};
@@ -58,6 +63,14 @@
 		}
     }
 	$(function(){
+		//dev2.8.5
+        var swiper1 = new Swiper('#swiper1',{
+            autoplay: 5000,
+            effect: 'fade',
+            pagination: '.swiper-pagination',
+            paginationClickable: true,
+            loop: true,
+        });
         // 搜索选择的显示隐藏
         $('.selected-export .options').on('tap', 'span',function(e){
             var index = $(this).attr('index')  // index可以表示当前点击的是哪个按钮
@@ -264,6 +277,92 @@
 {{include "/weixin/vipsubscribe/modal.html"}}
 <!--主题内容-->
 <section id="searchIndex" class="hidden" style="transform: none;">
+	<!--2.8.5 start-->
+	<div class="home">
+        <div class="top">
+            <div class="home_search">
+                <div class="home_search_left">
+                    <img class="icon_search" src="/images/search/home_search.png" alt="">
+                    <span>示例：税务局 软件</span>
+                </div>
+                <div class="home_search_right">
+                    <img class="icon_question" src="/images/search/home_question.png" alt="">
+                </div>
+            </div>
+            <div class="home_banner">
+                <div class="swiper-container lunbo" id="swiper1">
+                    <div class="swiper-wrapper">
+                        <div class="swiper-slide"><a href="#"><img src="/images/search/banner_1.png" alt=""></a></div>
+                        <div class="swiper-slide"><a href="#"><img src="/images/search/banner_2.png" alt=""></a></div>
+                        <div class="swiper-slide"><a href="#"><img src="/images/search/banner_3.png" alt=""></a></div>
+                    </div>
+                    <div class="swiper-pagination custorm_dot"></div>
+                </div>
+            </div>
+        </div>
+        <!-- 导航菜单 -->
+        <div class="home_tab">
+            <div class="tab_container">
+                <a class="tab_item">
+                    <img src="/images/search/home_tab_1.png" alt="">
+                    <span>搜中标企业</span>
+                </a>
+                <a class="tab_item">
+                    <img src="/images/search/home_tab_2.png" alt="">
+                    <span>数据导出</span>
+                </a>
+                <a class="tab_item">
+                    <img src="/images/search/home_tab_3.png" alt="">
+                    <span>标讯订阅</span>
+                </a>
+                <!-- 微信端展示APP下载 -->
+                <a class="tab_item">
+                    <img src="/images/search/home_tab_4.png" alt="">
+                    <span>APP下载</span>
+                </a> 
+            </div>
+        </div>
+        <!-- 最新标讯 -->
+        <div class="home_data">
+            <h3 class="data_nav">最新标讯</h3>
+            <div class="data_list">
+                <div class="list_item">
+                    <div class="list_title">
+                        <span class="serial_number">1. &nbsp;</span>
+                        <p>淮安市高级职业技术学校台式<em style="color: #2CB7CA;">电脑采购</em>项目招标公告</p>
+                    </div>
+                    <div class="list_info">
+                        <div class="tags">
+                            <div class="area">江苏</div>
+                            <div class="industry">建筑工程</div>
+                            <div class="course">招标</div>
+                            <div class="price">3.6亿</div>
+                        </div>
+                        <div class="timer">13小时前</div>
+                    </div>
+                </div>
+            </div>
+            <div class="no_data" style="display: none;">
+                <img src="/images/search/nothing.png" alt="">
+                <p>为了使您接收更多信息，可对关键词进行新增或修改。</p>
+                <a href="#" >去设置</a>
+            </div>
+        </div>
+        <div class="tips">
+            <p class="tips_text">设置订阅关键词，随时接收最新招标信息</p>
+            <p class="tips_text" style="display: none;">为了使您接收更多信息，可对关键词进行新增或修改。</p>
+            <p class="tips_text" style="display: none;">您未设置关键词，设置后接收信息更精准!</p>
+            <p class="tips_text" style="display: none;">本次推送信息已达上限，开通VIP订阅，获取更多订阅信息。</p>
+            <p class="tips_all" style="display: none;"><a href="#">查看全部</a></p>
+            <div class="tips_btn">
+                <a href="#" >去设置</a>
+            </div>
+            <div class="tips_btn" style="display: none;">
+                <a href="#" >了解详情</a>
+            </div>
+        </div>
+    </div>
+	<!--2.8.5  end-->
 	<!--<div onclick="window.location.href='/supportJy'" style="font-size:15px;background-color: #FFB900;line-height: 40px;z-index: 99;color: #fff;border-radius: 3px;bottom: 80px;right: 10px;left:10px;position: fixed;"><img src="/images/search/laba.png" style="width: 23px;margin:0px 10px;">好几天没有推送消息了，真相是......</div>-->
 	<!--头部-->
 		<div class="search-header">