小程序入门系列之基础

导航条

显示/隐藏

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: '***'
})
    原文作者:dailyvuejs
    原文地址: https://segmentfault.com/a/1190000016285273
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞