平安榆山页面样式修改

epdc-resident-mp-yushan/subpages/safety/components/policeInfo/policeInfo.wxss

@@ -1,6 +1,5 @@
 .sudoku {
   background:#fff;
-  margin-top: 20rpx;
 }
 .content {
   width: 100%;

epdc-resident-mp-yushan/subpages/safety/components/sudoku/sudoku.js

@@ -9,15 +9,25 @@ Component({
     },
   },
   data:{
+    currentIndex:0
   },
   methods: {
    showMyPolice(){
+     this.setData({
+       currentIndex:0
+     })
     this.triggerEvent('showMyPolice')
    },
    showPrecaution(){
+    this.setData({
+      currentIndex:1
+    })
     this.triggerEvent('showPrecaution')
   },
   showAnnouncement(){
+    this.setData({
+      currentIndex:2
+    })
     this.triggerEvent('showAnnouncement')
   }
 }

epdc-resident-mp-yushan/subpages/safety/components/sudoku/sudoku.wxml

@@ -2,13 +2,16 @@
 <view class="sudoku">
   <view class="content">
     <view class="item" hover-stay-time="150"  bindtap="showMyPolice">
-      <image src="../../images/minjing.png" />
+      <image src="../../images/minjing.png" class="image" />
+      <image src="../../images/minjing-arrow.png" class="arrow" wx:if="{{currentIndex===0}}"></image>
     </view>
     <view class="item" hover-stay-time="150"  bindtap="showPrecaution">
-      <image src="../../images/pingan.png" />
+      <image src="../../images/pingan.png"  class="image"/>
+      <image src="../../images/pingan-arrow.png" class="arrow" wx:if="{{currentIndex===1}}"></image>
     </view>
     <view class="item" hover-stay-time="150"  bindtap="showAnnouncement">
-      <image src="../../images/tongbao.png" />
+      <image src="../../images/tongbao.png"  class="image"/>
+      <image src="../../images/tongbao-arrow.png" class="arrow" wx:if="{{currentIndex===2}}"></image>
     </view>
   </view>
 </view>

epdc-resident-mp-yushan/subpages/safety/components/sudoku/sudoku.wxss

@@ -7,7 +7,7 @@
   width: 100%;
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
-  grid-template-rows: 215rpx;
+  grid-template-rows: 150rpx;
   box-sizing: border-box;
 }
 .item {
@@ -16,9 +16,9 @@
   justify-content: center;
   align-items: center;
 }
-.item image {
+.item .image {
   width:220rpx;
-  height:130rpx;
+  height:90rpx;
 }
 .item .name {
   font-size: 28rpx;
@@ -109,3 +109,9 @@
   margin-top: 200rpx;
   text-align: center;
 }
+.arrow{
+  width: 32rpx;
+  height: 14rpx;
+  margin-top: 50rpx;
+  position: absolute;
+}