Você não pode selecionar mais de 25 tópicos Os tópicos devem começar com uma letra ou um número, podem incluir traços ('-') e podem ter até 35 caracteres.
 
 
 
 
 
 

93 linhas
3.1 KiB

  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title></title>
  6. <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
  7. <link href="css/mui.min.css" rel="stylesheet" />
  8. <link href="css/style.css" rel="stylesheet" />
  9. <script src="js/mui.min.js"></script>
  10. <script src="js/app.js"></script>
  11. <style>
  12. .mui-table-view{ margin-top: 10px;}
  13. .span1{ color: deepskyblue;}
  14. .span2{ color: #c70f1a; font-size: 13px;line-height: 24px;}
  15. .mui-ellipsis{line-height: 24px;}
  16. .mui-content-padded{ margin-top: 10px; text-align: center;}
  17. .mui-btn-blue{background-color: #0193df; border: #0193DF; }
  18. </style>
  19. </head>
  20. <body>
  21. <header class="mui-bar mui-bar-nav">
  22. <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
  23. <h1 class="mui-title">缴费</h1>
  24. </header>
  25. <div class="mui-content">
  26. <ul class="mui-table-view">
  27. <li class="mui-table-view-cell mui-media">
  28. <a href="javascript:;">
  29. <div class="mui-media-body">
  30. <span class="span1">基础信息</span>
  31. <p class='mui-ellipsis'>姓名:刘向华</p>
  32. <p class='mui-ellipsis'>性别:男</p>
  33. <p class='mui-ellipsis'>手机号:14567815648</p>
  34. <p class='mui-ellipsis'>报名专业:(五年高级工)电气自动化设备安装与维修</p>
  35. <p class='mui-ellipsis'>所属校区:总校区</p>
  36. </div>
  37. </a>
  38. </li>
  39. </ul>
  40. <ul class="mui-table-view">
  41. <li class="mui-table-view-cell mui-media">
  42. <a href="javascript:;">
  43. <div class="mui-media-body">
  44. <span class="span1">费用明细</span>
  45. <p class='mui-ellipsis'>费用名称 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;缴费金额(元)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 说明</p>
  46. <p class='mui-ellipsis'>第一学期 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;4800元</p>
  47. <span class="span2">费用总计:4800(元)</span><br />
  48. </div>
  49. </a>
  50. </li>
  51. </ul>
  52. <ul class="mui-table-view">
  53. <li class="mui-table-view-cell mui-media">
  54. <a href="javascript:;">
  55. <div class="mui-media-body">
  56. <span class="span1">支付方式</span><br />
  57. <span class="span2">请您汇款至我们校区的账户,汇款完毕后及时联系我们。</span><br />
  58. <span class="span2">财务部:0351-2802263 &nbsp;&nbsp;&nbsp; 招生部:0351-2802791</span>
  59. <p class='mui-ellipsis'>名称:山西冶金技师学院</p>
  60. <p class='mui-ellipsis'>开户行:工商银行并州支行(备注:转白杨树支行)</p>
  61. <p class='mui-ellipsis'>账号:0502 2048 1902 4507 090</p>
  62. </div>
  63. </a>
  64. </li>
  65. </ul>
  66. <div class="mui-content-padded">
  67. <button type="button" class="mui-btn mui-btn-blue">
  68. 支付宝支付
  69. </button>
  70. <button type="button" class="mui-btn mui-btn-blue" style="margin-left: 15px;">
  71. 微信支付
  72. </button>
  73. <button type="button" class="mui-btn mui-btn-blue" style="margin-left: 15px;">
  74. 网银支付
  75. </button>
  76. </div>
  77. </div>
  78. </div>
  79. </body>
  80. </html>