最近在做一个小程序项目时,
分类的页面呢主要分两个部分,左右
左右分别滚动,互不干扰
感觉自己学的css都忘到家了,之前用vue实现的仿京东页面,和这个布局差不多,
那么开始实现吧
如何实现呢?
由于没什么逻辑性的东西,直接上代码吧
wxml部分
<view class="page">
<view class="flex_row">
<view class="nav_left" >
<view style="height:1500rpx;">左侧分类</view>
</view>
<view class="nav_right">
<scroll-view class="nav_right_list" scroll-y="true">
<view style="height:1200rpx;">右侧列表</view>
</scroll-view>
</view>
</view>
</view>
wxss部分
.flex_row{
display: flex;
flex-direction: row;
}
.nav_left{
width: 25%;
height:100vh;
overflow-y:auto;
}
.nav_right{
width: 75%;
}
.nav_right_list{
height:calc(100vh - 80rpx);
}
是不是挺简单的!!!