payment.html 5.9 KB

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