PHP群:95885625 Hbuilder+MUI群:81989597 站长QQ:634381967
    您现在的位置: 首页 > 开发编程 > HBuilderX教程 > 正文

    uniapp 顶部导航栏 高度自适应

    作者:admin来源:网络浏览:时间:2021-10-23 10:06:34我要评论
    导读:uniapp顶部导航栏高度如何自适应?
    uniapp顶部导航栏高度如何自适应?

    index.vue

    1. <template> 
    2.     <view> 
    3.         <view :style="'padding-top:'+ aaa +'px;height:'+bbb+'px;'"
    4.     </view>      
    5. </template> 

    index.js

     

    1. export default { 
    2.     data() {   
    3.         return { 
    4.            aaa:''
    5.           bbb:''
    6.         } 
    7.     }, 
    8.     onLoad() { 
    9.         const menu = uni.getMenuButtonBoundingClientRect() 
    10.     this.aaa=menu.top; 
    11.     this.bbb=menu.height; 
    12.     } 




     

    转载请注明(B5教程网)原文链接:https://b5.mxunkeji.com/content-146-6641-1.html