更新记录
1.0.0(2024-02-27)
下载此版本
1.0.0(2024-2-27)
初始版本
平台兼容性
uni-app
Vue2 |
Vue3 |
Chrome |
Safari |
app-vue |
app-nvue |
Android |
iOS |
鸿蒙 |
√ |
- |
√ |
√ |
√ |
- |
- |
- |
- |
微信小程序 |
支付宝小程序 |
抖音小程序 |
百度小程序 |
快手小程序 |
京东小程序 |
鸿蒙元服务 |
QQ小程序 |
飞书小程序 |
快应用-华为 |
快应用-联盟 |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
- |
其他
drag-view-height 拖拽改变盒子高度
使用方法:
<template>
<view>
<view>
<dragViewHeight :screen="screenHeight" :nav="navigationBarHeight" :bar="statusBarHeight" :useScroll="false"
:switchPos="switchPos" @switchTop="popBoxSwitchTop" >
<view>test</view>
</popbox>
</view>
</view>
</template>
<script>
import dragViewHeight from '@/uni_modules/love-code-drag-view-height/components/drag-view-height/index.vue'
export default {
data() {
return {
navigationBarHeight: 0, // 导航栏高度
screenHeight: 0, // 屏幕高度
statusBarHeight: 0,
switchPos: 'bottom' // 盒子展开收缩切换
}
},
components: {
dragViewHeight
},
onLoad(){
let {
statusBarHeight,
navigationBarHeight,
screenHeight
} = uni.getSystemInfoSync();
},
methods: {
popBoxSwitchTop(pos) {
this.switchPos = pos
},
}
}
</script>
<style lang="scss">
</style>
事件说明
事件名 |
返回值 |
描述 |
@switchTop |
盒子置顶置底切换 |
Prop
参数名称 |
描述 |
navigationBarHeight |
导航栏高度 |
screenHeight |
屏幕高度 |
statusBarHeight |
状态栏高度 |
switchPos |
盒子展开收缩切换 |