uni-app布局设置

1、水平居中

需求,类似于Android的帧布局,下方一个大背景,上方底部居中显示一张小图片

    

    

    

                    src="../../static/scan_code.png">     

 

2、text 不换行 即一行显示 超出省略

white-space: nowrap;

overflow: hidden;

text-overflow: ellipsis;

3、隐藏默认的titlebar:在pages.json文件里的pages节点里对应的页面路径下

"style": {

    "app-plus":{

        "titleNView":false

    },

}

3、类Android权重weight

style="flex-grow: 1;"

flex-grow类似于Android里的weight:1

你可能感兴趣的:(uni-app布局设置)