building.vue 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!-- https://www.kancloud.cn/dishaxueyuan/uni-app/1358897 onBackPress在小程序不生效 -->
  2. <template>
  3. <view class="pages">
  4. <view class="hold-status-bar show">
  5. <!-- 占据了状态栏位置 -->
  6. </view>
  7. <view class="custom-nav">
  8. <view class="custom-nav-left" @click="$api.goback"><text class="iconfont icon-jiantou"></text></view>
  9. <view class="custom-nav-center"></view>
  10. </view>
  11. <image :src="$getimg + 'building.png'" class="building-img" mode="heightFix"></image>
  12. <view class="building-text">正在建设中<text class="dotting"></text></view>
  13. </view>
  14. </template>
  15. <script>
  16. export default {
  17. data() {
  18. return {
  19. $getimg:this.$getimg,
  20. token:'',
  21. params:{
  22. }
  23. }
  24. },
  25. onBackPress(options) {
  26. console.log('onBackPress options',options);
  27. if (options.from === 'navigateBack') {
  28. return false;
  29. }
  30. this.back();
  31. return true;
  32. },
  33. onShow() {
  34. let serf = this;
  35. },
  36. onLoad() {
  37. var pages = getCurrentPages();
  38. console.log('pages',pages);
  39. let menuButtonInfo = uni.getMenuButtonBoundingClientRect();//胶囊按钮信息
  40. console.log('menuButtonInfo',menuButtonInfo);
  41. },
  42. methods: {
  43. }
  44. }
  45. </script>
  46. <style>
  47. /* @import url("./building.css"); */
  48. page{background-color: #F5F5F5;text-align: center;}
  49. .custom-nav{background-color: #fff;color: #333;padding-bottom: 20rpx;}
  50. .building-img{margin-top: 408rpx;width: 240rpx;height: 240rpx;margin-bottom: 36rpx;}
  51. .building-text{font-size: 30rpx;color: #999;line-height: 45rpx;font-weight: 400;}
  52. </style>