最近在做一個小程序項目時,
分類的頁面呢主要分兩個部分,左右
左右分別滾動,互不干擾
感覺自己學的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);
}
是不是挺簡單的!!!