ued / yohogirls_mustache · Commits

Go to a project

Authored by uedxwg
Commit 81a760615efa16506402a28eeea472769c3a8c01 1 parent e253fc96

update

Inline Side-by-side
Showing 7 changed files with 62 additions and 12 deletions
<!--下载GIRLS-->
<div class="header-download-wrap">
<!-- <div class="header-download-wrap">
<div class="header-download">
<span class="tip-pic">YOHO GIRLS</span>
<div class="tip-info">
... ... @@ -9,4 +9,16 @@
</div>
<span class="tip-c" onclick="">关闭</span>
</div>
</div>
\ No newline at end of file
</div> -->
<div class="header-download-wrap" style="position:relative; height:65px;">
<div style="z-index: 1001;width: 100%; height: auto; overflow: hidden; background: #414141; position: fixed; left: 0; top: 0; padding: .4rem 0;text-align: center;">
<div style="width:94%; height100%; overflow:hidden; display: inline-block;">
<span style="width: 3.8rem; height:3.8rem; overflow:hidden; float: left; border-radius: .6rem; margin:0 1rem; ">
<img style="width: 100%; height:100%;" src="http://cdn.yoho.cn/boysweb/assets/images/y-logo.jpg">
</span>
<p style="color: #fff; line-height: 1.8rem; margin-top: .2rem; float: left; text-align: left;">潮流时尚生活百科<br />分享有趣新鲜男女世界观</p>
<a style="text-decoration:initial;width: 4.2rem; height:1.8rem; overflow:hidden; line-height: 1.8rem; color: #fff; text-align: center; background:#d2021c; float: right; border-radius: .4rem; margin-top: 1rem; margin-right: .6rem;" href="http://a.app.qq.com/o/simple.jsp?pkgname=cn.yoho.magazine">下载</a>
<span class="tip-c" style="position:absolute; width: 2.8rem; height:2.8rem; overflow: hidden; top:-1.4rem; right: -1.4rem; color:#fff; background:#7e7e7e; text-align: left; line-height: 4rem; border-radius: 1.4rem; text-indent: .6rem; font-style: normal;">X</span>
</div>
</div>
</div>
\ No newline at end of file
... ...
... ... @@ -10,6 +10,6 @@
<script type="text/javascript" src="http://res.previewboys.yoho.cn/res/new/girls/mobile.js"></script>
{{/ prevEnvironment}}
{{# prodEnvironment}}
<script src="http://cdn.yoho.cn/yohogirls-frontend-mobile/2.0.1/sea.js"></script>
<script src="http://cdn.yoho.cn/yohogirls-frontend-mobile/2.0.1/index.js"></script>
<script src="http://cdn.yoho.cn/yohogirls-frontend-mobile/2.0.2/sea.js"></script>
<script src="http://cdn.yoho.cn/yohogirls-frontend-mobile/2.0.2/index.js"></script>
{{/ prodEnvironment}}
\ No newline at end of file
... ...
... ... @@ -13,8 +13,8 @@ seajs.use("index");
</script>
{{/ prevEnvironment}}
{{# prodEnvironment}}
<script type="text/javascript" src="http://cdn.yoho.cn/yohogirls-frontend-web/0.0.1/sea.js"></script>
<script type="text/javascript" src="http://cdn.yoho.cn/yohogirls-frontend-web/0.0.1/index.js"></script>
<script type="text/javascript" src="http://cdn.yoho.cn/yohogirls-frontend-web/0.0.2/sea.js"></script>
<script type="text/javascript" src="http://cdn.yoho.cn/yohogirls-frontend-web/0.0.2/index.js"></script>
<script type="text/javascript">
seajs.use("index");
</script>
... ...
<!--download-->
<div class="home-download">
<!-- <div class="home-download">
<div>
<span class="app-icon"></span>
... ... @@ -20,4 +20,14 @@
<p>线上周刊，潮流百科生活指南</p>
<a href="#" class="down-btn" data-ios="https://itunes.apple.com/cn/app/yoho!-boys-da-ren-zhi-ren/id914331635?mt=8&down.myapp.com" data-android="http://yoho-apps.qiniudn.com/YohoBoys.apk">下载客户端</a>
</div>
</div>
\ No newline at end of file
</div> -->
<div style="width: 90%; height:auto; overflow: hidden; padding: .8rem .6rem; border: 1px solid #000; margin:1rem auto 0;">
<span style="width: 26%; height:auto; float: left; margin:0 .6rem 0 0; ">
<img style="width: 100%; border-radius: .6rem; height:auto;" src="http://cdn.yoho.cn/boysweb/assets/images/y-logo.jpg">
</span>
<div style="width: 70%;float: right;">
<h2 style="text-align: center; font-size: 3rem; font-weight: bold;">YOHO!</h2>
<p style="font-size: 12px; text-align: center; line-height: 1.8rem;"><span style='float:left;'>潮流时尚生活百科</span><span style='float:left;'>分享有趣新鲜男女世界观</span></p>
<a href="http://a.app.qq.com/o/simple.jsp?pkgname=cn.yoho.magazine" style="text-decoration:initial;border: 1px solid #000; display: inline-block; width: 100%; height:2.6rem; margin-top: .4rem; text-align: center; line-height: 2.6rem; color:#000; font-size: 1.6rem; font-weight: bold;">去下载</a>
</div>
</div>
\ No newline at end of file
... ...
<!--download-->
<div class="home-download">
<!-- <div class="home-download">
<div>
<span class="app-icon"></span>
... ... @@ -20,4 +20,14 @@
<p>線上周刊，潮流百科生活指南</p>
<a href="#" class="down-btn" data-ios="https://itunes.apple.com/cn/app/yoho!-boys-da-ren-zhi-ren/id914331635?mt=8&down.myapp.com" data-android="http://yoho-apps.qiniudn.com/YohoBoys.apk">下載客戶端</a>
</div>
</div>
\ No newline at end of file
</div> -->
<div style="width: 90%; height:auto; overflow: hidden; padding: .8rem .6rem; border: 1px solid #000; margin:1rem auto 0;">
<span style="width: 26%; height:auto; float: left; margin:0 .6rem 0 0; ">
<img style="width: 100%; border-radius: .6rem; height:auto;" src="http://cdn.yoho.cn/boysweb/assets/images/y-logo.jpg">
</span>
<div style="width: 70%;float: right;">
<h2 style="text-align: center; font-size: 3rem; font-weight: bold;">YOHO!</h2>
<p style="font-size: 12px; text-align: center; line-height: 1.8rem;"><span style='float:left;'>潮流时尚生活百科</span><span style='float:left;'>分享有趣新鲜男女世界观</span></p>
<a href="http://a.app.qq.com/o/simple.jsp?pkgname=cn.yoho.magazine" style="text-decoration:initial;border: 1px solid #000; display: inline-block; width: 100%; height:2.6rem; margin-top: .4rem; text-align: center; line-height: 2.6rem; color:#000; font-size: 1.6rem; font-weight: bold;">去下载</a>
</div>
</div>
\ No newline at end of file
... ...
<div class="return-to-top" style="opacity: 0.7;"></div>
<div class="bottom-content">
<!-- <div class="bottom-content">
<div class="girls">
<span class="girlbitmap"></span>
<span class="icon"><a href="{{girlDownloadUrl}}" target="_blank" onclick="YOHODCLICK('download','web','downGirl')"></a></span>
... ... @@ -19,6 +19,13 @@
<a class="detail" target="_blank" href="{{boyDownloadUrl}}" onclick="YOHODCLICK('download','web','downBoy')">線上週刊，潮流百科生活</a>
</span>
</div>
</div> -->
<div class="bottom-content">
<div class="girls">
</div>
<span class='split-line'></span>
<div class="boys"></div>
</div>
<div class="bottom-right">
<div class="div-right">
... ...
<div class="return-to-top" style="opacity: 0.7;"></div>
<div class="bottom-content">
<!-- <div class="bottom-content">
<div class="girls">
<span class="girlbitmap"></span>
<span class="icon"><a href="{{girlDownloadUrl}}" target="_blank" onclick="YOHODCLICK('download','web','downGirl')"></a></span>
... ... @@ -19,6 +19,17 @@
<a class="detail" target="_blank" href="{{boyDownloadUrl}}" onclick="YOHODCLICK('download','web','downBoy')">线上周刊，潮流百科生活</a>
</span>
</div>
</div> -->
<div class="bottom-content">
<div class="girls">
<span style="float: left; margin-right: 15px;"><img style="border-radius: 1rem;" src="http://cdn.yoho.cn/boysweb/assets/images/y-logo.jpg"></span>
<h1 style="font-size: 42px; font-weight: bold; margin-top: 8px;">YOHO!</h1>
<p style="font-size: 15px; line-height: 24px;">潮流时尚生活百科，分享有趣<br />新鲜男女世界观</p>
</div>
<span class='split-line'></span>
<div class="boys">
<span style="text-align: content; display: block; width: 100%;"><img style="border-radius: 1rem; margin-left: 120px;" src="http://cdn.yoho.cn/boysweb/assets/images/y-logo.jpg"></span>
</div>
</div>
<div class="bottom-right">
<div class="div-right">
... ...