From 781e58bd01e6d1c9706f0426c55d1e07d3106641 Mon Sep 17 00:00:00 2001 From: dabai <dabai@yazhai.co> Date: Fri, 2 Apr 2021 17:28:14 +0800 Subject: [PATCH] 主页修改 footseen --- index.html | 180 ++++++++++++++++++++++++++++++++++++++++++++---------------------------------------------------------------------------------------------------------------------------------------- test.html | 186 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ text3.html | 2 +- 3 files changed, 231 insertions(+), 137 deletions(-) create mode 100644 test.html diff --git a/index.html b/index.html index bafc875..32ad461 100644 --- a/index.html +++ b/index.html @@ -1,7 +1,6 @@ <!DOCTYPE html> <html lang="en"> <head> - <script type="text/javascript" charset="UTF-8" src="https://web.cdn.openinstall.io/openinstall.js"></script> <script async src='https://www.google-analytics.com/analytics.js'></script> <script> window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; @@ -32,164 +31,73 @@ ga('clientTracker.send', 'pageview'); <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> <meta content="telephone=no" name="format-detection"> - <script src="https://www.footseen.com/js/fsize.js"></script> - <link rel="stylesheet" href="https://www.footseen.com/css/swiper.min.css"> + <script src="https://www.footseen.com/js/fsize.js"></script> <link rel="stylesheet" href="https://www.footseen.com/css/base2.css"> - <link rel="stylesheet" href="https://www.footseen.com/css/inedx.css"> + <link rel="stylesheet" href="https://www.footseen.com/css/newIndex.css"> <link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css"> - <title>Foot Seen</title> - <style type="text/css"> - .layer-box{ - width: 7.2rem; - height: 6.973rem; - background: url(https://www.footseen.com/img/phonembg.png) no-repeat; - background-size: 100% 100%; - position: relative; - } - .layui-layer-close2{ - display: none !important; - } - .layui-layer{ - border-radius: 0.5rem !important; - } - .layui-layer-page .layui-layer-content{ - border-radius: 0.5rem !important; - } - - .googleDown,.apkDown{ - background: url(https://www.footseen.com/img/btngp.png) no-repeat; - background-size: 100% 100%; - width: 4.813rem; - height: 1.2rem; - line-height: 1.2rem; - position: absolute; - top: 1.733rem; - left: 50%; - transform: translate(-50%,0); - -webkit-transform: translate(-50%,0); - text-align: center; - font-size: 0.426rem; - color:#FFF; - } - .apkDown{ - top: 3.933rem; - } - - .googleDown img,.apkDown img{ - width: 0.373rem; - height: 0.413rem; - vertical-align: middle; - margin-top: -.05rem; - margin-right: 0.133rem; - } - - </style> + <title>Footseen</title> </head> <body> - <div class="main bg1"> + <div class="main"> <span class="langTitle"><img src="https://www.footseen.com/img/down2.png"/><font></font></span> <div class="langList"> <p data-lang="2">繁體中文</p> <p data-lang="1">English</p> <p data-lang="7">العربية</p> </div> - <img src="https://www.footseen.com/img/logo.png" class="logo" /> <a class="topUp"></a> + <img src="img/new/text.png" class="mTextImg"/> <div class="iosDown heartbeat"></div> - <div class="swiper-container androidSwiper hide"> - <div class="swiper-wrapper"> - <div class="swiper-slide"> - <img src="https://www.footseen.com/img/animg1_cn.png"/> - </div> - <div class="swiper-slide"> - <img src="https://www.footseen.com/img/animg2_cn.png"/> - </div> - <div class="swiper-slide"> - <img src="https://www.footseen.com/img/animg3_cn.png"/> - </div> - </div> - <div class="swiper-pagination"></div> - </div> - <div class="andoridDesc"></div> - <div class="andoridBottom"></div> - <div class="arBottom"></div> <div style="display: none" class="layer-box"> - <div class="googleDown"><img src="img/googleplay.png"/><span>Google play</span></div> - <div class="apkDown"><img src="img/andorid.png"/><span>APK</span></div> + <div class="googleDown"><img src="https://www.footseen.com/img/googleplay.png"/><span>Google play</span></div> + <div class="apkDown"><img src="https://www.footseen.com/img/andorid.png"/><span>APK</span></div> </div> </div> </body> <script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script> -<script src="https://www.footseen.com/js/swiper.min.js"></script> - <script type="text/javascript" src="https://www.footseen.com/js/langAndorid.js?v=202101261731111" ></script> +<script src="https://www.footseen.com/js/new/lang.js"></script> <script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script> <script type="text/javascript"> - var ua = navigator.userAgent.toLowerCase(); +var ua = navigator.userAgent.toLowerCase(); var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 $(".iosDown").on("click", function () { - var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 - if (userAgent.indexOf("Line") > -1) { - if(sessionStorage.lang == 7){ - $('.masking img').att('src','https://footseen.com/img/fx.png'); - $(".masking").fadeIn(500); - } else { - $('.masking img').att('src','https://footseen.com/img/fx_en.png'); - $(".masking.L_En").fadeIn(500); - } - } else { - ga('send', 'event', { - eventCategory: 'andorid', - eventAction: 'click', - eventLabel: 'andorid' - }); - ga('clientTracker.send', 'event', { - eventCategory: 'andorid', - eventAction: 'click', - eventLabel: 'andorid' - }); - if(location.pathname == '/'){ - var data = {'icid':'ftsgp'}; - layer.open({ - type: 1, - title: false, - shadeClose: true, - area: ["7.2rem", "6.98rem"], - content: $(".layer-box"), - }) - $(".googleDown").on("click", function () { - copyText('footseen#ftsgp'); - setTimeout(function(){ - window.location.href = 'https://play.google.com/store/apps/details?id=com.footseen.live&hl=en_US&gl=US'; - },1000) -// new OpenInstall({ -// appKey: "dzxj4c", -// preferWakeup: true, -// mask: function () { -// return '<div id="openinstall_shadow" class="shadow-img"><img src="images/share-img.png" alt=""></div>' -// }, -// onready: function () { -// var m = this, button = document.getElementById("iosDown"); -// m.schemeWakeup(); -// setTimeout(function(){ -// m.wakeupOrInstall(); -// return false; -// },1000) -// } -// }, data); + ga('send', 'event', { + eventCategory: 'andorid', + eventAction: 'click', + eventLabel: 'andorid' + }); + ga('clientTracker.send', 'event', { + eventCategory: 'andorid', + eventAction: 'click', + eventLabel: 'andorid' + }); + if(location.pathname == '/'){ + var data = {'icid':'ftsgp'}; + layer.open({ + type: 1, + title: false, + shadeClose: true, + area: ["7.2rem", "6.98rem"], + content: $(".layer-box"), + }) + $(".googleDown").on("click", function () { + copyText('footseen#ftsgp'); + setTimeout(function(){ + window.location.href = 'https://play.google.com/store/apps/details?id=com.footseen.live&hl=en_US&gl=US'; + },1000) + + }) + $(".apkDown").on("click", function () { + window.location.href="apk"; + }) + } else { - }) - $(".apkDown").on("click", function () { - window.location.href="apk"; - }) - } else { - - gtag('event', 'conversion', { - 'send_to': 'AW-678006312/kqI0CJCE-7gBEKicpsMC', - 'event_callback': gtag_report_conversion('apk') - }); - } - } + gtag('event', 'conversion', { + 'send_to': 'AW-678006312/kqI0CJCE-7gBEKicpsMC', + 'event_callback': gtag_report_conversion('apk') + }); + } }) function gtag_report_conversion(url) { diff --git a/test.html b/test.html new file mode 100644 index 0000000..6a8c738 --- /dev/null +++ b/test.html @@ -0,0 +1,186 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <script type="text/javascript" charset="UTF-8" src="https://web.cdn.openinstall.io/openinstall.js"></script> + <script async src='https://www.google-analytics.com/analytics.js'></script> +<script> +window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date; +ga('create', 'UA-134943215-2', 'auto'); +ga('create', 'UA-155364301-1', 'auto','clientTracker'); +ga('send', 'pageview'); +ga('clientTracker.send', 'pageview'); +</script> +<script async src="https://www.googletagmanager.com/gtag/js?id=AW-678006312"></script> +<script> + window.dataLayer = window.dataLayer || []; + function gtag(){dataLayer.push(arguments);} + gtag('js', new Date()); + + gtag('config', 'AW-678006312'); +</script> +<script> + gtag('event', 'conversion', {'send_to': 'AW-678006312/kqI0CJCE-7gBEKicpsMC'}); +</script> + <meta charset="UTF-8"> + <meta name="renderer" content="webkit"> + <meta http-equiv="X-UA-Compatible" content="IE=edge"> + <meta name="keywords" content="foot fetish,foot worship,foot tickle,Foot Seen,Video streaming"> + <meta name="description" content=""> + <meta content="telephone=no" name="format-detection"> + <meta name="wap-font-scale" content="no"> + <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> + <meta name="apple-mobile-web-app-capable" content="yes"> + <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> + <meta content="telephone=no" name="format-detection"> + <script src="https://www.footseen.com/js/fsize.js"></script> + <link rel="stylesheet" href="https://www.footseen.com/css/base2.css"> + <link rel="stylesheet" href="https://www.footseen.com/css/newIndex.css"> + <link rel="stylesheet" href="https://www.footseen.com/layer-v3.1.0/layer.css"> + <title>Footseen</title> + <style type="text/css"> + .mDesc{ + background: rgba(255,255,255,.16); + width: 9.2rem; + height: auto; + padding: 0.4rem 0 0.5rem; + font-size: .32rem; + color: rgba(255,255,255,.8); + position: absolute; + left: 50%; + bottom: 5.586rem; + transform: translate(-50%,0); + -webkit-transform: translate(-50%,0); + -moz-transform: translate(-50%,0); + -ms-transform: translate(-50%,0); + z-index: 10; + text-align: center; + border-radius: 0.213rem; + -webkit-border-radius: 0.213rem; + -moz-border-radius: 0.213rem; + -ms-border-radius: 0.213rem; + -o-border-radius: 0.213rem; + } + .mDesc p{ + font-size: 0.346rem; + color: #FFF; + width: 100%; + text-align: center; + width: 9rem; + margin: 0 auto; + } + .mDesc p:nth-child(2){ + margin-top: 0.44rem; + } + .mDesc p:nth-child(3){ + margin-top: 0.266rem; + } + .mDesc p img { + width: 0.56rem; + height: 0.56rem; + vertical-align: middle; + margin: -.1rem 0 0 0.1rem; + } + .mDesc p span { + color:#fbde1b; + } + </style> +</head> +<body> + <div class="main"> + <span class="langTitle"><img src="https://www.footseen.com/img/down2.png"/><font></font></span> + <div class="langList"> + <p data-lang="2">繁體中文</p> + <p data-lang="1">English</p> + <p data-lang="7">العربية</p> + </div> + <a class="topUp"></a> + <div class="mDesc"> + <p>App名稱<img src="https://ox324.com/images/en/icon.png"><span>“茶城”</span>內部與Footseen內容完全一致。</p> + <p>1、請連接WIFI進行下載,放心使用。</p> + <p>2、無法下載點擊右上角按鈕,選擇用默認瀏覽器打開</p> + </div> + <img src="img/new/text.png" class="mTextImg"/> + <div class="iosDown heartbeat"></div> + <div style="display: none" class="layer-box"> + <div class="googleDown"><img src="https://www.footseen.com/img/googleplay.png"/><span>Google play</span></div> + <div class="apkDown"><img src="https://www.footseen.com/img/andorid.png"/><span>APK</span></div> + </div> + </div> +</body> +<script src="https://www.footseen.com/js/jquery-3.1.1.min.js"></script> +<script src="https://www.footseen.com/js/new/lang.js"></script> +<script src='https://www.footseen.com/layer-v3.1.0/layer/layer.js'></script> +<script type="text/javascript"> +var ua = navigator.userAgent.toLowerCase(); + var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 + + $(".iosDown").on("click", function () { + ga('send', 'event', { + eventCategory: 'andorid', + eventAction: 'click', + eventLabel: 'andorid' + }); + ga('clientTracker.send', 'event', { + eventCategory: 'andorid', + eventAction: 'click', + eventLabel: 'andorid' + }); + if(location.pathname == '/'){ + var data = {'icid':'ftsgp'}; + layer.open({ + type: 1, + title: false, + shadeClose: true, + area: ["7.2rem", "6.98rem"], + content: $(".layer-box"), + }) + $(".googleDown").on("click", function () { + copyText('footseen#ftsgp'); + setTimeout(function(){ + window.location.href = 'https://play.google.com/store/apps/details?id=com.footseen.live&hl=en_US&gl=US'; + },1000) + + }) + $(".apkDown").on("click", function () { + window.location.href="apk"; + }) + } else { + + gtag('event', 'conversion', { + 'send_to': 'AW-678006312/kqI0CJCE-7gBEKicpsMC', + 'event_callback': gtag_report_conversion('apk') + }); + } + }) + + function gtag_report_conversion(url) { + setTimeout(function(){ + window.location.href='apk'; + },500) + + } + $('.topUp').on('click',function(){ + window.location.href = 'https://www.footseen.com/footseen/phonepay/applepay.html?lang='+sessionStorage.lang+'&gofrom=web&cidStr=h5_footseengw'; + }) + + function copyText(text) { + var textarea = document.createElement("textarea"); + var currentFocus = document.activeElement; + document.body.appendChild(textarea); + textarea.value = text; + textarea.focus(); + if (textarea.setSelectionRange) + textarea.setSelectionRange(0, textarea.value.length); + else + textarea.select(); + try { + var flag = document.execCommand("copy"); + } catch(eo){ + var flag = false; + } + document.body.removeChild(textarea); + currentFocus.focus(); + return flag; + } +</script> +</html> diff --git a/text3.html b/text3.html index 3cbde8d..386a978 100644 --- a/text3.html +++ b/text3.html @@ -39,7 +39,7 @@ ga('clientTracker.send', 'pageview'); <title>Footseen</title> </head> <body> - <div class="main bg1"> + <div class="main"> <span class="langTitle"><img src="https://www.footseen.com/img/down2.png"/><font></font></span> <div class="langList"> <p data-lang="2">繁體中文</p> -- libgit2 0.25.0