jdf2e / nutui

京东风格的移动端 Vue 组件库,支持多端小程序(A Vue.js UI Toolkit for Mobile Web)
https://nutui.jd.com
MIT License
6.01k stars 814 forks source link

虚拟列表container-height没到最大视口高度,但是无法增加了 #3069

Open dx66668 opened 2 months ago

dx66668 commented 2 months ago

NutUI 包名

@nutui/nutui-taro

NutUI 版本号

"@nutui/nutui-taro": "^4.3.7",

平台

h5

重现链接

https://nutui.jd.com/playground/#eyJBcHAudnVlIjoiPHRlbXBsYXRlPlxuICAgIDxkaXYgY2xhc3M9XCJkZW1vLWxpc3RcIj5cbiAgICAgIDxudXQtbGlzdCA6bGlzdC1kYXRhPVwiZGF0YVwiIDpjb250YWluZXItaGVpZ2h0PVwiODUwXCIgQHNjcm9sbC1ib3R0b209XCJvblNjcm9sbEJvdHRvbVwiPlxuICAgICAgICA8dGVtcGxhdGUgI2RlZmF1bHQ9XCJ7IGluZGV4IH1cIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwibGlzdC1pdGVtXCI+XG4gICAgICAgICAgICB7eyBpbmRleCB9fVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L3RlbXBsYXRlPlxuICAgICAgPC9udXQtbGlzdD5cbiAgICA8L2Rpdj5cbiAgPC90ZW1wbGF0ZT5cbiAgPHNjcmlwdCBzZXR1cCBsYW5nPVwidHNcIj5cbiAgaW1wb3J0IHsgcmVmLCBvbk1vdW50ZWQgfSBmcm9tICd2dWUnXG4gIFxuICBjb25zdCBkYXRhID0gcmVmKG5ldyBBcnJheSgxMDApLmZpbGwoMCkpXG4gIFxuICBvbk1vdW50ZWQoKCkgPT4ge1xuICAgIGRhdGEudmFsdWUgPSBkYXRhLnZhbHVlLm1hcCgoXzogbnVtYmVyLCBpbmRleDogbnVtYmVyKSA9PiBpbmRleCArIDEpXG4gIH0pXG4gIFxuICBjb25zdCBvblNjcm9sbEJvdHRvbSA9ICgpID0+IHtcbiAgICBsZXQgYXJyID0gbmV3IEFycmF5KDEwMCkuZmlsbCgwKVxuICAgIGNvbnN0IGxlbiA9IGRhdGEudmFsdWUubGVuZ3RoXG4gICAgZGF0YS52YWx1ZSA9IGRhdGEudmFsdWUuY29uY2F0KGFyci5tYXAoKF86IG51bWJlciwgaW5kZXg6IG51bWJlcikgPT4gbGVuICsgaW5kZXggKyAxKSlcbiAgfVxuICA8L3NjcmlwdD5cbiAgXG4gIDxzdHlsZSBzY3NzPlxuICAuZGVtby1saXN0IC5saXN0LWl0ZW0ge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xuICAgIGhlaWdodDogMTUwcHg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogI2Y0YThiNjtcbiAgICBib3JkZXItcmFkaXVzOiAxMHB4O1xuICB9XG4gIDwvc3R5bGU+XG4gICJ9

重现步骤

Snipaste_2024-05-10_15-59-18

期望的结果是什么?

能够撑满视口

实际的结果是什么?

未撑满,到667px就不能增加了,打包成weapp没有问题,打包成h5有问题

环境信息

Taro CLI 3.6.28 environment info: System: OS: macOS 13.6.6 Shell: 5.9 - /bin/zsh Binaries: Node: 18.20.2 - ~/.nvm/versions/node/v18.20.2/bin/node Yarn: 1.22.19 - ~/.yarn/bin/yarn npm: 10.5.0 - ~/.nvm/versions/node/v18.20.2/bin/npm npmPackages: @tarojs/cli: 3.6.28 => 3.6.28 @tarojs/components: 3.6.28 => 3.6.28 @tarojs/helper: 3.6.28 => 3.6.28 @tarojs/plugin-framework-vue3: 3.6.28 => 3.6.28 @tarojs/plugin-html: 3.6.28 => 3.6.28 @tarojs/plugin-platform-alipay: 3.6.28 => 3.6.28 @tarojs/plugin-platform-h5: 3.6.28 => 3.6.28 @tarojs/plugin-platform-jd: 3.6.28 => 3.6.28 @tarojs/plugin-platform-qq: 3.6.28 => 3.6.28 @tarojs/plugin-platform-swan: 3.6.28 => 3.6.28 @tarojs/plugin-platform-tt: 3.6.28 => 3.6.28 @tarojs/plugin-platform-weapp: 3.6.28 => 3.6.28 @tarojs/runtime: 3.6.28 => 3.6.28 @tarojs/shared: 3.6.28 => 3.6.28 @tarojs/taro: 3.6.28 => 3.6.28 @tarojs/taro-loader: 3.6.28 => 3.6.28 @tarojs/webpack5-runner: 3.6.28 => 3.6.28 babel-preset-taro: 3.6.28 => 3.6.28 eslint-config-taro: 3.6.28 => 3.6.28

其他补充信息

"dependencies": { "@babel/runtime": "^7.21.5", "@nutui/nutui-taro": "^4.3.7", "@tarojs/components": "3.6.28", "@tarojs/helper": "3.6.28", "@tarojs/plugin-framework-vue3": "3.6.28", "@tarojs/plugin-html": "3.6.28", "@tarojs/plugin-platform-alipay": "3.6.28", "@tarojs/plugin-platform-h5": "3.6.28", "@tarojs/plugin-platform-harmony-hybrid": "3.6.28", "@tarojs/plugin-platform-jd": "3.6.28", "@tarojs/plugin-platform-qq": "3.6.28", "@tarojs/plugin-platform-swan": "3.6.28", "@tarojs/plugin-platform-tt": "3.6.28", "@tarojs/plugin-platform-weapp": "3.6.28", "@tarojs/runtime": "3.6.28", "@tarojs/shared": "3.6.28", "@tarojs/taro": "3.6.28", "pinia": "^2.1.7", "pinia-plugin-persistedstate": "^3.2.1", "vue": "^3.0.0" }, "devDependencies": { "@babel/core": "^7.8.0", "@nutui/auto-import-resolver": "^1.0.0", "@tarojs/cli": "3.6.28", "@tarojs/taro-loader": "3.6.28", "@tarojs/test-utils-vue3": "^0.1.1", "@tarojs/webpack5-runner": "3.6.28", "@types/jest": "^29.3.1", "@types/node": "^18.15.11", "@types/webpack-env": "^1.13.6", "@typescript-eslint/eslint-plugin": "^6.2.0", "@typescript-eslint/parser": "^6.2.0", "@vue/babel-plugin-jsx": "^1.0.6", "@vue/compiler-sfc": "^3.0.0", "babel-preset-taro": "3.6.28", "css-loader": "3.4.2", "eslint": "^8.12.0", "eslint-config-taro": "3.6.28", "eslint-plugin-vue": "^8.0.0", "jest": "^29.3.1", "jest-environment-jsdom": "^29.5.0", "postcss": "^8.4.18", "style-loader": "1.3.0", "stylelint": "^14.4.0", "ts-node": "^10.9.1", "tsconfig-paths-webpack-plugin": "^4.1.0", "typescript": "^5.1.0", "unplugin-vue-components": "^0.27.0", "vue-loader": "^17.1.0", "webpack": "5.78.0" }

daiwanxing commented 9 hours ago

不能增加是什么意思,比如你容器内容的高度到了 667px 后,再通过手动插入数组的形式,容器内的高度仍旧是 667px 吗?

但是你好像想表达的意思是容器没有符合预期滚动到底部加载新的元素。