更新记录
3.0(2025-01-23) 下载此版本
scroll-view封装,解决头部标题、底部按钮,中间滚动条的自适应高度问题, 实际开发中这个是常见的开发痛点,耗时费力,还是插件化比较好啊。
2.0(2024-04-03) 下载此版本
细节
1.1(2024-04-01) 下载此版本
scroll-view封装,为了自己开发方便,他人不要下载
查看更多平台兼容性
uni-app
Vue2 | Vue3 | Chrome | Safari | app-vue | app-nvue | Android | iOS | 鸿蒙 |
---|---|---|---|---|---|---|---|---|
√ | - | - | - | - | - | - | - | - |
微信小程序 | 支付宝小程序 | 抖音小程序 | 百度小程序 | 快手小程序 | 京东小程序 | 鸿蒙元服务 | QQ小程序 | 飞书小程序 | 快应用-华为 | 快应用-联盟 |
---|---|---|---|---|---|---|---|---|---|---|
- | - | - | - | - | - | - | - | - | - | - |
<template>
<view>
<scroll-model @ToLower="dofun" :spacing="100">
<template slot="header">
<cu-custom bgColor="bg-gradual-blue" :isBack="true">
<block slot="backText">返回</block>
<block slot="content">缴费详情</block>
</cu-custom>
</template>
<template slot="body">
<view style="width:100%;height:100%;background:gray;"></view>
</template>
</scroll-model>
</view>
</template>
<script>
import scrollModel from "@/components/chenchenxuxu-scroll-view-model/chenchenxuxu-scroll-view-model"
export default {
data() {
return {
}
},
components: {
scrollModel
},
onLoad: function(option) {
},
methods: {
dofun() {
console.log('1')
}
}
}
</script>
<style lang="scss" scoped>
page{
background:#fff;
}
</style>