1、需要一个外层view,将内层水平的子view包含进来,保证内层view的灵活行,是用遍历tabs数组的形式进行。
2、水平平分导航栏包含一个外层view和多个内层view,内层view是水平排列,外层view需使用css的flex属性,同时内层各个view平分,内层view需要设置flex等于1。
3、在data中定义一个数组tabs,用于存放要展示的导航项,需要使用可滑动导航栏。
第一步:首先我们需要进入小程序开发工具,然后点击顶部工具栏中的设置选项,并选择下拉菜单中的编辑设置。第二步:接着d出编辑设置框,在编辑框的顶部选择外观设置。
第三步:在外观设置中将会看到有一个字号的选择项,接着就会看到字号的选项,直接设置字号即可修改字体大小。
一、设置自定义顶部导航
Navigation是小程序的顶部导航组件,当页面配置 navigationStyle 设置为 custom 的时候可以使用此组件替代原生导航栏。
1.全局顶部导航自定义,在app.json的“window”里添加"navigationStyle": "custom"
2.只在某一个页面自定义顶部导航,在该页面的json文件里添加"navigationStyle": "custom"
二、具体的导航块根据需要自行书写
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)