小程序入门系列之基础

导航条

显示/隐藏

1、wx.showTabBar

显示 tabBar

2、wx.hideTabBar

隐藏 tabBar

3、wx.switchTab

跳转到 tabBar 页面

加载动画

1、wx.showNavigationBarLoading

在当前页面显示导航条加载动画

2、wx.hideNavigationBarLoading

对应上面的，隐藏导航条加载动画

title 设置

wx.setNavigationBarTitle

设置导航条 title

wx.setNavigationBarTitle({
  title: 'test'
})

数据获取

全局数据

app.js 放置 globalData，其他页面如何用

第一步多需要通过 getApp() 获取实例，然后：

var app = getApp()
app.globalData

标签上的数据

id 这样的属性数据：

<view id="0">全部</view>
<view id="1">美妆</view>

绑定 bintap 事件后，可以如下获取

e.currentTarget.id

data-* 的属性数据：

<view data-index="0">全部</view>
<view data-index="1">美妆</view>

绑定 bintap 事件后，可以如下获取

e.target.dataset.index

事件

下拉刷新

注册 onPullDownRefresh 之前需要设置：

全局 app.json window 配置或当前 page 的 json：

"enablePullDownRefresh": true

标签

image 标签

mode 设置图片缩放、裁剪模式，默认是 scaleToFill

swiper 标签

circular 设置 true 会平滑一些

circular Boolean false 是否采用衔接滑动

button

客服

open-type="contact"

分享

open-type="share"

能力

打电话

phoneNumber 是字符串

官方地址：https://developers.weixin.qq....

wx.makePhoneCall({
  phoneNumber: '***'
})