Unverified 提交 f7a95d7d authored 作者: fit2cloud-chenyw's avatar fit2cloud-chenyw 提交者: GitHub

Merge pull request #1586 from dataease/pr@dev@fix_mobile_dir_scroll

fix: 移动端目录上下滑动不顺畅
.DS_Store
node_modules/
dist/
npm-debug.log*
yarn-debug.log*
yarn-error.log*
package-lock.json
tests/**/coverage/
# Editor directories and files
.hbuilderx
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
<template> <template>
<view class="page dataease-main"> <view class="page">
<swiper indicator-dots="true">
<swiper-item v-for="(img, key) in imgUrls" :key="key"><image :src="img" /></swiper-item>
</swiper>
<view class=" ">
<view class="uni-title">
<swiper class="swiper-box" style="flex: 1;" :duration="300" >
<swiper-item class="swiper-item" >
<uni-list > <uni-list >
<uni-list-item v-for="(node, index) in nodes" :key="index" <uni-list-item v-for="(node, index) in nodes" :key="index"
...@@ -16,8 +19,10 @@ ...@@ -16,8 +19,10 @@
</uni-list> </uni-list>
</swiper-item>
</swiper> </view>
</view>
<!-- <view style="height: 1000rpx;"></view> -->
</view> </view>
</template> </template>
...@@ -28,10 +33,9 @@ export default { ...@@ -28,10 +33,9 @@ export default {
return { return {
showSwiper: false, showSwiper: false,
imgUrls: [ imgUrls: [
'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b4b60b10-5168-11eb-bd01-97bc1429a9ff.jpg', '../../../static/panelimg/panel2.png',
'https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/b1dcfa70-5168-11eb-bd01-97bc1429a9ff.jpg' '../../../static/panelimg/panel1.png'
], ],
nodes: [] nodes: []
}; };
}, },
...@@ -51,20 +55,6 @@ export default { ...@@ -51,20 +55,6 @@ export default {
onPullDownRefresh() { onPullDownRefresh() {
this.loadData('panel_list'); this.loadData('panel_list');
}, },
/**
* 点击导航栏 buttons 时触发
*/
/* onNavigationBarButtonTap() {
uni.showModal({
title: '提示',
content: '用户点击了功能按钮,这里仅做展示。',
success: res => {
if (res.confirm) {
console.log('用户点击了确定');
}
}
});
} */
methods: { methods: {
loadData(pid) { loadData(pid) {
...@@ -110,31 +100,4 @@ swiper, ...@@ -110,31 +100,4 @@ swiper,
.page-section-title { .page-section-title {
margin-top: 50rpx; margin-top: 50rpx;
} }
.dataease-main {
position: fixed;
left: var(--window-left);
right: var(--window-right);
top: 40px;
padding: 5px;
height: calc(100vh - 90px);
}
.swiper-box {
flex: 1;
background-color: #ffffff;
height: calc(100vh - 100px);
}
.swiper-item {
flex: 1;
flex-direction: row;
}
.uni-list {
overflow-y: scroll;
height: calc(100vh - 100px);
}
</style> </style>
差异被折叠。
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论