Skip to content

S
statichtml
Commit 5ef2d82c authored by liaili's avatar liaili
Browse files
Options

all-update

parent 9923b394
Expand all Show whitespace changes
Inline Side-by-side
Showing with 833 additions and 606 deletions
.idea/workspace.xml
View file @ 5ef2d82c
This diff is collapsed.
src/entries/certification-process.html
View file @ 5ef2d82c
......@@ -8,7 +8,7 @@
<title>Title</title>
</head>
<body>
<header></header>
<section>
<div class="banner">
<img src="https://res.fudou6.com/c/4/20160805/rggYmFubmVyXzAz_264x237.png" alt=""/>
<span>抱歉，详细信息只对已在富豆平台认证成功的理财师开放</span>
......@@ -22,10 +22,8 @@
<p>Step 03 : 提交认证材料 , 等待审核即可</p>
<img src="https://res.fudou6.com/c/4/20160805/2jycGFnZS0wM18wMw==_660x1173.png" alt="">
</div>
<div class="loading-app">
<a href="">点击下载富豆优投APP</a>
</div>
<a href="" class="loading-app">点击下载富豆优投APP</a>
</section>
<script src="./common.js"></script>
<script src="certification-process.js"></script>
......
src/entries/certification-process.less
View file @ 5ef2d82c
@import 'normalize.less';
:global {
*{
box-sizing: border-box;
}
body,h1,h2,h3,h4,h5,h6,ul,li,ol,a,strong,span,p,img {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
body {
color: #494949;
font-family: Microsoft YaHei, simhei, Tahoma, Arial;
}
header {
height: 2rem;
background: #f00;
}
section {
.banner {
padding: 1rem 0.5rem;
background: #353950;
......@@ -38,6 +28,7 @@
.certification-process {
padding: 0.5rem;
h4 {
margin: 0;
font-size: 0.6rem;
color: #000;
}
......@@ -50,10 +41,9 @@
}
}
.loading-app {
a {
display: block;
text-align: center;
padding:0.5rem 0;
display: block;
font-size: 0.5rem;
color: #fff;
background: #ff494b;
......
src/entries/index.html
View file @ 5ef2d82c
......@@ -7,37 +7,29 @@
<link rel="stylesheet" type="text/css" href="./index.css"/>
</head>
<body>
<div class="product-notice">
<div>
<h2>超打通知</h2>
</div>
<div>
<p>
<article>
<header>
超打通知
</header>
<section>
【首誉光控凯宏资产3号】已经临界打超，待查账后确定具体金额，多退少补，请各位总即刻停止打款。今天务必尽快提供如下验资资料，最快验资成立！2号开放期的5810万等3号封账后明后天无缝对接！！
</p>
<p>
1. 身份证正反面
</p>
<p>
2. 银行卡正面
</p>
<p>
3. 客户打款凭条
</p>
<p>
<br/>
<br/>
1. 身份证正反面 <br/>
2. 银行卡正面 <br/>
3. 客户打款凭条 <br/>
4. 合同客户签署页照片第49、50页
</p>
<p>
<br/>
<br/>
特别注意（开户精确支行须精确以免耽误还本付息签署页写上
日期拍照）
</p>
</div>
<div class="time">
<span>2016-07-12 10:30</span>
</div>
</div>
</section>
<footer>
2016-07-12 10:30
</footer>
</article>
</body>
<script src="./common.js"></script>
<script src="./index.js"></script>
<script src="./flexible.debug.js"></script>
<!--<script src="./flexible.debug.js"></script>-->
</html>
src/entries/index.less
View file @ 5ef2d82c
:global {
*{
*{
box-sizing: border-box;
}
body {
}
body {
color: #fff;
font-family: Microsoft YaHei, simhei, Tahoma, Arial;
margin: 0;
}
.product-notice {
background: #313139;
& > div {
h2 {
width: 8.75rem;
}
:global {
article {
max-width:768px;
margin: 0 auto;
font-size: 0.5rem;
padding: 0.5rem 0 0.5rem;
&:before {
content: '';
display: inline-block;
width: 0.16rem;
height: 0.5rem;
background: #ff4a4b;
position: relative;
top: 0.06rem;
left: -0.3rem;
}
}
&:nth-child(2) {
border: 2px solid #222228;
padding: 0.5rem 0;
p {
width: 8.75rem;
margin: 0.3rem auto;
font-size: 0.4rem;
font-family: Adobe Heiti Std;
line-height: 0.6rem;
&:first-child {
margin-bottom: 0.8rem;
}
&:last-child {
margin-top: 0.8rem;
}
}
}
}
.time {
padding: 0.3rem 0;
width: 8.75rem;
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;
span {
font-size: 0.4rem;
}
}
}
}
......
src/entries/layout.html deleted 100644 → 0
View file @ 9923b394
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<header data-am-widget="header" class="am-header am-header-default">
<div class="am-header-left am-header-nav">
<a href="#left-link" class="">
<img class="am-header-icon-custom" src="data:image/svg+xml;charset&#x3D;utf-8,&lt;svg xmlns&#x3D;&quot;http://www.w3.org/2000/svg&quot; viewBox&#x3D;&quot;0 0 12 20&quot;&gt;&lt;path d&#x3D;&quot;M10,0l2,2l-8,8l8,8l-2,2L0,10L10,0z&quot; fill&#x3D;&quot;%23fff&quot;/&gt;&lt;/svg&gt;" alt=""/>
</a>
</div>
<h1 class="am-header-title">
<img src="http://s.amazeui.org/media/i/brand/amazeui-cw.png" />
</h1>
<div class="am-header-right am-header-nav">
<a href="#right-link" class="">
<img class="am-header-icon-custom" src="data:image/svg+xml;charset&#x3D;utf-8,&lt;svg xmlns&#x3D;&quot;http://www.w3.org/2000/svg&quot; viewBox&#x3D;&quot;0 0 42 26&quot; fill&#x3D;&quot;%23fff&quot;&gt;&lt;rect width&#x3D;&quot;4&quot; height&#x3D;&quot;4&quot;/&gt;&lt;rect x&#x3D;&quot;8&quot; y&#x3D;&quot;1&quot; width&#x3D;&quot;34&quot; height&#x3D;&quot;2&quot;/&gt;&lt;rect y&#x3D;&quot;11&quot; width&#x3D;&quot;4&quot; height&#x3D;&quot;4&quot;/&gt;&lt;rect x&#x3D;&quot;8&quot; y&#x3D;&quot;12&quot; width&#x3D;&quot;34&quot; height&#x3D;&quot;2&quot;/&gt;&lt;rect y&#x3D;&quot;22&quot; width&#x3D;&quot;4&quot; height&#x3D;&quot;4&quot;/&gt;&lt;rect x&#x3D;&quot;8&quot; y&#x3D;&quot;23&quot; width&#x3D;&quot;34&quot; height&#x3D;&quot;2&quot;/&gt;&lt;/svg&gt;" alt=""/>
</a>
</div>
</header>
</body>
</html>
src/entries/navitation-friend.html
View file @ 5ef2d82c
......@@ -9,23 +9,10 @@
<title>Title</title>
</head>
<body>
<header></header>
<div class="navitation-steps">
<div>
<p>1、点击页面右上角“ <strong>●</strong> <strong>●</strong> <strong>●</strong> ”</p>
<p>2、选择“<span>发送给朋友</span>“或”<span>分享到朋友圈</span>”。邀请好友入驻富豆优投</p>
</div>
</div>
<div class="mobile"><input type="text" placeholder="请输入手机号"/></div>
<div class="purchase"><a href="javascript:;">我要出单</a></div>
<footer>
<strong>
&copy;2015-2016 杭州枢纽科技有限公司 <br> 浙CP备16018845号 <br>
</strong>
<span>
点击"我要出单"代表已同意 <a href="javascript:;">&lt;&lt;注册协议&gt;&gt;</a>
</span>
</footer>
<article>
<p>1、点击页面右上角“ ● ● ● ”</p>
<p>2、选择“<span>发送给朋友</span>“或”<span>分享到朋友圈</span>”, 邀请好友入驻富豆优投。</p>
</article>
</body>
<script src="./common.js"></script>
<script src="./navitation-friend.js"></script>
......
src/entries/navitation-friend.less
View file @ 5ef2d82c
@import 'normalize.less';
:global {
*{
box-sizing: border-box;
}
body,h1,h2,h3,h4,h5,h6,ul,li,ol,a,strong,span,p {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
body {
color: #fff;
font-family: Microsoft YaHei, simhei, Tahoma, Arial;
}
header {
height: 2rem;
background: #f00;
}
.navitation-steps {
height: 10rem;
background: url(https://res.fudou6.com/c/4/20160804/q83YmdfMDI=_750x741.jpg)no-repeat center center;
background-size: cover;
& > div {
article {
background: #fff;
padding:1rem 1.2rem;
p {
......@@ -34,44 +16,5 @@
}
}
}
}
.mobile {
background: #1d1f21;
input {
width: 100%;
padding: 0.4rem 0;
text-align: center;
font-size: 0.4rem;
outline:none;
border: none;
color: #a6a6a6;
background: #1d1f21;
}
}
.purchase {
a {
text-align: center;
padding:0.4rem 0;
display: block;
font-size: 0.5rem;
color: #fff;
background: #a63030;
}
}
footer {
padding-top: 1.5rem;
padding-bottom: 0.3rem;
color: #949494;
font-size: 0.3rem;
line-height: 0.45rem;
text-align: center;
background: #0e141d;
span {
font-size: 0.35rem;
a {
text-decoration: underline;
color: #ff4a4a;
}
}
}
}
src/entries/navitation-record.html
View file @ 5ef2d82c
......@@ -8,67 +8,63 @@
<link rel="stylesheet" type="text/css" href="./navitation-record.css"/>
</head>
<body>
<header></header>
<section>
<div class="navitation">
<h2>尊敬的维基，您好</h2>
<div>
<h1>尊敬的维基，您好</h1>
<div class="navitation-amount">
<a href="javascript:;">绑定成功：2人</a>
<a href="javascript:;">邀请人数：10人</a>
</div>
</div>
<div class="users-list">
<div class="title">
<span></span>
<span><strong>手机号码</strong></span>
<span><strong>绑定状态</strong></span>
<span><strong>成单状态</strong></span>
<span></span>
</div>
<div>
<a href="" class="clear-float">
<span>01.</span>
<span>18766773541</span>
<span class="success-red">抢到了</span>
<span>已成单</span>
<span> <strong> > </strong> </span>
</a>
</div>
<div>
<a href="" class="clear-float">
<span>02.</span>
<span>18766773541</span>
<span class="success-red">抢到了</span>
<span>已成单</span>
<span> <strong> > </strong> </span>
</a>
</div>
<div>
<a href="" class="clear-float">
<span>03.</span>
<span>18766773541</span>
<span>未绑定</span>
<span>已成单</span>
<span> <strong> > </strong> </span>
</a>
</div>
<div>
<a href="" class="clear-float">
<span>04.</span>
<span>18766773541</span>
<span class="lose-green">被抢了</span>
<span>未成单</span>
<span> <strong> </strong> </span>
</a>
</div>
<div>
<a href="" class="clear-float">
<span>05.</span>
<span>18766773541</span>
<span class="lose-green">被抢了</span>
<span>已成单</span>
<span> <strong> </strong> </span>
</a>
</div>
<div class="user-list">
<table>
<thead>
<tr>
<th></th>
<th>手机号码</th>
<th>绑定状态</th>
<th>成单状态</th>
<th></th>
</tr>
</thead>
<tbody>
<tr>
<td>01.</td>
<td>18766773541</td>
<td class="success-red">抢到了</td>
<td>已成单</td>
<td><a href="">&gt;</a></td>
</tr>
<tr>
<td>02.</td>
<td>18766773541</td>
<td class="success-red">抢到了</td>
<td>已成单</td>
<td><a href="">&gt;</a></td>
</tr>
<tr>
<td>03.</td>
<td>18766773541</td>
<td>未绑定</td>
<td>已成单</td>
<td><a href="">&gt;</a></td>
</tr>
<tr>
<td>04.</td>
<td>18766773541</td>
<td class="lose-green">被抢了</td>
<td>未成单</td>
<td><a href=""></a></td>
</tr>
<tr>
<td>05.</td>
<td>18766773541</td>
<td class="lose-green">被抢了</td>
<td>已成单</td>
<td><a href=""></a></td>
</tr>
</tbody>
</table>
</div>
<div class="explain">
<h3>说明</h3>
......@@ -77,10 +73,8 @@
<p>-未绑定：被邀请用户未下载注册富豆优投APP或注册时未填写邀请码；</p>
<p>-被抢了：被邀请用户下载注册富豆优投APP时使用了其它邀请码。</p>
</div>
<div class="navitation-friend">
<a href="javascript:;">邀请好友入驻</a>
</div>
<a href="javascript:;" class="navitation-friend">邀请好友入驻</a>
</section>
</body>
<script src="./common.js"></script>
<script src="./navitation-record.js"></script>
......
src/entries/navitation-record.js
View file @ 5ef2d82c
......@@ -3,3 +3,5 @@
*/
import './navitation-record.html';
import './navitation-record.less';
// import './normalize.less';
src/entries/navitation-record.less
View file @ 5ef2d82c
@import 'normalize.less';
:global {
*{
box-sizing: border-box;
}
body,h1,h2,h3,h4,h5,h6,ul,li,ol,a,strong,span,p {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
color: #000000;
}
body {
color: #fff;
font-family: Microsoft YaHei, simhei, Tahoma, Arial;
}
header {
height: 2rem;
background: #f00;
}
section{
.navitation {
background: #353950 url(https://res.fudou6.com/c/4/20160804/udmYmctMDFfMDM=_749x66.png)no-repeat center bottom;
padding:1rem 0 2rem;
h2 {
h1 {
font-size: 0.55rem;
margin-bottom: 0.5rem;
text-align: center;
color: #fff;
}
& > div {
.navitation-amount {
width: 8rem;
margin: 0 auto;
&:after {
......@@ -36,10 +19,11 @@
clear: both;
}
a {
font-size: 0.4rem;
background: #494d68;
padding: 0.157rem 0.26rem;
border-radius: 0.11rem;
text-decoration: none;
font-size: 0.4rem;
background: #494d68;
color: #fff;
float: left;
&:last-child {
......@@ -48,63 +32,54 @@
}
}
}
.users-list {
.user-list {
padding: 0 20px;
background: #ececec;
div {
width: 9rem;
margin: 0 auto;
table {
width: 100%;
text-align: center;
border-collapse: collapse;
thead tr {
border-bottom: 1px solid #969696;
color: #222228;
font-size: 0.4rem;
&:nth-child(2):hover,
&:nth-child(3):hover,
&:nth-child(4):hover,
&:nth-child(5):hover {
background: #d8d8d8;
}
a {
display: block;
}
span {
display: block;
float: left;
text-align: center;
padding: 0.26rem 0;
th {
padding: 10px 0;
&:nth-child(1) {
width: 1rem;
width: 10%;
}
&:nth-child(2) {
width: 2rem;
width: 25%;
}
&:nth-child(3) {
width: 2.5rem;
width: 22.5%;
}
&:nth-child(4) {
width: 2.5rem;
&:nth-child(1) {
width: 22.5%;
}
&:nth-child(5) {
width: 1rem;
color: #c3c3c3;
&:nth-child(1) {
width: 10%;
}
}
&:first-child {
font-weight: bold;
font-size: 0.44rem;
}
&:last-child {
border-bottom: 0;
tbody tr {
border-bottom: 1px solid #969696;
&:hover {
background: #d8d8d8;
}
&:after {
content: '';
display: block;
clear: both;
td {
font-size: 14px;
padding: 10px 0;
a {
font-weight: bolder;
color: #c3c3c3;
text-decoration: none;
}
}
.clear-float:after {
content: '';
display: block;
clear: both;
&:last-child {
border-bottom: 0;
}
}
.success-red {
color: #ff494b;
......@@ -113,16 +88,16 @@
color: #66d03c;
}
}
}
.explain {
width: 9rem;
margin: 0 auto;
padding:0.26rem 0;
padding:10px 20px;
color: #969696;
font-size: 0.4rem;
font-size: 14px;
h3 {
font-size: 0.5rem;
font-size: 18px;
text-align: center;
position: relative;
padding: 0;
&:before {
content: '';
display: block;
......@@ -142,28 +117,28 @@
background: #fff;
position: absolute;
top:0.26rem;
left:3.6rem;
left:3.5rem;
z-index: -1;
}
}
h5 {
font-size: 0.5rem;
padding: 0.16rem 0 0.26rem;
margin: 0;
}
p {
line-height: 0.55rem;
}
}
.navitation-friend {
a {
width: 10rem;
display: block;
padding:0.55rem;
padding:0.55rem 0;
text-align: center;
font-size: 0.485rem;
font-weight: bold;
background: #ff494b;
color: #fff;
text-decoration: none;
}
}
}
......
src/entries/normalize.less 0 → 100755
View file @ 5ef2d82c
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
display: block;
}
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template, /* 1 */
[hidden] {
display: none;
}
/* Links
========================================================================== */
/**
* 1. Remove the gray background on active links in IE 10.
* 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
*/
a {
background-color: transparent; /* 1 */
-webkit-text-decoration-skip: objects; /* 2 */
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/* Forms
========================================================================== */
/**
* 1. Change font properties to `inherit` in all browsers (opinionated).
* 2. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea {
font: inherit; /* 1 */
margin: 0; /* 2 */
}
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input { /* 1 */
overflow: visible;
}
/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Correct the odd appearance in Chrome and Safari.
* 2. Correct the outline style in Safari.
*/
[type="search"] {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
src/entries/register-info.html
View file @ 5ef2d82c
......@@ -8,7 +8,6 @@
<title>Title</title>
</head>
<body>
<header></header>
<section>
<div class="banner">
<img src="https://res.fudou6.com/c/4/20160805/m9pYmFubmVyLTAy_179x179.png" alt="">
......
src/entries/register-info.less
View file @ 5ef2d82c
@import 'normalize.less';
:global{
*{
box-sizing: border-box;
}
body,h1,h2,h3,h4,h5,h6,ul,li,ol,a,strong,span,p {
margin: 0;
padding: 0;
}
a {
text-decoration: none;
}
body {
color: #000;
font-family: Microsoft YaHei, simhei, Tahoma, Arial;
}
header {
height: 2rem;
background: #f00;
text-decoration:none;
}
.banner {
padding: 1rem;
......@@ -49,6 +35,7 @@
float: left;
line-height: 1.6rem;
font-size: 0.6rem;
margin: 0;
}
a {
padding: 0.2rem 0.3rem;
......@@ -82,6 +69,7 @@
font-size: 0.6rem;
padding-left: 0.5rem;
border-bottom: 2px solid #b2b2b2;
margin: 0;
}
div {
width: 9rem;
......
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