Skip to content

S
statichtml
Commit 7854e4d3 authored by liaili's avatar liaili
Browse files
Options

6

parent 01c48048
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 274 additions and 4836 deletions
.idea/workspace.xml
View file @ 7854e4d3
This diff is collapsed.
src/entries/certification-process.html
View file @ 7854e4d3
...@@ -9,10 +9,10 @@ ...@@ -9,10 +9,10 @@
</head> </head>
<body> <body>
<section> <section>
<div class="banner"> <header>
<img src="https://res.fudou6.com/c/4/20160805/rggYmFubmVyXzAz_264x237.png" alt=""/> <!--<img src="https://res.fudou6.com/c/4/20160805/rggYmFubmVyXzAz_264x237.png" alt=""/>-->
<span>抱歉，详细信息只对已在富豆平台认证成功的理财师开放</span> 抱歉，详细信息只对已在富豆平台认证成功的理财师开放
</div> </header>
<div class="certification-process"> <div class="certification-process">
<h4>认证流程</h4> <h4>认证流程</h4>
<p>Step 01 : 下载富豆优投APP并登录</p> <p>Step 01 : 下载富豆优投APP并登录</p>
...@@ -22,11 +22,9 @@ ...@@ -22,11 +22,9 @@
<p>Step 03 : 提交认证材料 , 等待审核即可</p> <p>Step 03 : 提交认证材料 , 等待审核即可</p>
<img src="https://res.fudou6.com/c/4/20160805/2jycGFnZS0wM18wMw==_660x1173.png" alt=""> <img src="https://res.fudou6.com/c/4/20160805/2jycGFnZS0wM18wMw==_660x1173.png" alt="">
</div> </div>
<a href="" class="loading-app">点击下载富豆优投APP</a>
</section> </section>
<a href="" class="loading-app">点击下载富豆优投APP</a>
<script src="./common.js"></script> <script src="./common.js"></script>
<script src="certification-process.js"></script> <script src="certification-process.js"></script>
<script src="./flexible.debug.js"></script>
</body> </body>
</html> </html>
src/entries/certification-process.less
View file @ 7854e4d3
...@@ -6,47 +6,68 @@ ...@@ -6,47 +6,68 @@
body { body {
color: #494949; color: #494949;
} }
section { section{
.banner { max-width: 768px;
padding: 1rem 0.5rem; margin: 0 auto;
background: #353950; padding-bottom: 50px;
position: relative; header {
img { padding:80px 20px 80px 180px;
width: 4rem; background: #353950 url(https://res.fudou6.com/c/4/20160805/rggYmFubmVyXzAz_264x237.png)no-repeat 30px center;
} background-size: 132px 118px;
font-size: 16px;
line-height: 28px;
color: #fefefe;
span { span {
width: 4.5rem; width: 50%;
display: block; display: block;
position: absolute; position: absolute;
right: 0.5rem; right: 20px;
top:2rem; top:2rem;
font-size: 0.5rem; font-size: 16px;
line-height: 0.7rem; line-height: 28px;
color: #fefefe; color: #fefefe;
} }
} }
.certification-process { .certification-process {
padding: 0.5rem; padding: 20px 54px ;
h4 { h4 {
margin: 0; margin: 0;
font-size: 0.6rem; font-size: 20px;
color: #000; color: #000;
} }
p { p {
padding: 0.5rem 0; padding: 10px 0;
font-size: 0.4rem; font-size: 14px;
} }
img { img {
width: 9rem; max-width: 100%;
margin: 0 auto;
} }
} }
}
.loading-app {
position: fixed;
bottom:0;
width: 100%;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 18px;
color: #fff;
background: #ff494b;
}
@media screen and (min-width: 1023px) {
.loading-app { .loading-app {
position: static;
display: block; display: block;
text-align: center; width: 660px;
padding:0.5rem 0; margin: 0 auto 20px;
font-size: 0.5rem; height: 60px;
color: #fff; line-height: 60px;
background: #ff494b; border-radius: 4px;
}
section {
padding-bottom: 0;
} }
} }
} }
src/entries/index.html
View file @ 7854e4d3
...@@ -31,5 +31,4 @@ ...@@ -31,5 +31,4 @@
</body> </body>
<script src="./common.js"></script> <script src="./common.js"></script>
<script src="./index.js"></script> <script src="./index.js"></script>
<!--<script src="./flexible.debug.js"></script>-->
</html> </html>
src/entries/index.less
View file @ 7854e4d3
*{ @import 'normalize.less';
box-sizing: border-box;
}
body {
color: #fff;
font-family: Microsoft YaHei, simhei, Tahoma, Arial;
margin: 0;
background: #313139;
}
:global { :global {
body {
background: #313139;
color: #fff;
}
article { article {
max-width:768px; max-width:768px;
margin: 0 auto; margin: 0 auto;
......
src/entries/navitation-friend.html
View file @ 7854e4d3
...@@ -16,5 +16,4 @@ ...@@ -16,5 +16,4 @@
</body> </body>
<script src="./common.js"></script> <script src="./common.js"></script>
<script src="./navitation-friend.js"></script> <script src="./navitation-friend.js"></script>
<script src="./flexible.debug.js"></script>
</html> </html>
src/entries/navitation-friend.less
View file @ 7854e4d3
...@@ -4,6 +4,8 @@ ...@@ -4,6 +4,8 @@
text-decoration: none; text-decoration: none;
} }
article { article {
max-width: 768px;
margin: 0 auto;
background: #fff; background: #fff;
padding:20px; padding:20px;
color: #000; color: #000;
......
src/entries/navitation-record.html
View file @ 7854e4d3
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<body> <body>
<section> <section>
<div class="navitation"> <div class="navitation">
<h1>尊敬的维基，您好</h1> <h1>尊敬的维基，您好!</h1>
<div class="navitation-amount"> <div class="navitation-amount">
<a href="javascript:;">绑定成功：2人</a> <a href="javascript:;">绑定成功：2人</a>
<a href="javascript:;">邀请人数：10人</a> <a href="javascript:;">邀请人数：10人</a>
...@@ -67,16 +67,17 @@ ...@@ -67,16 +67,17 @@
</table> </table>
</div> </div>
<div class="explain"> <div class="explain">
<h3>说明</h3> <h3></h3>
<h5>绑定状态释义如下：</h5> <h5>绑定状态释义如下：</h5>
<p>-抢到了：被邀请用户下载注册富豆优投APP时使用了您的邀请码；</p> <p>
<p>-未绑定：被邀请用户未下载注册富豆优投APP或注册时未填写邀请码；</p> -抢到了：被邀请用户下载注册富豆优投APP时使用了您的邀请码； <br/>
<p>-被抢了：被邀请用户下载注册富豆优投APP时使用了其它邀请码。</p> -未绑定：被邀请用户未下载注册富豆优投APP或注册时未填写邀请码；<br/>
-被抢了：被邀请用户下载注册富豆优投APP时使用了其它邀请码。
</p>
</div> </div>
<a href="javascript:;" class="navitation-friend">邀请好友入驻</a>
</section> </section>
<a href="javascript:;" class="navitation-friend">邀请好友入驻</a>
</body> </body>
<script src="./common.js"></script> <script src="./common.js"></script>
<script src="./navitation-record.js"></script> <script src="./navitation-record.js"></script>
<script src="./flexible.debug.js"></script>
</html> </html>
src/entries/navitation-record.less
View file @ 7854e4d3
@import 'normalize.less'; @import 'normalize.less';
:global { :global {
section{ section{
max-width: 768px;
margin: 0 auto 60px;
.navitation { .navitation {
background: #353950 url(https://res.fudou6.com/c/4/20160804/udmYmctMDFfMDM=_749x66.png)no-repeat center bottom; background: #353950 url(https://res.fudou6.com/c/4/20160804/udmYmctMDFfMDM=_749x66.png)no-repeat center bottom;
padding:1rem 0 2rem; padding:30px 0 60px;
h1 { h1 {
font-size: 0.55rem; font-size: 18px;
margin-bottom: 0.5rem; margin-bottom: 16px;
text-align: center; text-align: center;
color: #fff; color: #fff;
} }
.navitation-amount { .navitation-amount {
width: 8rem;
width: 250px;
margin: 0 auto; margin: 0 auto;
&:after { &:after {
content:''; content:'';
...@@ -19,10 +22,10 @@ ...@@ -19,10 +22,10 @@
clear: both; clear: both;
} }
a { a {
padding: 0.157rem 0.26rem; padding: 8px 10px;
border-radius: 0.11rem; border-radius: 4px;
text-decoration: none; text-decoration: none;
font-size: 0.4rem; font-size: 14px;
background: #494d68; background: #494d68;
color: #fff; color: #fff;
float: left; float: left;
...@@ -42,7 +45,7 @@ ...@@ -42,7 +45,7 @@
thead tr { thead tr {
border-bottom: 1px solid #969696; border-bottom: 1px solid #969696;
color: #222228; color: #222228;
font-size: 0.4rem; font-size: 14px;
th { th {
padding: 10px 0; padding: 10px 0;
...@@ -50,15 +53,15 @@ ...@@ -50,15 +53,15 @@
width: 10%; width: 10%;
} }
&:nth-child(2) { &:nth-child(2) {
width: 25%; width: 30%;
} }
&:nth-child(3) { &:nth-child(3) {
width: 22.5%; width: 20%;
} }
&:nth-child(1) { &:nth-child(4) {
width: 22.5%; width: 20%;
} }
&:nth-child(1) { &:nth-child(5) {
width: 10%; width: 10%;
} }
} }
...@@ -72,6 +75,7 @@ ...@@ -72,6 +75,7 @@
font-size: 14px; font-size: 14px;
padding: 10px 0; padding: 10px 0;
a { a {
font-size: 20px;
font-weight: bolder; font-weight: bolder;
color: #c3c3c3; color: #c3c3c3;
text-decoration: none; text-decoration: none;
...@@ -94,10 +98,9 @@ ...@@ -94,10 +98,9 @@
color: #969696; color: #969696;
font-size: 14px; font-size: 14px;
h3 { h3 {
padding-bottom: 14px;
font-size: 18px; font-size: 18px;
text-align: center;
position: relative; position: relative;
padding: 0;
&:before { &:before {
content: ''; content: '';
display: block; display: block;
...@@ -105,36 +108,53 @@ ...@@ -105,36 +108,53 @@
height: 0; height: 0;
border-bottom: 1px solid #969696; border-bottom: 1px solid #969696;
position: absolute; position: absolute;
top:0.26rem; top:9px;
left:0; left:0;
z-index: -2; z-index: -2;
} }
&:after { &:after {
content: ''; content: '说明';
display: block; display: block;
width: 1.8rem; padding: 6px 10px;
height: 1px;
background: #fff; background: #fff;
position: absolute; position: absolute;
top:0.26rem; top:-5px;
left:3.5rem; left:40%;
z-index: -1; z-index: -1;
font-size: 18px;
} }
} }
h5 { h5 {
font-size: 0.5rem;
padding: 0.16rem 0 0.26rem;
margin: 0; margin: 0;
font-size: 16px;
} }
p { p {
line-height: 0.55rem; line-height: 24px;
} }
} }
}
.navitation-friend {
width: 100%;
position: fixed;
bottom: 0;
padding:16px 0;
text-align: center;
font-size: 20px;
font-weight: bold;
background: #ff494b;
color: #fff;
text-decoration: none;
}
@media screen and (min-width: 1023px) {
.navitation-friend { .navitation-friend {
position: static;
display: block; display: block;
padding:0.55rem 0; width: 768px;
height: 60px;
line-height: 60px;
margin: 0 auto;
text-align: center; text-align: center;
font-size: 0.485rem; font-size: 20px;
font-weight: bold; font-weight: bold;
background: #ff494b; background: #ff494b;
color: #fff; color: #fff;
......
src/entries/register-info.html
View file @ 7854e4d3
...@@ -9,18 +9,15 @@ ...@@ -9,18 +9,15 @@
</head> </head>
<body> <body>
<section> <section>
<div class="banner"> <header>
<img src="https://res.fudou6.com/c/4/20160805/m9pYmFubmVyLTAy_179x179.png" alt=""> 被邀请人手机号码
<span>
被邀请人手机号码 <br>
<strong>18766773541</strong> <strong>18766773541</strong>
</span> </header>
</div> <section class="user-info">
<div class="info"> <h3>
<div> 绑定信息
<h3>绑定信息</h3>
<a href="javascript:;">抢到了</a> <a href="javascript:;">抢到了</a>
</div> </h3>
<div> <div>
<span class="fl">受邀时间:</span> <span class="fl">受邀时间:</span>
<time class="fr">2016-7-30 10:23:33</time> <time class="fr">2016-7-30 10:23:33</time>
...@@ -29,8 +26,8 @@ ...@@ -29,8 +26,8 @@
<span class="fl">注册时间:</span> <span class="fl">注册时间:</span>
<time class="fr">2016-7-30 10:23:33</time> <time class="fr">2016-7-30 10:23:33</time>
</div> </div>
</div> </section>
<div class="order-record"> <section class="user-info">
<h3>成单记录</h3> <h3>成单记录</h3>
<div> <div>
<span class="fl">成交单数:</span> <span class="fl">成交单数:</span>
...@@ -44,10 +41,9 @@ ...@@ -44,10 +41,9 @@
<span class="fl">累计获佣:</span> <span class="fl">累计获佣:</span>
<span class="fr">10000元</span> <span class="fr">10000元</span>
</div> </div>
</div> </section>
</section> </section>
<script src="./common.js"></script> <script src="./common.js"></script>
<script src="./register-info.js"></script> <script src="./register-info.js"></script>
<script src="./flexible.debug.js"></script>
</body> </body>
</html> </html>
src/entries/register-info.less
View file @ 7854e4d3
...@@ -3,90 +3,62 @@ ...@@ -3,90 +3,62 @@
a { a {
text-decoration:none; text-decoration:none;
} }
.banner { section {
padding: 1rem; max-width: 768px;
background: #353950; margin: 0 auto;
position: relative; header {
color: #fff; padding: 70px 20px 70px 150px;
img { background: #353950 url(https://res.fudou6.com/c/4/20160805/m9pYmFubmVyLTAy_179x179.png)no-repeat 30px center;
width: 3rem; background-size: 100px;
font-size: 18px;
line-height: 28px;
color: #fff;
} }
span { .user-info {
display: block; background: #ececec;
position: absolute; margin-bottom: 30px;
top:1.5rem; h3 {
right: 1.2rem; padding: 20px;
font-size: 0.5rem; border-bottom: 2px solid #b2b2b2;
line-height: 0.8rem; font-size: 22px;
strong { margin: 0;
font-size: 0.6rem; position: relative;
font-weight: normal; a {
padding: 8px 10px;
font-size: 20px;
position: absolute;
right: 20px;
top:14px;
background: #ff494b;
border-radius: 4px;
color: #fff;
}
} }
} div {
}
.info {
background: #ececec;
div {
&:nth-child(1) {
height: 1.6rem;
padding: 0 0.5rem;
border-bottom: 2px solid #b2b2b2;
h3 {
float: left;
line-height: 1.6rem;
font-size: 0.6rem;
margin: 0;
}
a {
padding: 0.2rem 0.3rem;
font-size: 0.5rem;
float: right;
background: #ff494b;
border-radius: 0.1rem;
color: #fff;
margin-top: 0.3rem;
}
}
&:nth-child(2),
&:nth-child(3) {
width: 9rem;
margin: 0 auto;
height: 1.5rem;
line-height: 1.3rem;
font-size: 0.5rem;
}
&:nth-child(2) {
border-bottom: 1px solid #cecece; border-bottom: 1px solid #cecece;
padding: 12px 20px;
font-size: 16px;
span,
time {
display: block;
width: 40%;
&:last-child {
text-align: right;
}
}
&:after {
content: '';
display: block;
clear: both;
}
} }
} }
} .fl {
.order-record { float: left;
margin-top: 0.5rem;
background: #ececec;
h3 {
height: 1.6rem;
line-height: 1.6rem;
font-size: 0.6rem;
padding-left: 0.5rem;
border-bottom: 2px solid #b2b2b2;
margin: 0;
} }
div { .fr {
width: 9rem; float: right;
margin: 0 auto;
height: 1.3rem;
line-height: 1.3rem;
font-size: 0.5rem;
border-top:1px solid #cecece;
&:first-child {
border-top: 0;
}
} }
} }
.fl {
float: left;
}
.fr {
float: right;
}
} }
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 to comment