提交 fdb1d2d1 编写于 作者: G gongfuxiang

wallet

上级 1333df52
......@@ -74,12 +74,85 @@
</div>
<!-- 管理 -->
<div class="am-panel am-panel-secondary wallet-middle-list">
<div class="am-panel am-panel-secondary wallet-content-module">
<div class="am-panel-hd">
<span class="am-panel-title">管理</span>
</div>
<div class="am-panel-bd">
hello
<ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-avg-md-4 am-avg-lg-4 am-gallery-default" data-am-gallery="{ pureview: true }" >
<li class="module-wallet">
<div class="module-items">
<p class="title">钱包总数</p>
<p class="total animation-count-to" data-to="3" data-speed="1500">3</p>
<div class="small">
<span>昨日</span>
<span class="animation-count-to" data-to="197" data-speed="1500">197</span>
</div>
<div class="small">
<span>今日</span>
<span class="animation-count-to" data-to="35" data-speed="1500">35</span>
</div>
<div class="top-right">
<span>用户</span>
<span class="animation-count-to" data-to="12" data-speed="1500">12</span>
</div>
<a href="#" class="view-to">查看 <i class="am-icon-angle-double-right"></i></a>
</div>
</li>
<li class="module-cash">
<div class="module-items">
<p class="title">提现总数</p>
<p class="total animation-count-to" data-to="3" data-speed="1500">3</p>
<div class="small">
<span>昨日</span>
<span class="animation-count-to" data-to="197" data-speed="1500">197</span>
</div>
<div class="small">
<span>今日</span>
<span class="animation-count-to" data-to="35" data-speed="1500">35</span>
</div>
<div class="top-right">
<span>待处理</span>
<span class="animation-count-to" data-to="12" data-speed="1500">12</span>
</div>
<a href="#" class="view-to">查看 <i class="am-icon-angle-double-right"></i></a>
</div>
</li>
<li class="module-cash">
<div class="module-items">
<p class="title">充值总数</p>
<p class="total animation-count-to" data-to="3" data-speed="1500">3</p>
<div class="small">
<span>昨日</span>
<span class="animation-count-to" data-to="197" data-speed="1500">197</span>
</div>
<div class="small">
<span>今日</span>
<span class="animation-count-to" data-to="35" data-speed="1500">35</span>
</div>
<div class="top-right">
<span>待支付</span>
<span class="animation-count-to" data-to="12" data-speed="1500">12</span>
</div>
<a href="#" class="view-to">查看 <i class="am-icon-angle-double-right"></i></a>
</div>
</li>
<li class="module-cash">
<div class="module-items">
<p class="title">账户明细总数</p>
<p class="total animation-count-to" data-to="3" data-speed="1500">3</p>
<div class="small">
<span>昨日</span>
<span class="animation-count-to" data-to="197" data-speed="1500">197</span>
</div>
<div class="small">
<span>今日</span>
<span class="animation-count-to" data-to="35" data-speed="1500">35</span>
</div>
<a href="#" class="view-to">查看 <i class="am-icon-angle-double-right"></i></a>
</div>
</li>
</ul>
</div>
</div>
</div>
......
......@@ -9,4 +9,58 @@
}
.wallet-content-base .items {
border: 1px dashed #eee;
}
/**
* 模块
*/
.wallet-content-module .am-panel-bd, .wallet-content-module .am-panel-bd .am-gallery {
padding: 0;
}
.wallet-content-module .module-items {
text-align: left;
padding: 10px;
margin: 10px;
border-radius: 3px;
background: #68cffe;
position: relative;
}
.wallet-content-module .module-items p, .wallet-content-module .module-items .small {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.wallet-content-module .module-items p {
max-width: 100%;
}
.wallet-content-module .module-items .small {
max-width: calc(100% - 40px);
}
.wallet-content-module .module-items p {
font-size: 14px;
font-weight: 700;
margin: 0;
color: #fff;
}
.wallet-content-module .module-items p.total {
margin: 0 0 5px 0;
color: #fff;
font-size: 26px;
font-weight: 700;
}
.wallet-content-module .module-items .small span {
color: #f0f0f0;
font-size: 12px;
}
.wallet-content-module .module-items .top-right {
position: absolute;
top: 10px;
right: 10px;
color: #ddd;
}
.wallet-content-module .module-items .view-to {
position: absolute;
right: 10px;
bottom: 10px;
color: #fff;
}
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册