当前位置: 首页 > news >正文

uni-api交互反馈组件(showToast)的用法

欢迎来到我的UniApp技术专栏!🎉 在这里,我将与大家分享关于UniApp开发的实用技巧、最佳实践和项目经验。

专栏特色:

📱 跨平台开发一站式解决方案
🚀 从入门到精通的完整学习路径
💡 实战项目经验分享
🔍 常见问题深度解析
无论你是刚接触UniApp的新手,还是有一定经验的开发者,都能在这里找到有价值的内容。我将持续更新最新技术动态和开发技巧,帮助大家提升开发效率,打造高质量的跨平台应用。

如果文章对你有帮助,别忘了点赞收藏🌟,也欢迎在评论区留言交流,我会及时回复大家的问题!

让我们一起探索UniApp的无限可能!

目录

一.showToast交互反馈组件的基本用法

二.showToast交互反馈组件的各种属性

1.title(标题)

2.icon(图标)

3.image(图像)

4.mask(是否显示透明蒙层/遮罩层)

5.duration(持续时间)

6.position(弹窗显示的位置)

7.success(接口调用成功的回调函数)

8.fail(接口调用失败的回调函数)

9.complete(接口调用结束的回调函数)

三.hideToast的用法


一.showToast交互反馈组件的基本用法

代码

<template><view class=""></view></template><script setup>
//直接通过uni.showToast调用反馈组件	
uni.showToast({})
</script><style lang="scss" scoped></style>

运行效果

二.showToast交互反馈组件的各种属性

1.title(标题)

代码

运行效果

2.icon(图标)

icon图标有如下几种值

举例:icon = “error”时,说明发生错误

3.image(图像)

image就是用来替代icon的,实现自定义图标。

此时我们用了一张图片作为图标,效果如下

4.mask(是否显示透明蒙层/遮罩层)

①如果mask的值设为false,则弹窗存在期间,可以操作其他元素

②如果mask的值设为true,则弹窗存在期间,不可以操作其他元素(因为其他元素被透明蒙层遮挡住了)

举例

效果

5.duration(持续时间)

默认弹窗持续1500毫秒,我们也可以自己设置持续时间

6.position(弹窗显示的位置)

只有app才能设置此属性。

7.success(接口调用成功的回调函数)

8.fail(接口调用失败的回调函数)

9.complete(接口调用结束的回调函数)

三.hideToast的用法

用来立即关闭showToast

举例

以上就是本篇文章的全部内容,喜欢的话可以留个免费的关注呦~~

http://www.xdnf.cn/news/1165339.html

相关文章:

  • SmartETL循环流程的设计与应用
  • 《Linux 环境下 Nginx 多站点综合实践:域名解析、访问控制与 HTTPS 加密部署》​
  • 【金仓数据库产品体验官】_KingbaseES(SQLServer兼容版)保姆级安装教程
  • AC身份认证实验之AAA服务器
  • Linux中ELF区域与文件偏移量的关系
  • 【牛客算法】小美的排列询问
  • DL00691-基于深度学习的轴承表面缺陷目标检测含源码python
  • Python可迭代归约函数深度解析:从all到sorted的进阶指南
  • scratch音乐会开幕倒计时 2025年6月中国电子学会图形化编程 少儿编程 scratch编程等级考试一级真题和答案解析
  • docker 软件bug 误导他人 笔记
  • Linux网络信息(含ssh服务和rsync)
  • 微信二维码扫描登录流程详解
  • 网络编程之 UDP:用户数据报协议详解与实战
  • 嵌入式八股文之 struct 和 union 的区别、大厂真题1、头文件中的#ifdef/#define/#endif作用是什么?
  • React探索高性能Tree树组件实现——react-window、react-vtree
  • Kafka 如何优雅实现 Varint 和 ZigZag 编码
  • AXI接口学习
  • 在github上搭建自己主页
  • Spring Boot 3核心技术面试指南:从迁移升级到云原生实战,9轮技术攻防(含架构解析)
  • 添加状态信息
  • Linux find命令:强大的文件搜索工具
  • 代码审计Tabby安装教程
  • 神经网络——归一化层
  • nextjs编程式跳转
  • LinkedList的模拟实现(双向链表Java)
  • Java注解家族--`@ResponseBody`
  • 神经网络——线性层
  • 【c++】leetcode5 最长回文子串
  • 蚂蚁数科AI数据产业基地正式投产,携手苏州推进AI产业落地
  • 奥比中光深度相机开发