suecss.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. <template>
  2. <div class="img">
  3. <div style="width: 100%;height: 200px;"></div>
  4. <div style="text-align: center;">
  5. <image src="../../static/cg.png" style=" height: 150px; width: 150px; background-size: 100%,100%;"></image>
  6. </div>
  7. <br>
  8. <br>
  9. <br>
  10. <div style="text-align: center;">
  11. <h2 style="color: #FFFFFF;">成功 !</h2>
  12. </div>
  13. <br>
  14. <div style="text-align: center;">
  15. <span style="color: #FFFFFF;">您已成功更改密码,&nbsp;登录时请用新密码</span>
  16. </div>
  17. <br>
  18. <br>
  19. <br>
  20. <br>
  21. <button style="background-color: #FFFFFF; width: 50%;" @click="log()">马上登录</button>
  22. <div style="width: 100%;height: 150px;"></div>
  23. </div>
  24. </template>
  25. <script>
  26. import api from "@/api/api";
  27. export default {
  28. data() {
  29. return {
  30. }
  31. },
  32. created() {
  33. api.logout().then(res=>{
  34. uni.clearStorageSync()
  35. store.commit('SET_TOKEN',"");
  36. })
  37. },
  38. methods:{
  39. log:function(){
  40. uni.navigateTo({
  41. url:'/pages/login/login'
  42. })
  43. }
  44. }
  45. }
  46. </script>
  47. <style>
  48. .img{
  49. background-color: #0077AA;
  50. /* background: url(../../static/suc.jpeg) no-repeat;
  51. background-size:100% 100%; */
  52. }
  53. </style>