_studyVx/pages/test/index.js

// pages/my/index.js
const app = getApp()
import Dialog from '../../miniprogram_npm/vant-weapp/dialog/dialog';
Page({
  /**
   * 页面的初始数据
   */
  data: {
    // nvabarData: {
    //   showCapsule: 0, //是否显示左上角图标，消息中心   1表示显示    0表示不显示
    //   showBack: 1, //返回
    //   title: '我的', //导航栏 中间的标题
    //   // 此页面 页面内容距最顶部的距离
    //   height: app.globalData.height * 2 + 20,
    // },
    active: 4,
    CustomBar: app.globalData.CustomBar,  // 注意 这是侧边抽底计算的适配距离  basis-xl 左测弹出的宽度
    ColorList: app.globalData.ColorList,
    searchValue: '',
    show: false,
    option1: [{
        text: '全部商品',
        value: 0
      },
      {
        text: '新款商品',
        value: 1
      },
      {
        text: '活动商品',
        value: 2
      },
    ],
    option2: [{
        text: '默认排序',
        value: 'a'
      },
      {
        text: '好评排序',
        value: 'b'
      },
      {
        text: '销量排序',
        value: 'c'
      },
    ],
    value1: 0,
    value2: 'a',
    modalName:null,
  },
  changeSearch() {
    console.log(this.data.searchValue);
  },
  onChange(e) {
    this.setData({
      searchValue: e.detail,
    });
  },
  //点击弹出层
  clickPop() {
    this.setData({
      show: true,
    });
  },
  onClose() {
    this.setData({
      show: false,
    });
  },
  clickdialog(){
    Dialog.confirm({
      title: '标题',
      message: '弹窗内容',
    }).then(() => {
      // on close
    });
  },
  showModal(e) {
    console.log(e)
    this.setData({
      modalName: e.currentTarget.dataset.target
    })
  },
  hideModal(e) {
    this.setData({
      modalName: null
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {},
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    wx.showNavigationBarLoading() //在标题栏中显示加载
    wx.showLoading({
      title: '正在刷新数据',
    })
    setTimeout(function () {
      wx.hideLoading();
    }, 2000);
    wx.stopPullDownRefresh();
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})