当前位置: 首页 > 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.dtcms.com/a/290076.html

相关文章:

  • 宝塔面板Nginx报错: IP+端口可以直接从访问,反向代理之后就504了 Gateway Time-out
  • 农村供水智慧化管理系统:从精准监测到智能调度,破解农村用水安全与效率难题
  • MySQL 事务死锁排查:从日志分析到解决实战
  • 某日在某个月份中不存在导致软件出现异常的问题排查(判断闰年以及月份中的天数,附完整源码)
  • 低代码平台能否完全取代传统前端开发
  • Bun v1.2.19发布,node_modules隔离,sql比node快6倍
  • MySQL:表的增删查改
  • 【跨国数仓迁移最佳实践2】MaxCompute SQL执行引擎对复杂类型处理全面重构,保障客户从BigQuery平滑迁移
  • VUE如何设置语音
  • 【实践篇】基于.venv 的 ComfyUI 环境同配置迁移:pyvenv.cfg 路径修改法
  • leetcode-sql-627变更性别
  • 植物根茎切片图像处理与分析系统开发
  • 【大模型】结构化提示词:让AI高效完成复杂任务的“编程语言”
  • 虚拟机扩展磁盘容量后扩展分区大小
  • 部署 Zabbix 企业级分布式监控
  • 【图像处理基石】什么是相机的内外参数?
  • 在Windows Server 2012 R2中安装与配置IIS服务并部署mssql靶机教程
  • 在Web API 开发中践行Security by Default原则
  • 【操作篇】群晖NAS用root权限直接访问系统分区文件
  • 4x4矩阵教程
  • channel_up和lane_up
  • OpenLayers 入门指南【三】:API概要
  • MetaGPT源码剖析(三):多智能体系统的 “智能角色“ 核心实现——Role类
  • GoLang教程005:switch分支
  • wordle game(猜词游戏)小demo【react + ts】
  • 子网划分核心原理 (网络原理1)
  • 配置 Nginx 反向代理
  • 微信小程序服务端快速对接指南(java版)
  • 本地生活服务 app 同城信息发布系统搭建
  • 文件的写出操作|文件的追加写入操作|文件操作的综合案例