index.vue 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <template>
  2. <view class="container">
  3. <uni-list :border="true">
  4. <uni-list-item title="昵称" >
  5. <view slot="footer" >
  6. {{userinfo.nickname}}
  7. </view>
  8. </uni-list-item>
  9. <uni-list-item title="手机号码" >
  10. <view slot="footer" >
  11. {{userinfo.phonenumber}}
  12. </view>
  13. </uni-list-item>
  14. <uni-list-item title="部门" >
  15. <view slot="footer" >
  16. {{userinfo.deptName}}
  17. </view>
  18. </uni-list-item>
  19. <uni-list-item title="身份证号码" >
  20. <view slot="footer" >
  21. {{userinfo.idCard}}
  22. </view>
  23. </uni-list-item>
  24. <uni-list-item title="银行卡号" >
  25. <view slot="footer" >
  26. {{userinfo.accNo}}
  27. </view>
  28. </uni-list-item>
  29. <uni-list-item title="开户行" >
  30. <view slot="footer" >
  31. {{userinfo.bank}}
  32. </view>
  33. </uni-list-item>
  34. </uni-list>
  35. </view>
  36. </template>
  37. <script>
  38. export default {
  39. data() {
  40. return {
  41. userinfo: this.$store.state.user.userinfo
  42. }
  43. },
  44. onLoad() {
  45. // console.log(this.userinfo, 'userinfo')
  46. },
  47. methods: {
  48. }
  49. }
  50. </script>
  51. <style lang="scss">
  52. page {
  53. background-color: #ffffff;
  54. }
  55. </style>