Skip to content

libai / footsen

Go to a project
Commit 1ce6d3d4 by agan
Options

提交

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

9 KB
img/new3/phoneVideo.png 0 → 100644
img/new3/phoneVideo.png

4.75 KB
index.html
......@@ -57,36 +57,9 @@
$(".iosDown").on("click", function () {
clickDownload()
// 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' };
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 {
gtag('event', 'conversion', {
......
index3.html
......@@ -61,23 +61,7 @@
if (location.pathname == '/') {
var data = { 'icid': 'ftsgw' };
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 {
setTimeout(function () {
......
iosnew.html
......@@ -54,13 +54,13 @@
<i class="mIcon"></i>
</div>
<div class="mPhone">
<div class="phoneBorder"></div>
<!-- <div class="phoneBorder"></div> -->
<div class="videoCon">
<video id="video" webkit-playsinline="true" x-webkit-airplay="true" playsinline="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"
loop="loop">
<source src="video/video.mp4" type="video/mp4">
<source src="https://footseen.com/video/video.mp4" type="video/mp4">
</source>
</video>
</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