微信小程序 API 界面(1)
界面 有关屏幕的api
交互:
wx.showToast() 显示消息提示框 参数:object
object的属性:
title:类型 字符串 提示的内容(文本最多7个汉字)
icon:类型 字符串 图标
属性值:success:显示成功的图标
loading:显示加载的图标
none:不显示图标
image:类型 字符串 自定义图标的本地路径,image的优先级高于 icon
duration:类型 数字 提示延迟的时间
mask:类型 布尔 是否显示透明蒙层,防止触摸穿透
success:类型 函数 接口成功调用的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(成功,失败,都会执行)
wx.showModal() 显示模态对话框(他拥有 确定按钮 和 取消按钮) 参数:object
object的属性:
title:类型 字符串 提示的标题
content:类型 字符串 提示的内容
showCancel:类型 布尔 是否显示取消按钮
cancelText:类型 字符串 取消按钮的文字(最多4个字符)
cancelColor:类型 字符串 取消按钮的文字颜色
confirmText:类型 字符串 确认按钮的文字(最多4个字符)
confirmColor:类型 字符串 确认按钮的文字颜色
success:类型 函数 接口调用成功的回调函数
参数对象上拥有:confirm:类型 布尔 表示用户点击了确定按钮
cancel:类型 布尔 表示用户点击了取消按钮
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(成功,失败,都会执行)
wx.showLoading() 显示 loading 的提示框,(需要主动调用 wx.hideLoading,才能关闭提示框) 参数:对象
对象的属性:
title:类型 字符串 提示的内容
mask:类型 布尔 是否显示透明蒙层,防止触摸穿透
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(调用 成功,失败,都会执行)
wx.showActionSheet() 显示操作菜单 参数:对象
对象的属性
itemList:类型 数组 按钮的文字的数组,数组长度最大为 6
itemColor:类型 字符串 按钮文字的颜色
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(接口调用 成功,失败,都会执行)
wx.hideToast() 隐藏消息提示框 参数:对象
对象的属性:
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(接口调用 成功,失败,都会执行)
wx.hideLoading() 隐藏 loading 提示框 参数:对象
对象的属性:
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(接口调用 成功,失败,都会执行)
导航栏:(跟 navigator组件结合使用)
wx.showNavigationBarLoading() 在当前页面显示导航条加载动画 参数:对象
对象的属性:
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(接口调用 成功,失败,都会执行)
wx.setNavigationBarTitle() 动态的设置当前页面的标题 参数:对象
对象的属性:
title:类型 字符串 页面标题
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(接口调用 成功,失败,都是执行)
wx.setNavigationBarColor() 设置页面导航条颜色 参数:对象
对象的属性:
frontColor:类型 字符串 前景的颜色值 (必须设置 backgroundColor 属性,这个属性才有效)
backgroundColor:类型 字符串 背景的颜色值(必须是十六进制的颜色值)
animation:类型 对象 动画效果
属性:duration:类型 数字 动画的变化时间,单位ms
timingFunc:类型 字符串 动画的变化方式
属性值:linear 动画从头到尾的速度相同
easeIn 动画以低速开始
easeOut 动画以低俗结束
easeInOut 动画以低速开始和低速结束
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(不管 成功,失败,都会执行)
wx.hideNavigationBarLoading() 在当前页面隐藏导航条加载动画 参数:对象
对象的属性:
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(不管 成功,失败,都会执行)
背景:a.json{}里面设置 "enablePullDownRefresh":true 必须设置 不然不会下拉
wx.setBackgroundTextStyle() 动态的设置背景字体,loading图的样式 参数:对象 (想让这个方法生效,
要么app.json上设置 "window:{"backgroundColor":"red","navigationBarBackgroundColor": "#f01450"} ,要么使用wx.setBackgroundColor()这个API)
对象的属性:
textStyle:类型 字符串 下拉背景字体,loading 图的样式
属性值:dark dark 样式
light light 样式
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数
wx.setBackgroundColor() 动态设置窗口的背景色 参数:对象
对象的属性
backgroundColor:类型 字符串 窗口的背景色,必须是十六进制的颜色值
backgroundColorTop:类型 字符串 顶部窗口的背景色,必须为十六进制的颜色值 仅 ios 有效
backgroundColorBottom:类型 字符串 底部窗口的背景色,必须为十六进制的颜色值 仅ios有效(经过多次测试,没有效果 。。。)
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(调用 成功,失败,都会执行)
Tab Bar
wx.showTabBarRedDot() 显示 tabBar 某一项右上角的红点 参数:对象
对象的属性
index:类型 数字 tabBar的哪一项,从左往右算起
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(调用 成功,失败,都会执行)
wx.showTabBar() 显示 tabBar 参数:对象
对象的属性
animation:类型 布尔 是否需要动画效果
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(调用 成功,失败,都会执行)
wx.setTabBarStyle() 动态设置 tabBar 的整体样式 参数:对象
对象的属性
color:类型 字符串 tab上文字的默认颜色
selectedColor:类型 字符串 tab上的文字选中时的颜色
backgroundColor:类型 tab的背景色
borderStyle:类型 tabBar上边框的颜色
success:类型 函数 接口调用成功的函数
fail:类型 函数 接口调用失败的函数
complete:类型 函数 接口调用结束的函数(调用 成功,失败,都会执行)
wx.setTabBarltem() 动态设置 tabBar 某一项内容 参数:对象
对象的属性
index:类型 数字 tabBar的哪一项,从左边算起
text:类型 字符串 tab上的按钮文字
iconPath:类型 字符串 图片路径,icon 大小限制为40kb,position:top 时,此参数无效
selectedlconPath:类型 字符串 选中时的图片路径,position:top 时,此参数无效
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(调用 成功,失败,都会执行)
wx.setTabBarBadge() 为 tabBar 某一项的右上角添加文本 参数:对象
对象的属性
index:类型 数字 tabBar的哪一项,从左边算起
text:类型 字符串 显示的文本,超过4个,则显示成 ...
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(调用 成功,失败,都会执行)
wx.removeTabBarBadge() 移除 tabBar 某一项右上角的文本 参数:对象
对象的属性
index:类型 数字 tabBar的哪一项,从左边算起
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(调用 成功,失败,都会执行)
wx.hideTabBarRedDot() 隐藏 tabBar 某一项的右上角的红点 参数:对象
对象的属性
index:类型 数字 tabBar的哪一项,从左边算起
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(调用 成功,失败,都会执行)
wx.hideTabBar() 隐藏 tabBar 参数:对象
对象的属性
animation:类型 布尔 是否需要动画效果
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(调用 成功,失败,都会执行)
字体
wx.loadFontFace() 动态的加载网络字体,文件地址需为下载类型,(ios仅支持 https 格式文件地址) 参数:对象
对象的属性
family:类型 字符串 定义字体名称
source:类型 字符串 建议格式为 TTF 和 WOFF,WOFF2 在低版本的 ios 上会不兼容 属性值:'url( " 地址 ")'
desc:类型 对象 可选的字体描述符
属性:style:类型 字符串 字体样式
weight:类型 数字 字体粗细
variant:类型 字符串 设置小型大写字母的字体显示文本 可选值为 normal / small-caps / inherit
success:类型 函数 接口调用成功的回调函数
fail:类型 函数 接口调用失败的回调函数
complete:类型 函数 接口调用结束的回调函数(调用 成功,失败,都会执行)
微信小程序 API 界面(1)的更多相关文章
- 微信小程序 API 界面 (2)
由于每个 API 参数:对象的属性都有 success,fail,complete,所以在这个提前介绍,就不再每个API 上写了 success:类型 函数 接口调用成功的回调函数 fail:类型 函 ...
- 微信小程序api拦截器
微信小程序api拦截器 完美兼容原生小程序项目 完美兼用小程序api的原本调用方式,无痛迁移 小程序api全Promise化 和axios一样的请求方式 小程序api自定义拦截调用参数和返回结果 强大 ...
- 微信小程序 API
微信小程序 API https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html demo https://de ...
- 微信小程序 API 基础
其实还有一些组件,没有提,因为那些组件跟 API 的功能差不多,API 可能比他会更好一点: 具体可见官方文档 基础: 判断接口是否可用:wx.canIUse(a) a 代表:接口名字 返回值:布尔 ...
- 微信小程序 API 数据缓存
微信小程序 数据缓存 (类似于 cookie) wx.setStorage() 将数据存储在本地缓存中制定的 key 中.会覆盖掉原来该 key 对应的内容,数据存储生命周期跟小程序本身一致,即除用户 ...
- 微信小程序API交互的自定义封装
目录 1,起因 2,优化成果 3,实现思路 4,完整代码 1,起因 哪天,正在蚂蚁森林疯狂偷能量的我被boss叫过去,告知我司要做一个线上直播公开课功能的微信小程序,博主第一次写小程序,复习了下文档, ...
- 微信小程序API 文档快速参考索引
内容那么多,这个页面到底做了什么? 第一:解决微信文档APi文档使用不便: 第二:解决了内容搜索与索引:—— 最好是写成全文索引文档,但是比较需要时间,而且更新是一件麻烦的事:所以以下是直接 连接官网 ...
- 微信小程序API登录凭证(code),获得的用户登录态拥有一定的时效性
调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key).用户数据的加解密通讯需要依赖会话密钥完成. OBJECT参 ...
- 微信小程序API 登录-wx.login(OBJECT) + 获取微信用户唯一标识openid | 小程序
wx.login(OBJECT) 调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key).用户数据的加解密通讯需要 ...
随机推荐
- Elasticsearch入门教程(一):Elasticsearch及插件安装
原文:Elasticsearch入门教程(一):Elasticsearch及插件安装 版权声明:本文为博主原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明. 本文链接:h ...
- 将数据库模型放入到.Net Core的类库中
一.前提概要 今年某天突然无聊,就决定学习.net core,此时的版本已经是.net core 1.1了.之前一直是用.net framework做项目,一直对Html.EditFor()等Html ...
- kibana报[FORBIDDEN/12/index read-only / allow delete (api)]错误
一.错误描述 1.在kibana,dev中pose数据,报[FORBIDDEN/12/index read-only / allow delete (api)]错误. 尝试过网上的说的方法一:在kib ...
- Linux安装FastDFS~Nginx~
确保Linux联网,我这里使用的是CentOS7操作,联网教程 https://www.cnblogs.com/taopanfeng/p/10978752.html 先把指定的四个文件放入指定目录 安 ...
- SpringBoot封装自己的Starter
https://juejin.im/post/5cb880c2f265da03981fc031 一.说明 我们在使用SpringBoot的时候常常要引入一些Starter,例如spring-boot- ...
- sql 占位符及部分时间函数
Mysql 预处理占位符 %s -- 表示字段串 %d -- 表示整形数字 %f -- 表示浮点数 (UNIX_TIMESTAMP(DATE_SUB(now(), INTERVAL jp_days D ...
- Uva 10054 欧拉回路 打印路径
看是否有欧拉回路 有的话打印路径 欧拉回路存在的条件: 如果是有向图的话 1.底图必须是连通图 2.最多有两个点的入度不等于出度 且一个点的入度=出度+1 一个点的入度=出度-1 如果是无向图的话 1 ...
- Elasticsearch:hanlp 中文分词器
HanLP 中文分词器是一个开源的分词器,是专为Elasticsearch而设计的.它是基于HanLP,并提供了HanLP中大部分的分词方式.它的源码位于: https://github.com/Ke ...
- Codeforces Round #606 Div. 2 比赛总结
比赛情况 bq. A题 Wrong Answer on test 2 , E题sb题没切.bqbqbq. 比赛总结 bq. 那就直接上题解吧!^-^ A 数位dp,分类讨论,注意细节. Talk is ...
- CPU、CPU核与线程的关系
CPU相关概念: CPU:独立的中央处理单元,体现在主板上是有多个CPU的插槽. CPU cores:在每一个CPU上,都可能有多个核(core),每一个核中都有独立的一套ALU.FPU.Cache等 ...