|
|
@@ -0,0 +1,173 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="zh-CN" style="font-size: 50px;">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <!-- <title>投标人专属免费计划</title> -->
|
|
|
+ <title>免费注册查看全国招标信息</title>
|
|
|
+ <!--引入公共资源头部-->
|
|
|
+ {{include "/big-member/meta.html"}}
|
|
|
+
|
|
|
+ <!--S-当前页面的css资源-->
|
|
|
+ <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/reset-css/5.0.1/reset.min.css />
|
|
|
+ <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/index.css />
|
|
|
+ <link rel="stylesheet" href=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/icon/local.css />
|
|
|
+ <!--E-当前页面的css资源-->
|
|
|
+ <style>
|
|
|
+ .j-container.app > .j-main {
|
|
|
+ margin-top: -21.34vw;
|
|
|
+ padding-bottom: .72rem;
|
|
|
+ background: linear-gradient(177deg, #134CEE 0%, #0923A0 40.57%, #00005E 54.10%);
|
|
|
+ }
|
|
|
+ .banner-container {
|
|
|
+ position: relative;
|
|
|
+ }
|
|
|
+ .banner-container img {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+ .button-container {
|
|
|
+ position: absolute;
|
|
|
+ top: .72rem;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ }
|
|
|
+ .register-now-button {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ width: 5.34rem;
|
|
|
+ height: 0.96rem;
|
|
|
+ flex-shrink: 0;
|
|
|
+ color: #FFF;
|
|
|
+ text-shadow: 1px 1px 0px #0976EA;
|
|
|
+ font-size: 0.4rem;
|
|
|
+ font-weight: 700;
|
|
|
+ line-height: 0.48rem;
|
|
|
+ border-radius: 0.6rem;
|
|
|
+ background: linear-gradient(180deg, #07FFFF 0%, #0BA6FD 100%);
|
|
|
+ box-shadow: 0px 2px 12px 0px rgba(1, 7, 61, 0.28);
|
|
|
+ }
|
|
|
+ .footer-button-container {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ padding: .24rem 0;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ background: rgba(0, 0, 0, 0.60);
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+ <script>
|
|
|
+ try {
|
|
|
+ window.JyObj.hiddenBottom('0')
|
|
|
+ } catch (e) {
|
|
|
+ console.log('error: app not function')
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <div class="j-container app">
|
|
|
+ {{include "/big-member/header.html"}}
|
|
|
+ <div class="j-main" id="main-app">
|
|
|
+ <div class="banner-container">
|
|
|
+ <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/images/about/register-banner_01.jpg' alt="">
|
|
|
+ </div>
|
|
|
+ <div class="banner-container">
|
|
|
+ <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/images/about/register-banner_02.jpg' alt="">
|
|
|
+ <div class="button-container">
|
|
|
+ <a class="register-now-button" href="/jyapp/free/login?url=/jyapp/jylab/mainSearch">立即注册</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="banner-container">
|
|
|
+ <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/images/about/register-banner_03.jpg' alt="">
|
|
|
+ </div>
|
|
|
+ <div class="banner-container">
|
|
|
+ <img src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/images/about/register-banner_04.jpg' alt="">
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="footer-button-container" style="display: none;">
|
|
|
+ <a class="register-now-button" href="/jyapp/free/login?url=/jyapp/jylab/mainSearch">立即注册</a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+
|
|
|
+ <script src=//cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js> </script>
|
|
|
+ <script src=//cdn-common.jianyu360.com/cdn/lib/vant/2.12.24/lib/vant.min.js> </script>
|
|
|
+ <script src=//cdn-common.jianyu360.com/cdn/lib/jquery/3.6.0/jquery.min.js> </script>
|
|
|
+ {{include "/big-member/commonjs.html"}}
|
|
|
+ <script src='{{Cdns .Host "seo" "cdn"|SafeUrl}}/jyapp/js/common.js?v={{Msg "seo" "version"}}'></script>
|
|
|
+ <script>
|
|
|
+ var page = {
|
|
|
+ init: function () {
|
|
|
+ this.transparentHeader(true)
|
|
|
+ this.initScrollEvents()
|
|
|
+ },
|
|
|
+ isElementInViewport: function (element) {
|
|
|
+ // 获取元素的位置和尺寸
|
|
|
+ var rect = element.getBoundingClientRect();
|
|
|
+
|
|
|
+ // 获取视口的尺寸
|
|
|
+ var viewportWidth = window.innerWidth || document.documentElement.clientWidth;
|
|
|
+ var viewportHeight = window.innerHeight || document.documentElement.clientHeight;
|
|
|
+
|
|
|
+ // 检查元素是否在视口中
|
|
|
+ var elementInViewport = (
|
|
|
+ rect.top >= 0 &&
|
|
|
+ rect.left >= 0 &&
|
|
|
+ rect.bottom <= viewportHeight &&
|
|
|
+ rect.right <= viewportWidth
|
|
|
+ );
|
|
|
+ return elementInViewport;
|
|
|
+ },
|
|
|
+ transparentHeader: function (f) {
|
|
|
+ var $header = $('.j-header.jy-app-header')
|
|
|
+ if (f) {
|
|
|
+ $header.addClass('transparent-header')
|
|
|
+ } else {
|
|
|
+ $header.removeClass('transparent-header')
|
|
|
+ }
|
|
|
+ },
|
|
|
+ showFooterRegisterButton: function (f) {
|
|
|
+ if (f) {
|
|
|
+ $('.footer-button-container').show()
|
|
|
+ } else {
|
|
|
+ $('.footer-button-container').hide()
|
|
|
+ }
|
|
|
+ },
|
|
|
+ initScrollEvents: function () {
|
|
|
+ var _this = this
|
|
|
+ $('#main-app').on('scroll', function () {
|
|
|
+ // 头部透明
|
|
|
+ var scrollTop = $(this).scrollTop()
|
|
|
+ if (scrollTop > 50) {
|
|
|
+ _this.transparentHeader(false)
|
|
|
+ } else {
|
|
|
+ _this.transparentHeader(true)
|
|
|
+ }
|
|
|
+ // 底部按钮
|
|
|
+ var target = $('.button-container .register-now-button')[0]
|
|
|
+ var isInViewport = _this.isElementInViewport(target);
|
|
|
+ if (isInViewport) {
|
|
|
+ _this.showFooterRegisterButton(false);
|
|
|
+ } else {
|
|
|
+ _this.showFooterRegisterButton(true)
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ }
|
|
|
+ $(function () {
|
|
|
+ page.init()
|
|
|
+ })
|
|
|
+ </script>
|
|
|
+ <script>
|
|
|
+
|
|
|
+ </script>
|
|
|
+ {{include "/common/baiducc.html"}}
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
