鸿蒙js自定义底部菜单栏

本期组件

1.background-color   背景颜色

2.border  边框线   top  顶部

3.position：fixed   固定布局  bottom   靠最左边  left  靠底

4.display：flex 弹性布局

5justify-content: space-around  居中环绕

6.soild 实心线

7.flex-direction: column;  按列排放

8.font-size 字体大小

9.justify-content: center 水平居中

10.align-items: center;  垂直居中

11.font-weight:bold 字体加租

12.this 当前

13.align-items: flex-end; 贴底边线

14.onclick 点击事件  onclick="方法名({{传参参数}})"

一 js逻辑层

二 hml页面视图层

三  css样式层