• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >微信小程序 > 微信小程序:交互反馈 API 说明

微信小程序:交互反馈 API 说明

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-11-30

匿名通过本文主要向大家介绍了微信小程序等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
wx.showToast(OBJECT)

显示消息提示框
OBJECT参数说明:
[tr]参数类型必填说明[/tr]

titleString是提示的内容
iconString否图标,只支持"success"、"loading"
durationNumber否提示的延迟时间,单位毫秒,默认:1500, 最大为10000
successFunction否接口调用成功的回调函数
failFunction否接口调用失败的回调函数
completeFunction否接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

wx.showToast({
    title: '成功'icon: 'success',
    duration: 2000
}) wx.hideToast()


隐藏消息提示框

wx.showToast({
    title: '加载中',
    icon: 'loading',
    duration: 10000
}) setTimeout(function() {
    wx.hideToast()
},
2000) wx.showModal(OBJECT)




显示模态弹窗
OBJECT参数说明:
[tr]参数类型必填说明[/tr]

titleString是提示的标题
contentString是提示的内容
showCancelBoolean否是否显示取消按钮,默认为 true
cancelTextString否取消按钮的文字,默认为"取消"
cancelColorHexColor否取消按钮的文字颜色,默认为"#000000"
confirmTextString否确定按钮的文字,默认为"确定"
confirmColorHexColor否确定按钮的文字颜色,默认为"#3CC51F"
successFunction否接口调用成功的回调函数,返回res.confirm==1时,表示用户点击确定按钮
failFunction否接口调用失败的回调函数
completeFunction否接口调用结束的回调函数(调用成功、失败都会执行)

示例代码:

wx.showModal({
    title: '提示',
    content: '这是一个模态弹窗',
    success: function(res) {
        if (res.confirm) {
            console.log('用户点击确定')
        }
    }
}) wx.showActionSheet(OBJECT)



显示操作菜单
OBJECT参数说明:
[tr]参数类型必填说明[/tr]

itemListString Array是按钮的文字数组,数组长度最大为6个
itemColorHexColor否按钮的文字颜色,默认为"#000000"
successFunction否接口调用成功的回调函数,详见返回参数说明
failFunction否接口调用失败的回调函数
completeFunction否接口调用结束的回调函数(调用成功、失败都会执行)

success返回参数说明:
[tr]参数类型说明[/tr]

cancelBoolean用户是否取消选择
tapIndexNumber用户点击的按钮,从上到下的顺序,从0开始

示例代码:

wx.showActionSheet({
    itemList: ['A', 'B', 'C'],
    success: function(res) {
        if (!res.cancel) {
            console.log(res.tapIndex)
        }
    }
})


更多微信小程序:交互反馈 API 说明相关文章请关注微课江湖!

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2018-11-30微信小程序商城项目之购物数量加减
  • 2018-11-30关于微信小程序 生命周期的介绍
  • 2018-11-30HTML5实现图片压缩上传功能的深度解析
  • 2017-06-20微信小程序示例-BeautifulGirl模特 demo代码
  • 2018-11-30微信公众平台开发之小黄鸡API
  • 2018-11-30微信小程序 触控事件详细介绍
  • 2018-11-30微信小程序开发之图片拖拽功能的实现
  • 2018-11-30微信小程序商城开发之动态API实现商品的详情页的代码(下)
  • 2018-11-30微信小程序出现wx.navigateTo页面不跳转解决办法
  • 2018-11-30微信小程序之form组件的介绍

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 微信小程序使用modal组件弹出对话框实例分享
    • 微信小程序 教程之wxapp视图容器 swiper
    • 详细讲解小程序代码构成中的json 后缀的 JSON 配置文件
    • 微信分享 "Reference error wx is not defined"错误
    • 微信 小程序前端源码详解及实例分析
    • 微信小程序之弹幕的代码实现
    • 微信小程序实现滚动消息通知的示例
    • ES6新特性开发微信小程序(5)
    • 解读和分析微信小程序组件:五、text文本
    • 微信小程序教程之本地图片上传(leancloud)实例详解

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有