我的第一個手機頁面

最後更新：2014-11-25 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

標籤：style io ar color sp java for on div

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="black" name="apple-mobile-web-app-status-bar-style" />
<meta content="telephone=no" name="format-detection" />
<title>愛融網-網路理財新體驗,安全投資,快樂理財，網貸首選</title>
<link href="css/head.css" rel="stylesheet"/>
<link href="css/myAccount.css" rel="stylesheet"/>
<style>
header{ background:#d7d6d6; height:44px; padding:20px 0%; text-align:center; }
header .iconfont{ font-size:42px; color:#fff;}
header li{ float:left; width:13%;}

.earnings{ background:#53bcdf; height:193px; color:#fff; width:100%; }
.earnings .earnings-box{ width:92%; margin:0 auto;}
.earnings p{ line-height:77px; height:77px;}
.earnings-box div{ font-size:56px;}

.asset{ padding:40px 0; width:92%; margin:0 auto; height:70px;}
.asset li{ float:left; width:50%; font-size:28px;}
.asset li p{ height:43px; font-size:18px;}

.list ul{ border:1px solid #dbdbdb;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius: 10px; border-radius:10px; border-radius:10px; margin-bottom:20px; font-size:24px; background:#fff;}
.list ul:nth-last-child(2){ font-size:18px;}
.list ul li{ padding:0 3.4%; height:74px; line-height:74px; border-bottom:1px solid #dbdbdb;}
.list ul li:nth-last-child(1){border:none;}
.list ul li a{ display:block; height:100%; overflow:hidden; color:#555555;}
.list .iconfont{color:#dbdbdb;}
footer{ margin-bottom:20px;}
footer a{ display:inline-block; margin:0 1.6%; height:60px; background:#ff4400; color:#fff; width:45%; line-height:60px; font-size:30px; text-align:center;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius: 10px; border-radius:10px; }
</style>
</head>

<body>
<header>
<ul class="box clear">
<li><i class="iconfont" style=" margin-left:-20px;">󰅮</i></li>
<li style=" width:74%; font-size:38px; line-height:44px;"><span>username</span></li>
<li><i class="iconfont">󰄾</i></li>
</ul>
</header>

<div class="earnings">
<div class="box">
<div class="earnings-box">
<p>累計收益(元):</p>
<div><span>456456.23</span></div>
</div>
</div>
</div>
<div class="box">
<ul class="clear asset">
<li>
<p>愛融資產(元)</p>
<span>41456.23</span>
</li>
<li>
<p>可用餘額(元)</p>
<span>456456.231</span>
</li>
</ul>
<div class="list">
<ul>
<li>
<a href="javascript:;">
<span class="left">資金記錄</span>
<i class="iconfont right">󰅭</i>
</a>
</li>
<li>
<a href="javascript:;">
<span class="left">投資記錄</span>
<i class="iconfont right">󰅭</i>
</a>
</li>
<li>
<a href="javascript:;">
<span class="left">回款計劃</span>
<i class="iconfont right">󰅭</i>
</a>
</li>
</ul>
<ul>
<li>

<span class="left">可用紅包</span>
<i class="right"><span>500</span>元</i>

</li>
<li>
<span class="left">可用愛融劵</span>
<i class="right"><span>500</span>元</i>
</li>

</ul>
<ul>
<li>
<a href="javascript:;">
<span class="left">網站公告</span>
<i class="iconfont right">󰅭</i>
</a>
</li>
<li>
<a href="javascript:;">
<span class="left">系統訊息</span>
<i class="iconfont right">󰅭</i>
</a>
</li>

</ul>
</div>
<footer>
<p>
<a href="javascript:;">儲值</a>
<a href="javascript:;" style=" background:#dbdbdb; color:#555">提現</a>
</p>
</footer>
</div>

</body>
</html>

我的第一個手機頁面

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

我的第一個手機頁面

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support