dianliang/driverSchool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

0417-3

Browse Source
This commit is contained in:
Lx 2025-04-17 15:38:34 +08:00
parent 15e1a31e7b
commit d40c61efd2
2 changed files with 31 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
newPages/newIndex/assets/style/index.rpx.scss
View File

@ -103,7 +103,7 @@
}
.section_2 {
width: 750rpx;
height: 1020rpx;
// height: 1020rpx;
.list_1 {
width: 618rpx;
height: 112rpx;

37
newPages/newIndex/index.vue
View File

@ -35,9 +35,10 @@
src="/static/lanhu_shouye2gai/FigmaDDSSlicePNGc8586e4d9e76802e4b93ae8fb3654b38.png" />
</view>
</view>
<view class="itemContent">
<!-- 使用 scroll-view 包裹 SchoolInfo 组件 -->
<scroll-view class="school-scroll-view" scroll-y :style="{ height: scrollHeight + 'px' }">
<scroll-view class="scroll-view" scroll-y :style="{ height: scrollHeight + 'px' }">
<SchoolInfo style="" v-for="(school, index) in schoolList" :key="index" :schoolInfo="school"
@click="goSchoolDetail(school)" />
</scroll-view>
@ -304,13 +305,34 @@
},
calculateScrollHeight() {
// 获取屏幕高度
/* // 获取屏幕高度
const screenHeight = uni.getSystemInfoSync().windowHeight;
// 获取顶部区域高度
const topHeight = 490;
// 计算滚动区域高度
this.scrollHeight = screenHeight - topHeight;
this.scrollHeight = screenHeight - topHeight; */
const systemInfo = uni.getSystemInfoSync();
const windowHeight = systemInfo.windowHeight;
const rpxToPx = systemInfo.windowWidth / 750;
const topOccupiedHeight = 960 * rpxToPx;
this.scrollHeight = windowHeight - topOccupiedHeight;
},
/* calculateScrollHeight() {
// 获取屏幕高度
const screenHeight = uni.getSystemInfoSync().windowHeight;
// 使用选择器获取顶部区域实际高度
const query = uni.createSelectorQuery().in(this);
query.select('.top_').boundingClientRect(data => {
const topHeight = data ? data.height : 0;
query.select('.section_2').boundingClientRect(data => {
const sectionHeight = data ? data.height : 0;
// 转换为 rpx (假设 1px = 2rpx，根据实际情况调整)
this.scrollHeight = (screenHeight - topHeight - sectionHeight) * 2;
}).exec();
}).exec();
}, */
handleItemClick(item) {
// 根据 item.text 判断点击的是哪一项
@ -414,17 +436,18 @@
// 新增 scroll-view 样式
.school-scroll-view {
height: 500rpx; // 设置一个固定高度，根据需要调整
/* height: 500rpx; // 设置一个固定高度，根据需要调整 */
overflow-y: auto;
margin-left: 22rpx;
}
.itemContent {
padding: 30rpx 0;
margin-top: 20rpx;
/* padding: 10rpx 0; */
display: flex;
flex-direction: column;
row-gap: 20rpx;
/* margin-bottom: 200rpx; */
/* row-gap: 10rpx; */
margin-bottom: 200rpx;
}
.top_ {