forget.vue 742 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <template>
  2. <view class="container">
  3. <view :style="{height: statusBarHeight + 'px'}"></view>
  4. <u-navbar back-text="返回" title="找回密码"></u-navbar>
  5. 忘记密码
  6. </view>
  7. </template>
  8. <script>
  9. export default {
  10. data() {
  11. return {
  12. statusBarHeight: 0,
  13. navBarHeight:0
  14. };
  15. },
  16. onReady() {
  17. const that = this;
  18. uni.getSystemInfo({
  19. success(e) {
  20. that.statusBarHeight = e.statusBarHeight;
  21. let custom = uni.getMenuButtonBoundingClientRect();
  22. that.navBarHeight = custom.height + (custom.top - e.statusBarHeight) * 2;
  23. }
  24. })
  25. },
  26. onLoad() {
  27. }
  28. }
  29. </script>
  30. <style lang="scss" scoped>
  31. .container {
  32. height: 100vh;
  33. width: 100vw;
  34. background-color: #ffffff;
  35. padding: 0 20rpx;
  36. }
  37. </style>