index.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192
  1. <style type="text/css">
  2. .sm-st {
  3. background: #fff;
  4. padding: 20px;
  5. -webkit-border-radius: 3px;
  6. -moz-border-radius: 3px;
  7. border-radius: 3px;
  8. margin-bottom: 20px;
  9. -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
  10. box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
  11. }
  12. .sm-st-icon {
  13. width: 60px;
  14. height: 60px;
  15. display: inline-block;
  16. line-height: 60px;
  17. text-align: center;
  18. font-size: 30px;
  19. background: #eee;
  20. -webkit-border-radius: 5px;
  21. -moz-border-radius: 5px;
  22. border-radius: 5px;
  23. float: left;
  24. margin-right: 10px;
  25. color: #fff;
  26. }
  27. .sm-st-info {
  28. font-size: 12px;
  29. padding-top: 2px;
  30. }
  31. .sm-st-info span {
  32. display: block;
  33. font-size: 24px;
  34. font-weight: 600;
  35. }
  36. .orange {
  37. background: #fa8564 !important;
  38. }
  39. .tar {
  40. background: #45cf95 !important;
  41. }
  42. .sm-st .green {
  43. background: #86ba41 !important;
  44. }
  45. .pink {
  46. background: #AC75F0 !important;
  47. }
  48. .yellow-b {
  49. background: #fdd752 !important;
  50. }
  51. .stat-elem {
  52. background-color: #fff;
  53. padding: 18px;
  54. border-radius: 40px;
  55. }
  56. .stat-info {
  57. text-align: center;
  58. background-color: #fff;
  59. border-radius: 5px;
  60. margin-top: -5px;
  61. padding: 8px;
  62. -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
  63. box-shadow: 0 1px 0px rgba(0, 0, 0, 0.05);
  64. font-style: italic;
  65. }
  66. .stat-icon {
  67. text-align: center;
  68. margin-bottom: 5px;
  69. }
  70. .st-red {
  71. background-color: #F05050;
  72. }
  73. .st-green {
  74. background-color: #27C24C;
  75. }
  76. .st-violet {
  77. background-color: #7266ba;
  78. }
  79. .st-blue {
  80. background-color: #23b7e5;
  81. }
  82. .stats .stat-icon {
  83. color: #28bb9c;
  84. display: inline-block;
  85. font-size: 26px;
  86. text-align: center;
  87. vertical-align: middle;
  88. width: 50px;
  89. float: left;
  90. }
  91. .stat {
  92. white-space: nowrap;
  93. overflow: hidden;
  94. text-overflow: ellipsis;
  95. display: inline-block;
  96. }
  97. .stat .value {
  98. font-size: 20px;
  99. line-height: 24px;
  100. overflow: hidden;
  101. text-overflow: ellipsis;
  102. font-weight: 500;
  103. }
  104. .stat .name {
  105. overflow: hidden;
  106. text-overflow: ellipsis;
  107. }
  108. .stat.lg .value {
  109. font-size: 26px;
  110. line-height: 28px;
  111. }
  112. .stat.lg .name {
  113. font-size: 16px;
  114. }
  115. .stat-col .progress {
  116. height: 2px;
  117. }
  118. .stat-col .progress-bar {
  119. line-height: 2px;
  120. height: 2px;
  121. }
  122. .item {
  123. padding: 30px 0;
  124. }
  125. #statistics .panel {
  126. min-height: 150px;
  127. }
  128. #statistics .panel h5 {
  129. font-size: 13px;
  130. }
  131. </style>
  132. <div class="panel panel-default panel-intro">
  133. <div class="panel-heading">
  134. {:build_heading(null, false)}
  135. <ul class="nav nav-tabs">
  136. <!-- <li class="active"><a href="#one" data-toggle="tab">{:__('Dashboard')}</a></li>-->
  137. <li class="active"><a href="#two" data-toggle="tab">{:__('基本数据')}</a></li>
  138. </ul>
  139. </div>
  140. <div class="panel-body">
  141. <div id="myTabContent" class="tab-content">
  142. <div class="tab-pane fade active in" id="two">
  143. <div class="row">
  144. <div class="col-xs-12">
  145. <div style="text-align: center; font-size: 20px;">
  146. <img src="/assets/img/logo512.png" style="border-radius: 50px;" width="100px">
  147. </div><br/>
  148. <div style="text-align: center; font-size: 20px;">
  149. 渠道ID: {$user['id']} &nbsp;&nbsp;&nbsp;&nbsp;<br/><br/>通用邀请码: {$user['introcode']}
  150. </div><br/>
  151. <div style="text-align: center; font-size: 20px;">
  152. 推广链接:<br/>{$extend_link}
  153. </div><br/>
  154. <!--<div style="text-align: center; font-size: 20px;">
  155. 推广二维码:<br/>
  156. <a href="{$extend_qrcode}" target="_blank"><img src="{$extend_qrcode}" width="100px"></a>
  157. </div>-->
  158. </div>
  159. </div>
  160. </div>
  161. </div>
  162. </div>
  163. </div>