index.html 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <style>
  2. .profile-avatar-container {
  3. position: relative;
  4. width: 100px;
  5. margin: 0 auto;
  6. }
  7. .profile-avatar-container .profile-user-img {
  8. width: 100px;
  9. height: 100px;
  10. }
  11. .profile-avatar-container .profile-avatar-text {
  12. display: none;
  13. }
  14. .profile-avatar-container:hover .profile-avatar-text {
  15. display: block;
  16. position: absolute;
  17. height: 100px;
  18. width: 100px;
  19. background: #444;
  20. opacity: .6;
  21. color: #fff;
  22. top: 0;
  23. left: 0;
  24. line-height: 100px;
  25. text-align: center;
  26. }
  27. .profile-avatar-container button {
  28. position: absolute;
  29. top: 0;
  30. left: 0;
  31. width: 100px;
  32. height: 100px;
  33. opacity: 0;
  34. }
  35. </style>
  36. <div class="panel panel-default panel-intro panel-nav">
  37. <div class="panel-heading">
  38. <ul class="nav nav-tabs">
  39. <li class="active"><a href="#one" data-toggle="tab"><i class="fa fa-list"></i> {:__('收入明细')}</a></li>
  40. </ul>
  41. </div>
  42. <div class="panel-body">
  43. <div id="myTabContent" class="tab-content">
  44. <div class="tab-pane fade active in" id="one">
  45. <div class="widget-body no-padding">
  46. <div id="toolbar" class="toolbar">
  47. {:build_toolbar('refresh')}
  48. </div>
  49. <table id="table" class="table table-striped table-bordered table-hover" width="100%">
  50. </table>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. </div>