add more tels

pages/components/SubIndex/index.js

@@ -25,7 +25,7 @@ create({
       icon: '/assets/images/icon7.png',
       remark: '客服热线：025-86505555'
     }],
-    EstateList: []
+    EstateList: [],
   },
   lifetimes: {},
   ready: function() {
@@ -147,9 +147,11 @@ create({
       })
     },
     toTel() {
-      wx.makePhoneCall({
-        phoneNumber: '025-86505555'
-      })
+      // wx.makePhoneCall({
+      //   phoneNumber: '025-86505555'
+      // })
+      
+      this.triggerEvent('showTelDialog')
     }
   }
 })

pages/components/SubIndex/index.wxml

@@ -101,7 +101,7 @@
         </swiper>
       </view>
       <view bindtap="toMap">
-        <image mode="widthFix" src="/assets/images/icon7.png"></image>
+        <image mode="widthFix" src="/assets/images/map.png"></image>
         <text>地图看新房</text>
       </view>
     </view>

pages/index/index.js

@@ -43,7 +43,38 @@ create(store, {
     }],
     conPageIndex: 0,
     ScreenBottomHeight: app.globalData.ScreenBottomHeight,
-    NavActiveIndex: 0 // nav焦点索引值
+    NavActiveIndex: 0, // nav焦点索引值
+    telList: [
+      {
+        title: '悦见山',
+        tel: '025-86505555',
+      },
+      {
+        title: '依澜郡',
+        tel: '025-58651665',
+      },
+    ],
+    telListVisible: false,
+  },
+  callTel (e) {
+    const phoneNumber = e.target.dataset.tel
+    
+    if (phoneNumber) {
+      wx.makePhoneCall({ phoneNumber })
+      this.setData({
+        telListVisible: false,
+      })
+    }
+  },
+  showTelDialog () {
+    this.setData({
+      telListVisible: true,
+    })
+  },
+  closeTelLayer () {
+    this.setData({
+      telListVisible: false,
+    })
   },
   TriggerCutNav(e) {
     this.DealNavCut(e.detail.index)

pages/index/index.wxml

@@ -6,7 +6,7 @@
 
     <!-- 首页 -->
     <view hidden="{{NavActiveIndex !== 0}}">
-      <subindex bindmyevent="TriggerCutNav"></subindex>
+      <subindex bindmyevent="TriggerCutNav" bindshowTelDialog="showTelDialog"></subindex>
     </view>
 
     <!-- 楼盘 -->
@@ -60,5 +60,17 @@
       </view>
     </view>
   </view>
+  
+  <view class="layer" hidden="{{!telListVisible}}" bindtap="closeTelLayer">
+    <view class="centerLabel" style="padding: 30rpx;">
+      <view style="text-align: center; font-size: 30rpx; margin-bottom: 30rpx;">拨打电话</view>
+      <view wx:for="{{telList}}" class="tel-list" wx:for-item="tel" wx:key="{{tel.tel}}" data-tel="{{tel.tel}}" bindtap="callTel" >
+        <view data-tel="{{tel.tel}}">{{tel.title}}: {{tel.tel}}</view>
+        <view data-tel="{{tel.tel}}">
+          <image mode="widthFix" src="/assets/images/call.png"></image>
+        </view>
+      </view>
+    </view>
+  </view>
 
 </view>

pages/index/index.wxss

@@ -153,3 +153,20 @@
   color: #fff;
   background-color: #BB9C79;
 }
+
+.tel-list {
+  padding: 10rpx;
+  display: flex;
+  font-size: 28rpx;
+  color: #666;
+  justify-content: space-between;
+}
+
+.tel-list image {
+  width: 32rpx;
+  height: 32rpx;
+}
+
+.tel-list + .tel-list {
+  border-top: 1rpx solid #ddd;
+}