界面  有关屏幕的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)的更多相关文章

  1. 微信小程序 API 界面 (2)

    由于每个 API 参数:对象的属性都有 success,fail,complete,所以在这个提前介绍,就不再每个API 上写了 success:类型 函数 接口调用成功的回调函数 fail:类型 函 ...

  2. 微信小程序api拦截器

    微信小程序api拦截器 完美兼容原生小程序项目 完美兼用小程序api的原本调用方式,无痛迁移 小程序api全Promise化 和axios一样的请求方式 小程序api自定义拦截调用参数和返回结果 强大 ...

  3. 微信小程序 API

    微信小程序 API https://developers.weixin.qq.com/miniprogram/dev/component/cover-view.html demo https://de ...

  4. 微信小程序 API 基础

    其实还有一些组件,没有提,因为那些组件跟 API 的功能差不多,API 可能比他会更好一点: 具体可见官方文档 基础: 判断接口是否可用:wx.canIUse(a) a 代表:接口名字 返回值:布尔 ...

  5. 微信小程序 API 数据缓存

    微信小程序 数据缓存 (类似于 cookie) wx.setStorage() 将数据存储在本地缓存中制定的 key 中.会覆盖掉原来该 key 对应的内容,数据存储生命周期跟小程序本身一致,即除用户 ...

  6. 微信小程序API交互的自定义封装

    目录 1,起因 2,优化成果 3,实现思路 4,完整代码 1,起因 哪天,正在蚂蚁森林疯狂偷能量的我被boss叫过去,告知我司要做一个线上直播公开课功能的微信小程序,博主第一次写小程序,复习了下文档, ...

  7. 微信小程序API 文档快速参考索引

    内容那么多,这个页面到底做了什么? 第一:解决微信文档APi文档使用不便: 第二:解决了内容搜索与索引:—— 最好是写成全文索引文档,但是比较需要时间,而且更新是一件麻烦的事:所以以下是直接 连接官网 ...

  8. 微信小程序API登录凭证(code),获得的用户登录态拥有一定的时效性

    调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key).用户数据的加解密通讯需要依赖会话密钥完成. OBJECT参 ...

  9. 微信小程序API 登录-wx.login(OBJECT) + 获取微信用户唯一标识openid | 小程序

    wx.login(OBJECT) 调用接口获取登录凭证(code)进而换取用户登录态信息,包括用户的唯一标识(openid) 及本次登录的 会话密钥(session_key).用户数据的加解密通讯需要 ...

随机推荐

  1. 06、CEL文件与灰度图像

    R语言里的image方法可以绘制CEL文件的灰度图像.我们先来讨论image这个的函数: 如:x <- c(0:2) y <- c(0:2) m <- matrix(c(1,5,10 ...

  2. C# ref out parase 理解

    这节课我们来学习方法中的参数传递,在面向对象二中,我曾说过,参数也属于变量的一种,在c语言的学习时,同学们都学习过参数这个概念和用法,方法使用参数列表来传递变量的基本语法如下:returnType  ...

  3. ActiveMQ利用ajax收发消息

    准备工作: 后台需要导包: activemq-all.jar activemq-web.jar jetty-all.jar 如果是maven项目: pom.xml <dependency> ...

  4. 总结linux内核的一些参数优化

    sysctl命令被用于在动态地修改内核的运行参数,可用的内核参数在目录/proc/sys中. 它包含一些TCP/IP堆栈和虚拟内存系统的高级选项, 用sysctl可以读取设置超过五百个系统变量. sy ...

  5. Jmeter分布式测试dubbo接口2

    上次我们将dubbo接口与jmeter集成起来,但是jmeter是由java实现的,本身有很多限制,无法实现高并发,我们需要借助分布式来实现大压力测试. 在上次的例子中,我们只是实现了简单的dubbo ...

  6. PAT Basic 1033 旧键盘打字 (20 分)

    旧键盘上坏了几个键,于是在敲一段文字的时候,对应的字符就不会出现.现在给出应该输入的一段文字.以及坏掉的那些键,打出的结果文字会是怎样? 输入格式: 输入在 2 行中分别给出坏掉的那些键.以及应该输入 ...

  7. 牛客假日团队赛5 K 金币馅饼 (DP 基础题)

    链接:https://ac.nowcoder.com/acm/contest/984/K 来源:牛客网 金币馅饼 时间限制:C/C++ 1秒,其他语言2秒 空间限制:C/C++ 32768K,其他语言 ...

  8. Codeforces 911 三循环数覆盖问题 逆序对数结论题 栈操作模拟

    A #include <bits/stdc++.h> #define PI acos(-1.0) #define mem(a,b) memset((a),b,sizeof(a)) #def ...

  9. react-native启动时红屏报错:Unable to load script.Make sure you're either running a metro server or that ....

    一.报错信息内容 我是在Android Studio中运行启动react-native项目时报的这个错误 1.报错提示:Unable to load script.Make sure you're e ...

  10. oracle sql 高级编程 历史笔记整理

    20130909 周一 oracle sql 开发指南 第7章 高级查询 1.层次化查询select level,ttt.*,sys_connect_by_path(ttt.col1,',') fro ...