payment.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Update</title>
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <meta name="full-screen" content="yes">
  8. <meta name="x5-fullscreen" content="true">
  9. <link rel="stylesheet" href="css/element-ui.css">
  10. <link rel="stylesheet" href="css/element@2.12.2.css">
  11. <style>
  12. html,body{
  13. width: 100%;
  14. height: 100%;
  15. margin: 0;
  16. padding: 0;
  17. box-sizing: border-box;
  18. }
  19. #payment{
  20. width: 100%;
  21. height: 100%;
  22. min-width: 1080px;
  23. overflow: hidden;
  24. }
  25. #payment>.content{
  26. width: 100%;
  27. height: 100%;
  28. box-sizing: border-box;
  29. display: flex;
  30. justify-content: center;
  31. align-content: center;
  32. align-items: center;
  33. overflow: scroll;
  34. }
  35. </style>
  36. </head>
  37. <body>
  38. <div id="payment" style="width: 100%;height: 100%;">
  39. <div class="content">
  40. <div style="width: 640px;height: 750px;">
  41. <div
  42. style="height: auto;border: 1px solid #E1E1E1;border-bottom:2px solid rgba(235, 63, 87, 1);background-color: #ffffff;padding: 25px;font-size: 14px">
  43. <div style="border-bottom: 1px solid #E1E1E1;padding-bottom: 25px;display: flex;justify-content: space-between;">
  44. <img style="display: block;" src="img/logo.png" alt="">
  45. <div class="" id="">
  46. <ul class="navbar-nav ms-auto" style="list-style-type: none;">
  47. <li class="nav-item">
  48. <el-dropdown trigger="click" @command="chooseLang">
  49. <span class="menu language-box">
  50. {{langList[language]}}
  51. <i class="el-icon-arrow-down el-icon--right"></i>
  52. </span>
  53. <el-dropdown-menu slot="dropdown">
  54. <el-dropdown-item command="cn">中文简体</el-dropdown-item>
  55. <el-dropdown-item command="zhHant">中文繁体</el-dropdown-item>
  56. <el-dropdown-item command="en">English</el-dropdown-item>
  57. <el-dropdown-item command="vn">Tiếng Việt</el-dropdown-item>
  58. <el-dropdown-item command="de">Deutsch</el-dropdown-item>
  59. <el-dropdown-item command="es">Español</el-dropdown-item>
  60. <el-dropdown-item command="id">Indonesian</el-dropdown-item>
  61. <el-dropdown-item command="ms">Melayu</el-dropdown-item>
  62. <el-dropdown-item command="th">ภาษาไทย</el-dropdown-item>
  63. <el-dropdown-item command="ar">العربية</el-dropdown-item>
  64. <el-dropdown-item command="ko">한국어</el-dropdown-item>
  65. <el-dropdown-item command="pt">Português</el-dropdown-item>
  66. <el-dropdown-item command="fa">زبان پارسی</el-dropdown-item>
  67. <el-dropdown-item command="tr">Türkçe</el-dropdown-item>
  68. </el-dropdown-menu>
  69. </el-dropdown>
  70. </li>
  71. </ul>
  72. </div>
  73. </div>
  74. <div style="width: 100%;">
  75. <div style="margin: auto;width: 100px;padding-top: 30px;"><img style="width: 100%;" src="img/wait.png" alt="">
  76. </div>
  77. <div style="font-size: 18px;font-weight: bold;padding: 25px 0;text-align: center;">{{lang.item1}}</div>
  78. <div style="padding: 20px 0 40px;line-height: 2;text-align: center;">{{lang.item2}}
  79. <span><a :href="'https://secure.' + ho + '.com/'"
  80. style="font-weight: 700;text-decoration: underline;color: #368FEC;">{{lang.item3}}</a></span> {{lang.item4}}
  81. </div>
  82. <div style="padding: 25px 0;"></div>
  83. </div>
  84. <div style="display: flex;padding: 35px 0;border-top: 1px solid #E1E1E1;border-bottom: 1px solid #E1E1E1;">
  85. <div style="width: 100px;margin-right: 30px;"><img style="width: 100%;" src="img/kf.png" alt=""></div>
  86. <div style="color: #797979;font-size: 12px;line-height: 2;">{{lang.item5}} <span
  87. style="color: #368FEC;text-decoration: underline;font-weight: bold;">{{lang.item6}}</span> {{lang.item7}} <span
  88. style="color: #368FEC;text-decoration: underline;font-weight: bold;">{{lang.item8}}</span>
  89. {{lang.item9}}
  90. </div>
  91. </div>
  92. <div style="color: #AEAEAE;padding: 30px 0;font-size: 12px;line-height: 1.6;">
  93. <span style="font-weight: bold;">{{lang.item10}}</span>{{lang.item11}}
  94. </div>
  95. <div style="display: flex;justify-content: space-between;align-content: center;">
  96. <div style="font-weight: bold;font-size: 12px;">{{lang.item12}}</div>
  97. <div>
  98. <a href="https://www.youtube.com/channel/UCsezhM2kqgoJ5s4wyU2XFqw?view_as=subscriber"><img
  99. style="margin-left: 15px;width: 25px;" src="img/1.png" alt=""></a>
  100. <a href="https://www.facebook.com/cwgmarkets-113157100404084/"><img style="margin-left: 15px;width: 25px;"
  101. src="img/2.png" alt=""></a>
  102. <a href="https://www.linkedin.com/company/20863443"><img style="margin-left: 15px;width: 25px;"
  103. src="img/3.png" alt=""></a>
  104. <a href="https://instagram.com/cwgmarkets?igshid=5o01ctz1iser"><img style="margin-left: 15px;width: 25px;"
  105. src="img/4.png" alt=""></a>
  106. <a href="https://twitter.com/MarketsCwg"><img style="margin-left: 15px;width: 25px;" src="img/5.png"
  107. alt=""></a>
  108. </div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>
  114. <script src="js/vue.min.js"></script>
  115. <script src="js/axios.min.js"></script>
  116. <script src="js/element-ui.js"></script>
  117. <script src="js/element@2.12.2.js"></script>
  118. <script src="js/payment.js"></script>
  119. </body>
  120. </html>