Skip to content

libai / footsen

Go to a project
Commit 1ce6d3d4 by agan
Options

提交

parent 96871876
Inline Side-by-side
Showing with 45 additions and 65 deletions
b/downloadIos.html
...@@ -62,9 +62,9 @@ ...@@ -62,9 +62,9 @@
<div class="videoCon"> <div class="videoCon">
<video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" <video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-player-type="h5" x5-video-player-fullscreen="true"
style="width: 100%;height: 100%;object-fit: fill;z-index: -1;" autoplay="autoplay" style="width: 100%;height: 100%;object-fit: fill;z-index: -1;" autoplay="autoplay" muted="false"
loop="loop"> loop="loop">
<source src="../video/video.mp4" type="video/mp4"> <source src="https://footseen.com/video/video.mp4" type="video/mp4">
</source> </source>
</video> </video>
</div> </div>
......
css/new/index.css
...@@ -53,13 +53,17 @@ body { ...@@ -53,13 +53,17 @@ body {
} }
.mPhone { .mPhone {
width: 30vh; /* width: 30vh;
height: 60vh; height: 60vh; */
width: 6.733rem;
height: 11.8rem;
position: absolute; position: absolute;
top: 16.2vh; top: 16.2vh;
left: 50%; left: 50%;
transform: translateX( -50%); transform: translateX(-50%);
z-index: 10; z-index: 10;
background: url(../../img/new3/phone.png) no-repeat;
background-size: contain;
} }
...@@ -67,8 +71,8 @@ body { ...@@ -67,8 +71,8 @@ body {
.phoneBorder { .phoneBorder {
width: 100%; width: 100%;
height: 100%; height: 100%;
background: url(../../img/new3/phone.png) no-repeat; /* background: url(../../img/new3/phone.png) no-repeat;
background-size: contain; background-size: contain; */
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
...@@ -76,21 +80,38 @@ body { ...@@ -76,21 +80,38 @@ body {
} }
.videoCon { .videoCon {
border-radius: 1rem; /* border-top-right-radius: 0.5rem;
-moz-border-radius: 1rem; border-top-left-radius: 0.5rem;
-webkit-border-radius: 1rem; border-bottom-left-radius: 0.8rem;
border-bottom-right-radius: 0.8rem; */
border-radius: 0.72rem;
-moz-border-radius: 0.72rem;
-webkit-border-radius: 0.72rem;
overflow: hidden; overflow: hidden;
height: 100%; width: 5.84rem;
padding: 0.36rem 0.36rem; height: 10.787rem;
box-sizing: border-box; box-sizing: border-box;
position: absolute; position: absolute;
top: 0; top: 50%;
left: 0; left: 50%;
bottom: 0; transform: translate(-50%,-50%);
right: 0; background: url(../../img/new3/phoneVideo.png) no-repeat;
background-size: contain;
/* top: 0.36rem;
left: 0.36rem;
bottom: 0.36rem;
right: 0.36rem; */
z-index: 1; z-index: 1;
} }
/* #video {
width: 5.4rem;
height: 9.6rem;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} */
.mTitle { .mTitle {
...@@ -162,18 +183,20 @@ body { ...@@ -162,18 +183,20 @@ body {
z-index: 99; z-index: 99;
} }
.btnPage2{ .btnPage2 {
bottom: 1.8vh; bottom: 1.8vh;
} }
@keyframes mBreath { @keyframes mBreath {
0%{ 0% {
transform: scale(1); transform: scale(1);
} }
50%{
50% {
transform: scale(0.8); transform: scale(0.8);
} }
100%{
100% {
transform: scale(1); transform: scale(1);
} }
} }
......
img/new3/phone.png
img/new3/phone.png

9 KB | W: | H:

img/new3/phone.png

6.5 KB | W: | H:

img/new3/phone.png
img/new3/phone.png
img/new3/phone.png
img/new3/phone.png
  • 2-up
  • Swipe
  • Onion skin
index.html
...@@ -57,36 +57,9 @@ ...@@ -57,36 +57,9 @@
$(".iosDown").on("click", function () { $(".iosDown").on("click", function () {
clickDownload() clickDownload()
// ga('send', 'event', {
// eventCategory: 'andorid',
// eventAction: 'click',
// eventLabel: 'andorid'
// });
// ga('clientTracker.send', 'event', {
// eventCategory: 'andorid',
// eventAction: 'click',
// eventLabel: 'andorid'
// });
if (location.pathname == '/') { if (location.pathname == '/') {
var data = { 'icid': 'ftsgp' }; var data = { 'icid': 'ftsgp' };
window.location.href = "apk"; window.location.href = "apk";
// 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.club?id=com.footseen.live&hl=en_US&gl=US';
// }, 1000)
// })
// $(".apkDown").on("click", function () {
// window.location.href = "apk";
// })
} else { } else {
gtag('event', 'conversion', { gtag('event', 'conversion', {
......
index3.html
...@@ -61,23 +61,7 @@ ...@@ -61,23 +61,7 @@
if (location.pathname == '/') { if (location.pathname == '/') {
var data = { 'icid': 'ftsgw' }; var data = { 'icid': 'ftsgw' };
window.location.href = "apk"; window.location.href = "apk";
// 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.club?id=com.footseen.live&hl=en_US&gl=US';
// }, 1000)
// })
// $(".apkDown").on("click", function () {
// window.location.href = "apk";
// })
} else { } else {
setTimeout(function () { setTimeout(function () {
......
iosnew.html
...@@ -54,13 +54,13 @@ ...@@ -54,13 +54,13 @@
<i class="mIcon"></i> <i class="mIcon"></i>
</div> </div>
<div class="mPhone"> <div class="mPhone">
<div class="phoneBorder"></div> <!-- <div class="phoneBorder"></div> -->
<div class="videoCon"> <div class="videoCon">
<video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" <video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true"
x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-player-type="h5" x5-video-player-fullscreen="true"
style="width: 100%;height: 100%;object-fit: fill;z-index: -1;" autoplay="autoplay" muted="false" style="width: 100%;height: 100%;object-fit: fill;z-index: -1;" autoplay="autoplay" muted="false"
loop="loop"> loop="loop">
<source src="video/video.mp4" type="video/mp4"> <source src="https://footseen.com/video/video.mp4" type="video/mp4">
</source> </source>
</video> </video>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment