小程序自制第三方组件（全局返回）

wxml
<movable-area style="width:{{areaWidth}}px;height:{{areaHeight}}px"> <movable-view catchtap="backTo" direction="all"> <image src="../../images/common/fanhui.png"></image> </movable-view> </movable-area>

wxcc

movable-area{
  /* width: 100%;
  height: 100%; */ 
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  pointer-events: none;
}
movable-view{
  width: 120rpx;
  height: 120rpx;
  pointer-events: auto;
  position: absolute;
  top: 50%;
  margin-top: -60rpx;
  left: 630rpx;
}
movable-view image{
  width: inherit;
  height: inherit;
}

js

// components/moveBack/moveBack.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
     areaWidth:wx.getSystemInfoSync().windowWidth,
    areaHeight: wx.getSystemInfoSync().windowHeight
  },
/*wx.navigateBack()：将页面跳转到来到本页面的前一个或几个页面。
    // wx.navigateBack({
      // delta:整数，用于设置返回的页面数，默认值为1,
     //  success:function(){},
     //  fail:function(){},
       //complete:function(){}
})*/
  /**
   * 组件的方法列表
   */
  methods: {
    backTo(){
      wx.navigateBack()
    }
  }
})

app.json

需要调用的页面：

一、插件和组件：
1、插件：plusins
使用其他小程序写好的功能是插件。
插件的分类：
（1）js插件/工具：wxValidate 用于表单验证
（2）小程序插件：
2、组件：components
在本小程序项目内自行编写的是组件。

二、页面和组件：
1、页面：在js文件中使用Page()进行注册。
由data数据区和各个生命周期函数组成。
页面用来显示。
2、组件：在js文件中使用Component()进行注册。
由data、properties、methods组件。
形成一个标记对用于在页面中实现。

小程序使用App()在app.js文件中进行注册。

获得当前小程序实例：getApp()
如何获得当前的页面实例：this
如何获得当前页面的父页面实例：getCurrentPage()
一个页面路径肯定是从tab导航页面开始，经过若干个普通页面，直到自身页面。

getCurrentPage()方法返回一个数组，数组里存放的是当前页面的页面栈。数组的第一个元素是一个tab页面，最后一个元素是自己。

var length=getCurrentPage().length;
this===getCurrentPage()[length-1]