|
@@ -1,6 +1,93 @@
|
|
|
<template>
|
|
|
<div>
|
|
|
-
|
|
|
+ <header class="mui-bar mui-bar-nav">
|
|
|
+ <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
|
|
|
+ <h1 class="mui-title">账单记录</h1>
|
|
|
+ </header>
|
|
|
+ <div class="mui-content vongi-zd">
|
|
|
+ <div class="mui-content-padded">
|
|
|
+ <h5>本月</h5>
|
|
|
+ </div>
|
|
|
+ <ul class="mui-table-view vongi-zd-list">
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <a>
|
|
|
+ <div class="mui-media-object mui-pull-left">
|
|
|
+ <img src="~$project/assets/img/zd_dian.png">
|
|
|
+ </div>
|
|
|
+ <div class="mui-media-body">
|
|
|
+ <div class='mui-ellipsis flew-sp flew-items'>9月电费账单<span class="mui-h2">56.06</span></div>
|
|
|
+ <p>生活缴费</p>
|
|
|
+ <p>09-16 15:00</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <a>
|
|
|
+ <div class="mui-media-object mui-pull-left">
|
|
|
+ <img src="~$project/assets/img/zd_shui.png">
|
|
|
+ </div>
|
|
|
+ <div class="mui-media-body">
|
|
|
+ <div class='mui-ellipsis flew-sp flew-items'>9月电费账单<span class="mui-h2">56.06</span></div>
|
|
|
+ <p>生活缴费</p>
|
|
|
+ <p>09-16 15:00</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <a>
|
|
|
+ <div class="mui-media-object mui-pull-left">
|
|
|
+ <img src="~$project/assets/img/zd_fang.png">
|
|
|
+ </div>
|
|
|
+ <div class="mui-media-body">
|
|
|
+ <div class='mui-ellipsis flew-sp flew-items'>9月电费账单<span class="mui-h2">56.06</span></div>
|
|
|
+ <p>生活缴费</p>
|
|
|
+ <p>09-16 15:00</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ <div class="mui-content-padded">
|
|
|
+ <h5>九月</h5>
|
|
|
+ </div>
|
|
|
+ <ul class="mui-table-view vongi-zd-list">
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <a>
|
|
|
+ <div class="mui-media-object mui-pull-left">
|
|
|
+ <img src="~$project/assets/img/zd_dian.png">
|
|
|
+ </div>
|
|
|
+ <div class="mui-media-body">
|
|
|
+ <div class='mui-ellipsis flew-sp flew-items'>9月电费账单<span class="mui-h2">56.06</span></div>
|
|
|
+ <p>生活缴费</p>
|
|
|
+ <p>09-16 15:00</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <a>
|
|
|
+ <div class="mui-media-object mui-pull-left">
|
|
|
+ <img src="~$project/assets/img/zd_shui.png">
|
|
|
+ </div>
|
|
|
+ <div class="mui-media-body">
|
|
|
+ <div class='mui-ellipsis flew-sp flew-items'>9月电费账单<span class="mui-h2">56.06</span></div>
|
|
|
+ <p>生活缴费</p>
|
|
|
+ <p>09-16 15:00</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ <li class="mui-table-view-cell">
|
|
|
+ <a>
|
|
|
+ <div class="mui-media-object mui-pull-left">
|
|
|
+ <img src="~$project/assets/img/zd_fang.png">
|
|
|
+ </div>
|
|
|
+ <div class="mui-media-body">
|
|
|
+ <div class='mui-ellipsis flew-sp flew-items'>9月电费账单<span class="mui-h2">56.06</span></div>
|
|
|
+ <p>生活缴费</p>
|
|
|
+ <p>09-16 15:00</p>
|
|
|
+ </div>
|
|
|
+ </a>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|