bank.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Bank</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. <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
  10. <link rel="stylesheet" href="css/element-ui.css">
  11. <link rel="stylesheet" href="css/element@2.12.2.css">
  12. <link rel="stylesheet" href="css/index.css">
  13. </head>
  14. <body>
  15. <div class="container" id="index">
  16. <div class="Va-document">
  17. <div class="title-head">
  18. <i class="el-icon-postcard"></i>
  19. <span>{{lang.item1}}</span> <span style="font-size: 12px;">( JPEG . JPG . PNG . PDF )</span>
  20. </div>
  21. <div class="content-info">
  22. <div style="display: flex;justify-content: flex-end;">
  23. <div class="menu-logo chooseLang">
  24. <img v-if="langList[language] == 'ENGLISH'" style="width: 15px;height: 10px;margin: 0 4px" src="img/EN.jpg" alt="">
  25. <img v-if="langList[language] == '中文简体'" style="width: 15px;height: 10px;margin: 0 4px" src="img/CN.jpg" alt="">
  26. <el-dropdown trigger="click" @command="chooseLang">
  27. <span class="menu">
  28. {{langList[language]}}
  29. <i class="el-icon-arrow-down el-icon--right"></i>
  30. </span>
  31. <el-dropdown-menu slot="dropdown">
  32. <el-dropdown-item command="en">English</el-dropdown-item>
  33. <el-dropdown-item command="cn">中文简体</el-dropdown-item>
  34. </el-dropdown-menu>
  35. </el-dropdown>
  36. </div>
  37. </div>
  38. <div style="display: flex;justify-content: center;flex-wrap: wrap;">
  39. <el-upload
  40. class="avatar-uploader"
  41. :action="imgUrl + '/custom/bank/upload'"
  42. :headers="AccessToken"
  43. :show-file-list="false"
  44. :on-success="handleAvatarSuccess1"
  45. :before-upload="beforeAvatarUpload">
  46. <img style="height: 100%;width: 100%;" v-if="imageUrl" :src="imageUrl" class="avatar">
  47. <div style="width: 100%;height: 100%;" v-else>
  48. <i style="line-height: 80px" class="el-icon-picture-outline avatar-uploader-icon"></i>
  49. </div>
  50. </el-upload>
  51. <div class="updatePrompt" style="width: 100%;">
  52. <div style="margin: auto;max-width: 450px">
  53. <i class="el-icon-warning"></i>
  54. <span>{{lang.UpdatePrompt}}</span>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. <div style="display: flex;justify-content: center;">
  60. <el-button type="danger" @click="update">{{lang.btn}}</el-button>
  61. </div>
  62. </div>
  63. </div>
  64. <script src="js/vue.min.js"></script>
  65. <script src="js/axios.min.js"></script>
  66. <script src="js/element-ui.js"></script>
  67. <script src="js/element@2.12.2.js"></script>
  68. <script src="js/bank.js"></script>
  69. </body>
  70. </html>