Переглянути джерело

收款认领增加提示,已入账增加开票内容和发票抬头

outaozhen 8 роки тому
батько
коміт
38a366e143
3 змінених файлів з 35 додано та 1 видалено
  1. 19 0
      css/sui/global.css
  2. 4 1
      invoiceBilingMy.html
  3. 12 0
      invoiceBilingMyDetail.html

+ 19 - 0
css/sui/global.css

@@ -219,4 +219,23 @@
 }
 .item-inputLeft{
   margin:0 0 0 0.25rem !important;
+}
+.invoiceBtn{
+  position:relative;
+}
+.invoiceBtn .badge{
+  position:absolute;
+  top:0;
+  right: 0;
+  z-index: 100;
+  height: .8rem;
+  min-width: .8rem;
+  padding: 0 .2rem;
+  font-size: .6rem;
+  line-height: .8rem;
+  color: white;
+  vertical-align: top;
+  background: red;
+  border-radius: .5rem;
+  margin-left: .1rem;
 }

+ 4 - 1
invoiceBilingMy.html

@@ -21,7 +21,10 @@
         <div class="page page-current">
           <header class="bar bar-nav">
               <h1 class="title holidayTBg">我的收款</h1>
-              <a class="button pull-right" href="invoiceBiling.html">收款认领</a>
+              <div class="pull-right invoiceBtn">
+                <a class="button" href="invoiceBiling.html">收款认领</a>
+                <span class="badge">2</span>
+              </div>
           </header>
             <nav class="bar bar-tab">
                 <a class="tab-item external" href="invoiceMy.html">

+ 12 - 0
invoiceBilingMyDetail.html

@@ -92,6 +92,18 @@
                         <div class="item-after">#F20160316001</div>
                       </div>
                     </a>
+                    <li class="item-content">
+                      <div class="item-inner">
+                        <div class="item-title">开票内容</div>
+                        <div class="item-after">纵横公路工程造价管理系统V9.0</div>
+                      </div>
+                    </li>
+                    <li class="item-content">
+                      <div class="item-inner">
+                        <div class="item-title">发票抬头</div>
+                        <div class="item-after">珠海纵横创建软件有限公司</div>
+                      </div>
+                    </li>
                   </ul>
                 </div>
               </div>