call phone

 <!--components/actionSheet/phone.wxml-->
 <!--components/actionSheet/phone.wxml-->
-<view class="mask" wx:if="{{!actionSheetHidden}}"catchtap="catchtap">
+<view class="mask" wx:if="{{!actionSheetHidden}}"catchtap="hide">
     <view class="action-sheet flex-vc">
     <view class="action-sheet flex-vc">
-        <view class="title">拨打电话</view>
         <view class="action-sheet-item-block">
         <view class="action-sheet-item-block">
             <view class="action-sheet-item flex-cc"
             <view class="action-sheet-item flex-cc"
                   wx:if="{{hasOnlineReserve}}"
                   wx:if="{{hasOnlineReserve}}"
                   bindtap="bindItemTap" data-value="reserve" data-index="reserve">
                   bindtap="bindItemTap" data-value="reserve" data-index="reserve">
-                立即在线预订
-                <view class="tuijian">推荐</view>
+                <view class="tuijian">荐</view>立即在线预订
             </view>
             </view>
             <block wx:for="{{items}}" wx:key="itemskey">
             <block wx:for="{{items}}" wx:key="itemskey">
                 <view class="action-sheet-item flex-cc" bindtap="bindItemTap" data-value="{{item}}" data-index="{{index}}">
                 <view class="action-sheet-item flex-cc" bindtap="bindItemTap" data-value="{{item}}" data-index="{{index}}">
-                    {{item}}
+                    <view class="p2"></view>{{item}}
                 </view>
                 </view>
             </block>
             </block>
         </view>
         </view>

@@ -10,7 +10,7 @@
     bottom: 0;
     bottom: 0;
     width: 100%;
     width: 100%;
     box-sizing: border-box;
     box-sizing: border-box;
-    padding: 30rpx 0;
+    padding: 0 0 30rpx;
 }
 }
 .title{
 .title{
     height:50rpx;
     height:50rpx;
@@ -36,7 +36,6 @@
 }
 }
 .action-sheet-item:last-child{
 .action-sheet-item:last-child{
     border-bottom-width: 0;
     border-bottom-width: 0;
-    padding-top: 20rpx;
 }
 }
 .action-sheet-cancel{
 .action-sheet-cancel{
     height:84rpx;
     height:84rpx;
@@ -52,11 +51,11 @@
     line-height:84rpx;
     line-height:84rpx;
 }
 }
 .tuijian{
 .tuijian{
-    background-image: url("http://nosqn.colorcun.com/phone/tuijian.png");
+    background-image: url("http://nosqn.colorcun.com/p1.png");
     background-size: 100% 100%;
     background-size: 100% 100%;
-    width: 54rpx;
+    width: 34rpx;
     height: 34rpx;
     height: 34rpx;
-    margin-left: 16rpx;
+    margin-right:16rpx;
 
 
     font-size:20rpx;
     font-size:20rpx;
     font-family:PingFangSC-Semibold,PingFang SC;
     font-family:PingFangSC-Semibold,PingFang SC;
@@ -65,5 +64,12 @@
     line-height:28rpx;
     line-height:28rpx;
 
 
     text-align: center;
     text-align: center;
-    margin-top: 10rpx;
+    margin-top: 6rpx;
 }
 }
+.p2{
+    background-image: url("http://nosqn.colorcun.com/p2.png");
+    background-size: 100% 100%;
+    width: 40rpx;
+    height: 36rpx;
+    margin-right: 12rpx;
+}