es-top.vue 464 B

12345678910111213141516171819202122232425262728293031323334
  1. <template>
  2. <view :style="'height:'+top+'px'" >
  3. </view>
  4. </template>
  5. <script>
  6. export default {
  7. name:"es-top",
  8. data() {
  9. return {
  10. top:0,
  11. };
  12. },
  13. created:function(){
  14. let data = getApp().globalData;
  15. if(data.__czy_top)
  16. {
  17. this.top = data.__czy_top;
  18. }else{
  19. uni.getSystemInfo({
  20. success: (res) => {
  21. let top = res.safeArea.top;
  22. data.__czy_top = this.top = top;
  23. }
  24. });
  25. }
  26. }
  27. }
  28. </script>
  29. <style>
  30. </style>