fenpei.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149
  1. <html>
  2. <head>
  3. <title>分配套餐</title></title>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport"
  7. content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover">
  8. <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/c/font_2056629_vzvl0jvb2q.css">
  9. <link rel="stylesheet" type="text/css" href="static/css/style.css">
  10. <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js"></script>
  11. <style>
  12. .g-head{
  13. display: flex;
  14. font-size: 1rem;
  15. color: rgb(99, 99, 100);
  16. font-weight: bold;
  17. margin: 1rem auto;
  18. width: 96%;
  19. }
  20. .g-serch{
  21. width: 96%;
  22. margin: 1rem auto;
  23. border: 1px #ccc solid;
  24. height: 2.4rem;
  25. font-size: 14px;
  26. padding-left: 1rem;
  27. line-height: 2.2rem;
  28. border-radius: 10px;
  29. }
  30. .g-serch input{
  31. border: none;
  32. height: 2rem;
  33. width: 76%;
  34. margin-left: 0.6rem;
  35. margin-right: 1rem;
  36. }
  37. .o-li{
  38. display: flex;
  39. justify-content: space-between;
  40. width: 96%;
  41. margin: 1rem auto;
  42. border-bottom: 1px solid #ccc;
  43. padding-bottom: 15px;
  44. }
  45. .o-li p{
  46. margin-top: 10px;
  47. }
  48. .o-li span{
  49. margin-left: 10px;
  50. }
  51. .o-right{
  52. text-align: right;
  53. }
  54. .o-right p{
  55. color: #ff768a;
  56. font-size: 14px;
  57. font-weight: 800;
  58. margin-right: 5%;
  59. }
  60. .o-right input{
  61. width: 18%;
  62. border: none;
  63. border-bottom: 1px solid #78787b;
  64. }
  65. .g-col-up{
  66. color: rgb(102, 241, 109);
  67. }
  68. .g-col-dow{
  69. color: rgb(250, 68, 68);
  70. }
  71. .o-left {
  72. color: rgb(131, 128, 128);
  73. width: 60%;
  74. }
  75. </style>
  76. </head>
  77. <body>
  78. <div class="g-main">
  79. <div class="g-head">
  80. <p style="transform: rotate(180deg);" onclick="window.history.go(-1);"><i class="iconfont iconxiangyou1"></i></p>
  81. <p style="margin-left: 35%;">分配套餐</p>
  82. </div>
  83. <div style="width: 100%;height: 1px;background-color: #ccc;"></div>
  84. <div class="g-serch"><i class="iconfont iconsousuo"></i><input type="text" name="serch" value="" placeholder="套餐名..."/>搜索</div>
  85. <div class="o-list">
  86. <div class="o-li">
  87. <div class="o-left">
  88. <p><span style="font-size: 16px;color: rgb(144, 147, 153);">1</span><span style="font-size: 16px;color: rgb(144, 147, 153);">|</span><span>(秒返)联通星空卡</span></p>
  89. <p style="color:#ccc">2023-04-02 12:23:20</p>
  90. </div>
  91. <div class="o-right">
  92. <p>我的:<input type="number" name="dlmoney" value="0"/></p>
  93. <p style="color:#5789e3">代理:<input type="number" name="dlmoney" value="0"/></p>
  94. </div>
  95. </div>
  96. <div class="o-li">
  97. <div class="o-left">
  98. <p><span style="font-size: 16px;color: rgb(144, 147, 153);">1</span><span style="font-size: 16px;color: rgb(144, 147, 153);">|</span><span>(秒返)联通星空卡</span></p>
  99. <p style="color:#ccc">2023-04-02 12:23:20</p>
  100. </div>
  101. <div class="o-right">
  102. <p>我的:<input type="number" name="dlmoney" value="0"/></p>
  103. <p style="color:#5789e3">代理:<input type="number" name="dlmoney" value="0"/></p>
  104. </div>
  105. </div>
  106. <div class="o-li">
  107. <div class="o-left">
  108. <p><span style="font-size: 16px;color: rgb(144, 147, 153);">1</span><span style="font-size: 16px;color: rgb(144, 147, 153);">|</span><span>(秒返)联通星空卡</span></p>
  109. <p style="color:#ccc">2023-04-02 12:23:20</p>
  110. </div>
  111. <div class="o-right">
  112. <p>我的:<input type="number" name="dlmoney" value="0"/></p>
  113. <p style="color:#5789e3">代理:<input type="number" name="dlmoney" value="0"/></p>
  114. </div>
  115. </div>
  116. <div class="o-li">
  117. <div class="o-left">
  118. <p><span style="font-size: 16px;color: rgb(144, 147, 153);">1</span><span style="font-size: 16px;color: rgb(144, 147, 153);">|</span><span>(秒返)联通星空卡</span></p>
  119. <p style="color:#ccc">2023-04-02 12:23:20</p>
  120. </div>
  121. <div class="o-right">
  122. <p>我的:<input type="number" name="dlmoney" value="0"/></p>
  123. <p style="color:#5789e3">代理:<input type="number" name="dlmoney" value="0"/></p>
  124. </div>
  125. </div>
  126. <div class="o-li">
  127. <div class="o-left">
  128. <p><span style="font-size: 16px;color: rgb(144, 147, 153);">1</span><span style="font-size: 16px;color: rgb(144, 147, 153);">|</span><span>(秒返)联通星空卡</span></p>
  129. <p style="color:#ccc">2023-04-02 12:23:20</p>
  130. </div>
  131. <div class="o-right">
  132. <p>我的:<input type="number" name="dlmoney" value="0"/></p>
  133. <p style="color:#5789e3">代理:<input type="number" name="dlmoney" value="0"/></p>
  134. </div>
  135. </div>
  136. </div>
  137. </div>
  138. </body>
  139. </html>