小白开发微信小程序38--左侧分类导航页面实现

最新推荐文章于 2024-09-13 15:05:17 发布

hqwest

最新推荐文章于 2024-09-13 15:05:17 发布

阅读量794

点赞数 1

分类专栏：小白开发微信小程序文章标签：微信小程序微信开放平台 javascript 小程序前端 Powered by 金山文档

本文链接：https://blog.csdn.net/hqwest/article/details/129768851

版权

小白开发微信小程序专栏收录该内容

54 篇文章 51 订阅

订阅专栏

1、wxml

2、wxss


/* 分类课程布局 */
.course .cates-container {
    display: flex;
    /* 利用视图高度-上面图片-搜索框, */
    height: calc(100vh - 147px);
}
/* 左侧导航 */
.course .cates-container .leftmenu {
   width: 24%;
}
/* 左侧导航 */
.course .cates-container .leftmenu .menuitem{
    height: 110rpx;
    display: flex;
    margin-left: 2px;
    margin-top: 5px;
    font-size: 32rpx;
    align-items: center;
    justify-content: center;
}

/* 右侧内容 */
.course .cates-container .rightcontent {
    width: 76%;
 }