Skip to content

S
statichtml
Commit 4ec759a2 authored by liaili's avatar liaili
Browse files
Options

updata-9-10

parent cea90ac5
Show whitespace changes
Inline Side-by-side
Showing with 502 additions and 64 deletions
src/entries/index.html
View file @ 4ec759a2
<!DOCTYPE html>
<html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=yes, maximum-scale=3,minimum-scale=1"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="./index.css"/>
<meta charset="UTF-8">
<title>$Title$</title>
</head>
<body>
<article>
<header>
超打通知
</header>
<section>
【首誉光控凯宏资产3号】已经临界打超，待查账后确定具体金额，多退少补，请各位总即刻停止打款。今天务必尽快提供如下验资资料，最快验资成立！2号开放期的5810万等3号封账后明后天无缝对接！！
<br/>
<br/>
1. 身份证正反面 <br/>
2. 银行卡正面 <br/>
3. 客户打款凭条 <br/>
4. 合同客户签署页照片第49、50页
<br/>
<br/>
特别注意（开户精确支行须精确以免耽误还本付息签署页写上
日期拍照）
</section>
<footer>
2016-07-12 10:30
</footer>
</article>
$END$
</body>
<script src="./common.js"></script>
<script src="./index.js"></script>
</html>
src/entries/index.js
View file @ 4ec759a2
import './index.html';
import './index.less';
/**
* Created by liaili on 16/8/8.
*/
src/entries/index.less
View file @ 4ec759a2
@import 'normalize.less';
:global {
body {
background: #313139;
color: #fff;
}
article {
max-width:768px;
margin: 0 auto;
header {
margin:20px;
height: 20px;
line-height: 20px;
border-left: 10px solid #ff4a4b;
padding-left: 10px;
font-size: 20px;
}
section {
padding: 20px 20px 20px 30px;
border-top: 2px solid #222228;
border-bottom: 2px solid #222228;
font-size: 14px;
line-height: 24px;
}
footer {
font-size: 14px;
padding: 10px 20px 0 0;
text-align: right;
}
}
}
src/entries/navitation.html 0 → 100644
View file @ 4ec759a2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>$Title$</title>
</head>
<body>
$END$
</body>
</html>
src/entries/navitation.js 0 → 100644
View file @ 4ec759a2
/**
* Created by liaili on 16/8/9.
*/
src/entries/notice.html 0 → 100644
View file @ 4ec759a2
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=yes, maximum-scale=3,minimum-scale=1"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="./index.css"/>
</head>
<body>
<article>
<header>
超打通知
</header>
<section>
【首誉光控凯宏资产3号】已经临界打超，待查账后确定具体金额，多退少补，请各位总即刻停止打款。今天务必尽快提供如下验资资料，最快验资成立！2号开放期的5810万等3号封账后明后天无缝对接！！
<br/>
<br/>
1. 身份证正反面 <br/>
2. 银行卡正面 <br/>
3. 客户打款凭条 <br/>
4. 合同客户签署页照片第49、50页
<br/>
<br/>
特别注意（开户精确支行须精确以免耽误还本付息签署页写上
日期拍照）
</section>
<footer>
2016-07-12 10:30
</footer>
</article>
</body>
<script src="./common.js"></script>
<script src="./index.js"></script>
</html>
src/entries/notice.js 0 → 100644
View file @ 4ec759a2
import './index.html';
import './index.less';
src/entries/notice.less 0 → 100644
View file @ 4ec759a2
@import 'normalize.less';
:global {
body {
background: #313139;
color: #fff;
}
article {
max-width:768px;
margin: 0 auto;
header {
margin:20px;
height: 20px;
line-height: 20px;
border-left: 10px solid #ff4a4b;
padding-left: 10px;
font-size: 20px;
}
section {
padding: 20px 20px 20px 30px;
border-top: 2px solid #222228;
border-bottom: 2px solid #222228;
font-size: 14px;
line-height: 24px;
}
footer {
font-size: 14px;
padding: 10px 20px 0 0;
text-align: right;
}
}
}
src/entries/product-infos01.html 0 → 100644
View file @ 4ec759a2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=yes, maximum-scale=3,minimum-scale=1"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="./product-infos.css"/>
<title>项目详情-基本要素</title>
</head>
<body>
<section>
<header>
<a href="">基本要素</a>
<a href="">费率收益</a>
<a href="">相关材料</a>
<a href="" class="active">募集账户</a>
</header>
<div>
<table>
<colgroup>
<col width="40%">
<col width="60%">
</colgroup>
<tbody>
<tr>
<td>
开户名:
</td>
<td>
嘉兴惠博投资管理有限公司
</td>
</tr>
<tr>
<td>
募集银行:
</td>
<td>
中信银行北京万达广场支行
</td>
</tr>
<tr>
<td>
募集账号:
</td>
<td>
8888 8888 8888 8888 888
</td>
</tr>
<tr>
<td>
大款备注:
</td>
<td>
请务必从您本人的银行账户转出账款,并在汇款备注中注明"吴超认购华服创银9号"
</td>
</tr>
</tbody>
</table>
</div>
</section>
<script src="./common.js"></script>
<script src="./product-infos.js"></script>
</body>
</html>
src/entries/product-infos01.js 0 → 100644
View file @ 4ec759a2
/**
* Created by liaili on 16/8/15.
*/
import './product-infos01.html';
import './product-infos02.less';
src/entries/product-infos01.less 0 → 100644
View file @ 4ec759a2
@import 'normalize.less';
:global {
body {
background: #151f2c;
}
a {
text-decoration: none;
color: #fff;
}
section {
color: #fff;
header {
background: #282d3a;
height: 56px;
a {
position: relative;
display: block;
float: left;
width: 25%;
text-align: center;
height: 100%;
line-height: 56px;
font-size: 16px;
&:after {
content: '';
width:0;
height:0;
margin-left: -10px;
position:absolute;
left: 50%;
bottom: -10px;
border-width:10px 10px 0;
border-style:solid;
border-color:transparent transparent transparent;/*灰 透明 透明*/
}
&.active {
font-size: 20px;
color: #b63e43;
&:after {
border-color:#282d3a transparent transparent;/*灰 透明 透明*/
}
}
}
}
/*partials01 start*/
article.partials01 {
margin-top: 18px;
padding: 20px;
background: #282d3a;
font-size: 14px;
line-height: 18px;
th {
padding: 10px 0;
color: #85868a;
font-weight: normal;
vertical-align: top;
text-align: left;
}
td {
padding: 10px 6px;
color: #e0e0e1;
}
}
/*partials01 end*/
/* partials02 start*/
/* partials02 end*/
}
}
src/entries/product-infos02.html 0 → 100644
View file @ 4ec759a2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=yes, maximum-scale=3,minimum-scale=1"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="./product-info02.css"/>
<title>Title</title>
</head>
<body>
<section>
<header>
<a href="" class="active">基本要素</a>
<a href="">费率收益</a>
<a href="">相关材料</a>
<a href="">募集账户</a>
</header>
<div>
<table>
<colgroup>
<col width="40%">
<col width="60%">
</colgroup>
<tbody>
<tr>
<td>开户名:</td>
<td>嘉兴惠博投资管理有限公司</td>
</tr>
<tr>
<td>募集银行:</td>
<td>中信银行北京万达广场支行</td>
</tr>
<tr>
<td>募集账户:</td>
<td>8888 8888 8888 8888 888</td>
</tr>
<tr>
<td>打款备注:</td>
<td>请务必从您本人的银行账户转出账款,并在汇款备注中注明"吴超认购华服创银9号"</td>
</tr>
</tbody>
</table>
</div>
</section>
<script src="./common.js"></script>
<script src="./product-info02.js"></script>
</body>
</html>
src/entries/product-infos02.js 0 → 100644
View file @ 4ec759a2
/**
* Created by liaili on 16/8/15.
*/
import './product-infos02.html';
import './product-infos02.less';
src/entries/product-infos03.html 0 → 100644
View file @ 4ec759a2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>$Title$</title>
</head>
<body>
$END$
</body>
</html>
src/entries/product-infos03.js 0 → 100644
View file @ 4ec759a2
/**
* Created by liaili on 16/8/15.
*/
src/entries/product-infos04.html 0 → 100644
View file @ 4ec759a2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>$Title$</title>
</head>
<body>
$END$
</body>
</html>
src/entries/product-infos04.js 0 → 100644
View file @ 4ec759a2
/**
* Created by liaili on 16/8/26.
*/
src/entries/product.html 0 → 100644
View file @ 4ec759a2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>$Title$</title>
</head>
<body>
$END$
</body>
</html>
src/entries/product.js 0 → 100644
View file @ 4ec759a2
/**
* Created by liaili on 16/8/10.
*/
src/entries/projects.html 0 → 100644
View file @ 4ec759a2
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1, user-scalable=yes, maximum-scale=3,minimum-scale=1"/>
<link rel="stylesheet" type="text/css" href="./project.css"/>
<title>Title</title>
</head>
<body>
<section>
<a href="javascript:;" class="hiddenBtn">&times;</a>
<header>
富豆优投是枢纽科技旗下专为地方性项目或企业提供有保障的融资渠道、合理对接资金需求的互联网平台，拥有数个大型项目资金问题解决方案。
</header>
<section class="project-list">
<h1>
热门项目
</h1>
<ul>
<li class="project-1">
<i></i>
<h2>
中电投西安
</h2>
<h3>
<span>总规模:2亿</span>
<span>总规模:20天</span>
</h3>
<p>
认购光大信托计划，用于“XX公司-发信托贷款”用于建设西安绿源农产品批发市场项目
</p>
</li>
<li class="project-2">
<i></i>
<h2>
中电投西安
</h2>
<h3>
<span>总规模:2亿</span>
<span>总规模:20天</span>
</h3>
<p>
认购光大信托计划，用于“XX公司-发信托贷款”用于建设西安绿源农产品批发市场项目
</p>
</li>
</ul>
</section>
</section>
<a href="javascript:;" class="recommendProject">我有优质项目,现在推荐</a>
<script src="./common.js"></script>
<script src="./project.js"></script>
</body>
</html>
src/entries/projects.js 0 → 100644
View file @ 4ec759a2
/**
* Created by liaili on 16/8/8.
*/
import './projects.html';
import './project.less';
src/entries/projects.less 0 → 100644
View file @ 4ec759a2
@import "normalize.less";
:global {
a {
text-decoration: none;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
section {
max-width: 768px;
margin: 0 auto 70px;
.hiddenBtn {
position: fixed;
top:20px;
left:30px;
padding: 10px;
font-size: 30px;
font-weight: bold;
border-radius: 50%;
background: #121d2b;
color: #fff;
box-shadow: 0px 0px 24px 0px rgba(38,135,255,0.3);
}
header {
padding: 80px 56px 30px;
border-top:2px solid #21e7b6;
color: #fff;
font-size: 16px;
line-height: 24px;
background: url(../images/banner.jpg)no-repeat center center;
}
.project-list {
h1 {
margin: 0;
padding: 10px 0;
text-align: center;
color: #1fb388;
background: #121d2b;
font-size: 26px;
}
li {
position: relative;
margin: 0 0 14px 0;
padding: 50px 176px 16px 20px;
background-repeat: no-repeat;
background-position: 250px 50px;
background-color: #efeff1;
background-size:140px;
i {
position: absolute;
top:0;
right:0;
width: 70px;
height: 70px;
background-repeat: no-repeat;
background-position: center center;
background-size: 70px;
}
&.project-1 {
background-image: url(../images/project-01.jpg);
i {
background-image: url(../images/corner-01.png);
}
}
&.project-2 {
background-image: url(../images/project-02.jpg);
i {
background-image: url(../images/corner-01.png);
}
}
h2 {
margin: 0;
font-size: 20px;
}
h3 {
margin: 10px 0;
font-size: 16px;
span {
width: 40%;
&:first-child {
float: left;
}
&:last-child {
float: right;
}
}
&:after {
content: '';
display: block;
clear: both;
}
}
p {
font-size: 14px;
line-height: 20px;
}
}
}
}
.recommendProject {
position: fixed;
bottom: 0;
width: 100%;
text-align: center;
padding: 16px 0;
font-size: 20px;
color: #fff;
background: #0bae83;
}
}
//.status(@sn, @bg, @corner){
// &.status-@{sn} {
// background-image: url(@bg);
// i {
// background-image: url(@corner);
// }
// }
//}
//.status(1, '../images/project-01.jpg','../images/corner-01.png');
//.status(2, '../images/project-02.jpg','../images/corner-01.png');
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