本文介绍了微信小程序中实现侧栏分类的详细步骤，包括WXSS样式设计和JS交互逻辑。通过创建主盒子、左侧栏和右侧栏，设置不同组件样式，并提供网络请求示例填充数据。此外，分享了个人技术成长建议，强调持续学习和基础巩固的重要性。
wxss：
page{
background: #f5f5f5;
}
/总体主盒子/
.container {
position: relative;
width: 100%;
height: 100%;
background-color: #fff;
color: #939393;
}
/左侧栏主盒子/
.nav_left{
/设置行内块级元素（没使用定位）/
display: inline-block;
width: 25%;
height: 100%;
/主盒子设置背景色为灰色/
background: #f5f5f5;
text-align: center;
}
/左侧栏list的item/
.nav_left .nav_left_items{
/每个高30px/
height: 30px;
/垂直居中/
line-height: 30px;
/再设上下padding增加高度，总高42px/
padding: 6px 0;
/只设下边线/
border-bottom: 1px solid #dedede;
/文字14px/
font-size: 14px;
}
/左侧栏list的item被选中时/
.nav_left .nav_left_it
最低0.47元/天 解锁文章
650
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
