- 博客(4)
- 收藏
- 关注
RSS订阅原创 uniapp 自定义导航栏和右上角胶囊按钮对齐
如下图，红色区域为statusBar的区域，绿色区域为胶囊按钮的区域，胶囊按钮的区域包含灰色的按钮以及上下的padding空白，因此计算整个绿色区域的高度的公式应为：（蓝色线的高度（即胶囊按钮的top的值）- 红色状态栏区域的底statusBarHeight）* 2 + 胶囊按钮的height的值。自定义导航栏和右上角胶囊按钮对齐，需要分俩步走，一个是在上面搞个填充区用来填充刘海区域即statusBar, 然后计算出来胶囊区域的高度，让我们自己的导航栏内容高度一致，再css居中。
2024-05-17 19:35:06
827
原创 uniapp的scroll-view中的scrolltolower事件偶尔不执行
uniapp的scroll-view中的scrolltolower事件偶尔不触发，页面已经上拉到最底部了，然后一直上拉滑动（这时页面已经处于最底部），这个事件一直不触发，只是偶尔会发生。在一直上拉不触发的情况下，把页面往下拉滑动一点点，这个事件就触发了，官方文档也有人遇到一样的问题，在滑动时记录滑动开始和结束的状态，并在滑动结束时检查状态是否变化。这种方法确保了即使在 scrolltolower 事件偶尔不触发的情况下，也能通过代码逻辑来手动触发数据加载，解决了滑动到底部时无法加载更多数据的问题。
2024-05-15 23:08:53
1803
1
原创 uni-app v-show 和 focus无法一起使用，聚焦无效
uni-app 微信小程序handleClick 点击按钮的时候，需要把textarea 显示出来并聚焦，但是实际上安卓手机可以，但是苹果手机无法聚焦。一开始本来到网上找怎么用uniapp获取textarea元素，用ref怎么也获取不了textarea元素，后面发现官方文档写了。后面想估计是因为苹果手机的小程序的js代码执行比v-show更快，导致没有执行成功。因此用一个新的响应式变量延迟到下一个时间片执行便可以了。
2024-05-15 16:55:16
622
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人