主要介绍了微信小程序 flex实现导航实例详解的相关资料,需要的朋友可以参考下

微信小程序 flex实现导航实例详解 实现示意： 1.链接顶部内边距，留出圆形图标的位置。 2.伪元素:before绘制圆形。 3.圆形中添加图标。 4.左右外边距控制间距，及促使在需要的地方换行。 wxml： 资本 …… wxss： .serviceMenu{ display:flex; //使用flex布局 flex-wrap:wrap; //子元素换行 justify-content:center