导航栏设计实现

今日在第二大学远程实习,想分享一下导航栏的制作。
先来看导航栏效果,当我们点击导航栏时会进入对应界面,比如点击服装,就会仅展示服装类的内容,电器展示电器类的内容。
image

先来看wxml中的代码
注意点: 并不是一个组件,它仅仅是一个包装元素,不会在页面中做任何渲染,只接受控制属性。
image

再来看js中的代码,通过wx.requext向lists接口获取导航栏的数据
image

导航栏分类之后,将高亮显示红色并带着参数classid访问list接口
image

posted @ 2023-03-22 15:25  星河Sky  阅读(30)  评论(0)    收藏  举报