uniapp小程序创建全局自定义组件并传递参数的方法

有一个联系信息模块,小程序的所有页面都要显示,如果每个页面都添加一次,不仅消耗时间,也不利于后期维护。如果使用自定义组件components就可以实现一个模块全站统一调用,既便于管理也利于维护。 创建全局自定义组件 1、在项目的根目录下的components目录下新建组件(如果没有components目录则手动新建) 在HBuilder编辑器,右键components目录...
Web前端开发 / / 166次阅读
uniapp小程序创建全局自定义组件并传递参数的方法

uniapp用于获取小程序右上角胶囊按钮布局信息的 API uni.getMenuButtonBoundingClientRect()

胶囊按钮是小程序固定在屏幕右上角的菜单按钮,uni.getMenuButtonBoundingClientRect()方法是uniapp用于返回该胶囊菜单按钮的宽度、高度、上边界坐标、右边界坐标、下边界坐标和左边界坐标共六个布局信息。在开发小程序页面的自定义导航栏时,经常需要把自定义内容的高度和胶囊按钮的高度保持一致,便于和胶囊按钮垂直对齐,就需要通过该方法获取返回的布局信息来调整自定义导航的布局。使用示例:const rec...
Web前端开发 / / 217次阅读

uniapp点击元素滚动到指定模块的实现代码

点击元素页面自动滚动到指定ID模块是一个网站常见的效果,在uniapp开发的时候需要实现这个效果,实现思路跟web网页实现代码是一致的:获取指定ID模块距离顶部的距离,再通过指定方法滚动到这个距离的像素(如uni.pageScrollTo)。PS:uni.pageScrollTo的核心作用是让页面滚动到指定的目标位置。view代码:<view class="custom-navbar"> &n...
Web前端开发 / / 505次阅读