添加点击事件

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

@@ -18,11 +18,11 @@ Page({
     }, {
       label: '其他地块',
     }],
-    tabActive: 1,
-    map: {
-      longitude: 106.644341,
-      latitude: 29.501202
-    },
+	tabActive: 1,
+	map: {
+		longitude: 106.644341,
+		latitude: 29.501202
+	  },
 	peripherytabs:[{
 		label:'交通'
 	},
@@ -40,8 +40,17 @@ Page({
 	},
 	{
 		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}]
+	]
   },
 
   /**
@@ -106,6 +115,14 @@ Page({
       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()
   }

nnzwminiapp/pagesPublic/pages/tdcr/details/wxml/periphery.wxml

@@ -1,14 +1,14 @@
 <view class="ppy-bg">
 	<view class="ppy_top">
-		<view wx:for="{{peripherytabs}}" class="ppy_item">{{item.label}}</view>
+		<view wx:for="{{peripherytabs}}"  data-index="{{index}}" style="{{peripherytabsindex == index ? 'background-color: #00A4FF;' : ''}}" bindtap="peripherytabEvent" class="ppy_item">{{item.label}}</view>
 	</view>
 	<view class="ppy-body">
-		<view wx:for="i in 12312320" class="ppy-body-item">
+		<view wx:for="{{peripherylist}}"  class="ppy-body-item">
 			<view style="width: 50rpx;height: 50rpx; display: flex; align-items: center;justify-content: center;">
 				<image style="display: block; width: 30rpx; height: 30rpx;" src="{{imgPath}}/other/ohter3.png"></image>
 			</view>
-			<view style="width: 55%; text-align: left;">武警重庆总队医院</view>
-			<view style="width: 35%; text-align: right;">直线0.5km</view>
+			<view style="width: 55%; text-align: left;">{{item.name}}</view>
+			<view style="width: 35%; text-align: right;">直线{{item.distanc}}km</view>
 		</view>
 	</view>
 </view>

nnzwminiapp/pagesPublic/pages/tdcr/details/wxml/periphery.wxss

@@ -19,7 +19,8 @@
 	font-size: 28rpx;
 	/* background: #000; */
 	border-radius: 30rpx;
-	border: 1rpx solid #3E97F8;
+	
+	border: 1rpx solid #00A4FF;
 }
 .ppy-body{
 	width: 95%;