nazw/nnzwminiapp/pagesPublic/pages/tdcr/details/detail.js

// pagesPublic/pages/tdcr/details/detail.js
const {imgUrl} = require('../../api/request')
Page({

  /**
   * 页面的初始数据
   */
  data: {
    imgPath: imgUrl + 'tdcr/',
    headerStyle: {},
    title: '廖家山地块',
    tabs: [{
      label: '概况',
    }, {
      label: '基本情况',
    }, {
      label: '周边配套',
    }, {
      label: '其他地块',
    }],
	tabActive: 1,
	map: {
		longitude: 106.644341,
		latitude: 29.501202
	  },
	peripherytabs:[{
		label:'交通'
	},
	{
		label:'医疗'
	},
	{
		label:'生话'
	},
	{
		label:'购物'
	},
	{
		label:'美食'
	},
	{
		label:'娱乐'
	}],
	peripherytabsindex:0,
	peripherylist:[{name:"武警交通",distanc:0.5},{name:"武警医院",distanc:0.7},{name:"武警医院",distanc:0.7},{name:"武警医院",distanc:0.7}],
	peripherylistdata:[
		[{name:"武警交通",distanc:0.5},{name:"武警医院",distanc:0.7},{name:"武警医院",distanc:0.7},{name:"武警医院",distanc:0.7}],
		[{name:"武警医疗",distanc:0.5},{name:"武警医院",distanc:0.7},{name:"武警医院",distanc:0.7},{name:"武警医院",distanc:0.7}],
		[{name:"武警生活",distanc:0.5},{name:"武警医院",distanc:0.7},{name:"武警医院",distanc:0.7},{name:"武警医院",distanc:0.7}],
		[{name:"武警购物",distanc:0.5},{name:"武警医院",distanc:0.7},{name:"武警医院",distanc:0.7},{name:"武警医院",distanc:0.7}],
		[{name:"武警美食",distanc:0.5},{name:"武警医院",distanc:0.7},{name:"武警医院",distanc:0.7},{name:"武警医院",distanc:0.7}],
		[{name:"武警娱乐",distanc:0.5},{name:"武警医院",distanc:0.7},{name:"武警医院",distanc:0.7},{name:"武警医院",distanc:0.7}]
	]
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    this.setData({
      headerStyle: wx.getMenuButtonBoundingClientRect()
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

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

  },

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

  },

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

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

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

  },

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

  },
  tabEvent(e) {
    this.setData({
      tabActive: e.target.dataset.index,
    })
  },
  peripherytabEvent(e){
	let a =  e.target.dataset.index
	console.log(this.data.peripherylistdata[a]);
	this.setData({
		peripherytabsindex: a,
		peripherylist: this.data.peripherylistdata[a]
	})
  },
  goBack() {
    wx.navigateBack()
  }
})