mobile-main.vue 1.8 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <template>
  2. <div style="height: 100vh; width: 100vw">
  3. <van-nav-bar title="我的" @click-left="toHome">
  4. <template #left>
  5. <van-icon name="arrow-left" />
  6. </template>
  7. </van-nav-bar>
  8. <div class="bg02"></div>
  9. <van-row style="margin-top: 20%">
  10. <van-col :span="18" :offset="3" style="border-radius: 10px; overflow: hidden">
  11. <van-cell title="我的信息" @click="toMyInfo" is-link></van-cell>
  12. <van-cell title="当前版本号" value="V1.0"></van-cell>
  13. <van-cell title="密码修改" @click="toChangePsw" is-link></van-cell>
  14. <van-cell title="退出系统" @click="logout" is-link></van-cell>
  15. <div style="height: 80px; width: 100%; background-color: white"></div>
  16. </van-col>
  17. </van-row>
  18. </div>
  19. </template>
  20. <script>
  21. import { Toast } from 'vant'
  22. export default {
  23. data() {
  24. return {}
  25. },
  26. methods: {
  27. toHome() {
  28. this.$router.push('/mobile-home')
  29. },
  30. toMyInfo() {
  31. this.$router.push('/mobile-myInfor')
  32. },
  33. toChangePsw() {
  34. this.$router.push('/mobile-changePsw')
  35. },
  36. logout() {
  37. this.$store.dispatch('user/cleanCache').then(res => {
  38. Toast('退出成功')
  39. this.$router.push('/mobile-login')
  40. })
  41. }
  42. }
  43. }
  44. </script>
  45. <style scoped>
  46. .bg02 {
  47. background: url(../../assets/mobile-Page-Image/bg01.png) no-repeat;
  48. width: 100vw;
  49. height: 100vh;
  50. background-size: 100%;
  51. position: absolute;
  52. }
  53. ::v-deep .van-cell {
  54. height: 60px;
  55. line-height: 60px;
  56. }
  57. ::v-deep .van-cell__title {
  58. height: 60px;
  59. line-height: 60px;
  60. }
  61. ::v-deep .van-cell__right-icon {
  62. height: 60px;
  63. line-height: 60px;
  64. }
  65. </style>