瀏覽代碼

Merge branch 'dev/v4.8.83_wmh' of qmx/jy into feature/v4.8.83

wenmenghao 1 年之前
父節點
當前提交
18809bb285

+ 15 - 0
src/web/staticres/landingpage/css/AppDownload.css

@@ -300,4 +300,19 @@ text-align: center;
 /* 合作伙伴结束 */
 .mt-60{
   margin-top: 60px;
+}
+@keyframes CfadeInUp {
+  from {
+    transform: translateY(50px);
+  }
+
+  to {
+    transform: translateY(0px);
+    opacity: 1;
+  }
+}
+
+.CfadeInUp {
+  /* opacity: 0; */
+  animation: 1s ease forwards alternate;
 }

+ 4 - 4
src/web/templates/frontRouter/pc/AppDownload/free/index.html

@@ -42,28 +42,28 @@
   </div>
   <div class="AppDownload-middle">
     <div class="content">
-      <div class="item">
+      <div class="item CfadeInUp">
         <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">
+      <div class="item mt-60 CfadeInUp">
         <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 mt-60 CfadeInUp">
         <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">
+      <div class="item mt-60 CfadeInUp">
         <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>