鸿蒙js自定义底部菜单栏

魔法少女郭德纲
发布于 2021-1-28 14:02
浏览
2收藏

 

本期组件

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逻辑层

鸿蒙js自定义底部菜单栏-鸿蒙开发者社区

二 hml页面视图层

鸿蒙js自定义底部菜单栏-鸿蒙开发者社区

三  css样式层

鸿蒙js自定义底部菜单栏-鸿蒙开发者社区

鸿蒙js自定义底部菜单栏-鸿蒙开发者社区

鸿蒙js自定义底部菜单栏-鸿蒙开发者社区

鸿蒙js自定义底部菜单栏-鸿蒙开发者社区

4
收藏 2
回复
举报
4条回复
按时间正序
/
按时间倒序
六合李欣
六合李欣

写得非常的细致,建议代码不要贴图

1
回复
2021-1-28 14:15:45
六合李欣
六合李欣

这样的总结非常好,条理清楚

回复
2021-1-30 23:11:21
张荣超_九丘教育
张荣超_九丘教育

赞一个!

回复
2021-1-31 01:16:37
BLUESKYHOST
BLUESKYHOST

https://blog.csdn.net/BLUESKYHOST/article/details/112238001

这个是Java版本的可以大家看看 里面有源码地址

回复
2021-2-6 09:09:18
回复
    相关推荐