APP下载落地页提交

src/web/staticres/landingpage/css/AppDownload.css

@@ -4,17 +4,19 @@
 .AppDownload-head{
   width: 100%;
   min-width: 1200px;
-  background:url('/landingpage/image/AppDownload/bg.png') center center no-repeat;
+  background:url('/landingpage/image/AppDownload/bg.png') center center  no-repeat;
   background-size: cover;
   height: 800px;
   box-sizing: border-box;
   padding-top: 1px;
 }
 .AppDownload-head .content{
-  width: 504px;
+  width: 1200px;
   height: 344px;
-  margin-left: 22.91vw;
+  margin: auto;
   margin-top: 62px;
+  box-sizing: border-box;
+  padding-left: 50px;
 
 }
 .AppDownload-head .content .title-m{
@@ -39,6 +41,76 @@
   text-align: center;
   margin-bottom: 60px;
 
+}
+.AppDownload .qr-box{
+  margin-top: 28px;
+  width: 130px;
+  overflow: hidden;
+}
+.AppDownload .qr-item{
+  width: 130px;
+  height: 130px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  border-radius: 12px;
+  border: 1px solid #2ABED1;
+  box-sizing: border-box;
+}
+.AppDownload .qr-item img{
+  width: 116px;
+  height: 116px;
+}
+.qr-text{
+  font-size: 14px;
+  line-height: 20px;
+  color: #1D1D1D;
+  text-align: center;
+  margin-top: 4px;
+}
+.head-desc{
+font-size: 36px;
+font-weight: 400;
+line-height: 48px;
+text-align: center;
+color: #1D1D1D;
+margin-top: 128px;
+}
+.AppDownload-middle .content{
+  width: 1227px;
+  margin: auto;
+  margin-top: -140px;
+  padding-bottom: 60px;
+
+}
+.AppDownload-middle .content .item{
+  display: flex;
+  justify-content: space-between;
+}
+.AppDownload-middle .content .item .item-right{
+  width: 50%; 
+}
+.AppDownload-middle .content .item .item-left h1{
+font-size: 64px;
+font-weight: 290;
+line-height: 85px;
+color: #1D1D1D;
+}
+.AppDownload-middle .content .item .item-left .title{
+font-size: 28px;
+font-weight: 400;
+line-height: 36px;
+letter-spacing: 0em;
+color: #1D1D1D;
+}
+.AppDownload-middle .content .item .item-left .desc{
+font-size: 20px;
+font-weight: 400;
+line-height: 32px;
+letter-spacing: 0em;
+padding-left: 82px;
+box-sizing: border-box;
+color: #686868;
 }
 /* 专业的招投标大数据服务平台 */
 .jy-index-dataServices {
@@ -226,3 +298,6 @@ text-align: center;
   z-index: 1;
 }
 /* 合作伙伴结束 */
+.mt-60{
+  margin-top: 60px;
+}

src/web/templates/frontRouter/pc/AppDownload/free/index.html

@@ -31,6 +31,45 @@
       <h2 class="title-m">亿万级标讯数据实时更新</h2>
       <h1 class="title-l">全网标讯免费看，抢占销售先机</h1>
       <h3 class="title-s">实时标讯跟踪 / 商机管理 / 项目监控 / 市场洞察</h3>
+      <div class="qr-box">
+        <div class="qr-item">
+          <img src="{{Msg "seo" "cdn"}}/landingpage/image/AppDownload/qr.png?v={{Msg "seo" "version"}}" alt="">
+        </div>
+        <p class="qr-text">下载App<br>免费查看全国商机</p>
+      </div>
+    </div>
+    <h2 class="head-desc">一键下载注册，免费立享</h2>
+  </div>
+  <div class="AppDownload-middle">
+    <div class="content">
+      <div class="item">
+        <div class="item-left">
+          <h1>01 <span class="title">免费查看标讯信息，直接看不遮挡</span></h1>
+          <p class="desc">聚合1.8亿+招标信息，标讯项目随时查</p>
+        </div>
+        <img src="{{Msg "seo" "cdn"}}/landingpage/image/AppDownload/ggxx.png?v={{Msg "seo" "version"}}" alt="" class="item-right">
+      </div>
+      <div class="item mt-60">
+        <img src="{{Msg "seo" "cdn"}}/landingpage/image/AppDownload/mddy.png?v={{Msg "seo" "version"}}" alt="" class="item-right">
+        <div class="item-left">
+          <h1>02 <span class="title">免费订阅商机，52分钟极速推送</span></h1>
+          <p class="desc">按需订阅，实时推送，重要商机不遗漏</p>
+        </div>
+      </div>
+      <div class="item mt-60">
+        <div class="item-left">
+          <h1>03 <span class="title">免费跟踪项目动态，及时把控项目</span></h1>
+          <p class="desc">项目变动，第一时间推送，掌握最新动态</p>
+        </div>
+        <img src="{{Msg "seo" "cdn"}}/landingpage/image/AppDownload/xmxx.png?v={{Msg "seo" "version"}}" alt="" class="item-right">
+      </div>
+      <div class="item mt-60">
+        <img src="{{Msg "seo" "cdn"}}/landingpage/image/AppDownload/ggxx2.png?v={{Msg "seo" "version"}}" alt="" class="item-right">
+        <div class="item-left">
+          <h1>04 <span class="title">免费查看联系方式 获得更多线索</span></h1>
+          <p class="desc">企业联系方式全公开，拓展客户资源</p>
+        </div>
+      </div>
     </div>
   </div>
   <div class="jy-index-dataServices CfadeInUp">