init
This commit is contained in:
93
app/index/view/group/ufo.phtml
Executable file
93
app/index/view/group/ufo.phtml
Executable file
@@ -0,0 +1,93 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
{include file="include/head" /}
|
||||
<meta charset="UTF-8">
|
||||
<title>UFO耳机随时切换蓝牙模式</title>
|
||||
<style>
|
||||
.UFO-01{position: relative;}
|
||||
.UFO-01 img{display: block; width:100vw;}
|
||||
.UFO-01 .content{position: absolute; left:12.5vw;; top:80%;}
|
||||
.UFO-01 .content a{display: inline-block; padding:0.8vw 2vw; background-color:#fe2727; color:#FFF; font-size: 1.5em;}
|
||||
.UFO-01 .content a:hover{text-decoration-line: none;}
|
||||
|
||||
.UFO-01-M{position: relative;}
|
||||
.UFO-01-M img{display: block; width:100vw;}
|
||||
.UFO-01-M .content{position: absolute; right:9.5vw;; bottom:17%;}
|
||||
.UFO-01-M .content a{display: inline-block; padding:0.8vw 2vw; background-color:#fe2727; color:#FFF; font-size: 1.5em;}
|
||||
.UFO-01-M .content a:hover{text-decoration-line: none;}
|
||||
|
||||
|
||||
.UFO img{width:100vw; display: block;}
|
||||
@media screen and (min-width:791px){
|
||||
.UFO-01{display: block}
|
||||
.UFO-01-M{display: none;}
|
||||
.UFO .UFO-PC{display: block;}
|
||||
.UFO .UFO-M{display: none;}
|
||||
}
|
||||
@media screen and (max-width:790px){
|
||||
.UFO-01{display: none}
|
||||
.UFO-01-M{display: block;}
|
||||
.UFO .UFO-PC{display: none;}
|
||||
.UFO .UFO-M{display: block;}
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
|
||||
<body>
|
||||
<!--top-->
|
||||
<header class="header-PC header-Index">
|
||||
<div id="header" class="theme-white">
|
||||
{include file="include/top" /}
|
||||
{include file="include/top-header" /}
|
||||
</div>
|
||||
</header>
|
||||
<!--top End-->
|
||||
<div class="UFO-01">
|
||||
<img src="__PUBLIC__/web/images/UFO/UFO-01.jpg">
|
||||
<div class="content"><a href="https://z.m.jd.com/project/newDetails/111565.html">点击众筹</a></div>
|
||||
</div>
|
||||
<div class="UFO-01-M">
|
||||
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-01.jpg">
|
||||
<div class="content"><a href="https://z.jd.com/project/details/111565.html ">点击众筹</a></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="UFO">
|
||||
<div class="UFO-PC">
|
||||
<img src="__PUBLIC__/web/images/UFO/UFO-02.gif">
|
||||
<img src="__PUBLIC__/web/images/UFO/UFO-03.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/UFO-04.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/UFO-05.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/UFO-06.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/UFO-07.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/UFO-08.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/UFO-09.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/UFO-10.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/UFO-11.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/UFO-12.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/UFO-13.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/UFO-14.jpg">
|
||||
</div>
|
||||
<div class="UFO-M">
|
||||
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-02.gif">
|
||||
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-03.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-04.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-05.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-06.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-07.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-08.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-09.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-10.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-11.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-12.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-13.jpg">
|
||||
<img src="__PUBLIC__/web/images/UFO/mobile/UFO-14.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<!-- bottom s -->
|
||||
{include file="include/bottom" /}
|
||||
<!-- bottom e -->
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user