增加点击态

epdc-resident-mp-yushan/pages/index/index.wxml

@@ -72,7 +72,7 @@
   </view>
   <!-- 积分排名、指尖榆山、网格队伍、志愿服务、社会组织模块 -->
   <view class="module-list">
-    <view class="module-item" wx:for="{{moduleList}}" wx:key="index" wx:for-item="item" data-module="{{item.module}}" bindtap="navigateToModule">
+    <view hover-class="hover-module-item" hover-stay-time="150" class="module-item" wx:for="{{moduleList}}" wx:key="index" wx:for-item="item" data-module="{{item.module}}" bindtap="navigateToModule">
       <view class="icon">
         <image src="{{item.icon}}" />
       </view>

epdc-resident-mp-yushan/pages/index/index.wxss

@@ -282,6 +282,10 @@ page {
   justify-content: center;
 }
 
+.module-list .hover-module-item {
+  background: #eee;
+}
+
 .module-list .module-item .icon {
   width: 126rpx;
   height: 126rpx;

epdc-resident-mp-yushan/subpages/gridArmy/pages/index/index.js

@@ -107,10 +107,16 @@ Page({
       console.error(err)
     })
   },
+  // 打电话
   callGrider(e) {
     const { phone } = e.currentTarget.dataset
     wx.makePhoneCall({
       phoneNumber: phone
     })
+  },
+  previewImage(e) {
+    wx.previewImage({
+      urls: [e.currentTarget.dataset.src]
+    })
   }
 })

epdc-resident-mp-yushan/subpages/gridArmy/pages/index/index.wxml

@@ -11,7 +11,7 @@
   <view class="grider-list" wx:if="{{griderList.length > 0}}">
     <view class="grider-left" id="left">
       <view class="grid-item" wx:for="{{griderLeftList}}" wx:key="index">
-        <view class="avatar">
+        <view class="avatar" bindtap="previewImage" data-src="{{item.imgUrl}}">
           <image src="{{item.imgUrl}}" />
         </view>
         <view class="name">{{item.name}}</view>
@@ -19,7 +19,7 @@
         <view class="item">职责：{{item.duty}}</view>
         <view class="item">负责区域：{{item.territory}}</view>
         <view class="item">电话：{{item.mobile}}</view>
-        <view class="call-phone">
+        <view class="call-phone" hover-class="hover-call-phone" hover-stay-time="150">
           <view class="phone">
             <image src="../../images/phone.png" />
           </view>
@@ -29,7 +29,7 @@
     </view>
     <view class="grider-right" id="right">
       <view class="grid-item" wx:for="{{griderRightList}}" wx:key="index">
-        <view class="avatar">
+        <view class="avatar" bindtap="previewImage" data-src="{{item.imgUrl}}">
           <image src="{{item.imgUrl}}" />
         </view>
         <view class="name">{{item.name}}</view>
@@ -37,7 +37,7 @@
         <view class="item">职责：{{item.duty}}</view>
         <view class="item">负责区域：{{item.territory}}</view>
         <view class="item">电话：{{item.mobile}}</view>
-        <view class="call-phone">
+        <view class="call-phone" hover-class="hover-call-phone" hover-stay-time="150">
           <view class="phone">
             <image src="../../images/phone.png" />
           </view>

epdc-resident-mp-yushan/subpages/gridArmy/pages/index/index.wxss

@@ -122,6 +122,10 @@ image {
 	color: #ffffff;
 }
 
+.grider-list .grid-item .hover-call-phone {
+  background: red;
+}
+
 .grider-list .grid-item .call-phone .phone {
   width:23rpx;
   height:27rpx;