uni-app界面相关API

墨蓝 2022-10-16 06:10 233阅读 0赞

#### uni.showTotast ####

显示消息提示框

#### uni.hideToast ####

#### showmode ####

#### showActionsheet ####

从底部向上弹出，可以指定宽高区域  
可以有按钮数组及文字

2.设置导航条

#### uni.onWindowResize(CALLBACK) ####

窗口

#### uni.offWindowResize(CALLBACK) ####

#### uni.createSelectorQuery() ####

节点信息

const query = uni.createSelectorQuery().in(this);
    query.select('#id').boundingClientRect(data => {
        
      console.log("得到布局位置信息" + JSON.stringify(data));
      console.log("节点离页面顶部的距离为" + data.top);
    }).exec();

selectorQuery.select(selector)  
selectorQuery.selectAll(selector)  
selectorQuery.exec(callback)  
selectorQuery.selectViewport()  
selectorQuery.selectViewport()  
节点信息  
nodesRef.scrollOffset(callback)  
节点信息的滚动位置查询

#### uni.createIntersectionObserver(\[this\], \[options\]) ####

节点布局交叉状态 API 可用于监听两个或多个组件节点在布局位置上的相交状态。这一组API常常可以用于推断某些节点是否可以被用户看见、有多大比例可以被用户看见。

uni.createIntersectionObserver(this).relativeTo('.scroll',{
        bottom: 100}).observe('.test', (res) => {
        
      console.log(res);
    })

发表评论取消回复

表情：

评论列表（有 0 条评论，233人围观）

还没有评论，来说两句吧...

相关阅读

相关 (三) 小说相关UI界面

一. 效果图： ![在这里插入图片描述][820c2e2e2dbe46f79df0fab982318df1.png] <?xml version="1.0"

ゝ一世哀愁。/ 2024年03月30日 10:21/ 0 赞/ 69 阅读

相关 Spring相关API

> ⭐作者介绍：大二本科网络工程专业在读，持续学习Java，努力输出优质文章 > ⭐作者主页：[@逐梦苍穹][Link 1] > ⭐所属专栏：[JavaEE][]、[S

电玩女神/ 2024年03月16日 23:14/ 0 赞/ 90 阅读

相关 uniapp连接蓝牙相关问题

设备蓝牙连接成功, 获取不到设备蓝牙服务列表? 这种情况一般会接收到uniapp的错误码(10004), 我们可以前往uniapp官网API模块查看错误码信息,查看后可以

野性酷女/ 2023年10月10日 14:18/ 0 赞/ 93 阅读

相关 uniapp操作界面滚动

<scroll-view scroll-y="true" :style="{ 'height': getWindowHeight + 'px' }" ></scroll

偏执的太偏执、/ 2022年12月26日 08:21/ 0 赞/ 102 阅读

相关 UniApp Api接口封装

全局注册，通过this调用适用于vue 跟 uniapp > 在uniapp 下 > 跟pages同级下 > 创建一个api文件夹下 > 在创建一个http

分手后的思念是犯贱/ 2022年12月25日 15:52/ 0 赞/ 316 阅读

相关 uniapp 利用本地缓存提前渲染界面

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

た入场券/ 2022年12月14日 13:58/ 0 赞/ 378 阅读

相关 uni-app界面相关API

uni.showTotast 显示消息提示框 uni.hideToast showmode showActionsheet 从底部向上弹出，可以指定宽

墨蓝/ 2022年10月16日 06:10/ 0 赞/ 234 阅读

相关 uniapp页面间通信相关方法总结

![b550b3a17da16f081114b5599e59fffb.png][] 文章整理于：https://ask.dcloud.net.cn/article/35970

向右看齐/ 2022年10月06日 06:55/ 0 赞/ 179 阅读

相关相关API

[https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global\_Objects/Array

我不是女神ヾ/ 2022年10月03日 00:47/ 0 赞/ 180 阅读

相关 ActiveMQ相关API

一、Producer 1，发送消息 MessageProducer 　　send(Message message)发送消息到默认目的地，就是创建Producer时

一时失言乱红尘/ 2021年11月02日 03:08/ 0 赞/ 321 阅读