blue ui other

@@ -24,25 +24,28 @@
 
 
         <detail-status detail="{{detail}}" ></detail-status>
         <detail-status detail="{{detail}}" ></detail-status>
         <detail-card detail="{{detail}}"></detail-card>
         <detail-card detail="{{detail}}"></detail-card>
-        <view class="flex padding justify-end align-center margin-top">
+        <view class="flex padding justify-end align-center margin-top text-black">
+            <service id="service" class="split view">
+                <view class="min-but flex align-center justify-center txt-30-h solid">联系客服</view>
+            </service>
             <navigator url="/pages/reserve/reserve?id={{detail.sid}}&activeTab=reserve"
             <navigator url="/pages/reserve/reserve?id={{detail.sid}}&activeTab=reserve"
                        wx:if="{{detail.hasCancel || detail.status==6}}"
                        wx:if="{{detail.hasCancel || detail.status==6}}"
-                       hover-class="navigator-hover">
+                       class="split">
                 <view class="min-but flex align-center justify-center txt-30-h solid">再次预订</view>
                 <view class="min-but flex align-center justify-center txt-30-h solid">再次预订</view>
             </navigator>
             </navigator>
             <navigator url="./cancel?id={{detail.id}}"
             <navigator url="./cancel?id={{detail.id}}"
                        wx:if="{{(detail.hasRunning || detail.status==0) && checkout.status!=3}}"
                        wx:if="{{(detail.hasRunning || detail.status==0) && checkout.status!=3}}"
-                       hover-class="navigator-hover">
+                       class="split">
                 <view class="min-but flex align-center justify-center txt-30-h solid">取消预订</view>
                 <view class="min-but flex align-center justify-center txt-30-h solid">取消预订</view>
             </navigator>
             </navigator>
             <navigator url="/pages/customer/detail_owner_invitation?id={{detail.id}}&hasInvitation=1&hasSellerShare=1&tplid=1"
             <navigator url="/pages/customer/detail_owner_invitation?id={{detail.id}}&hasInvitation=1&hasSellerShare=1&tplid=1"
                        wx:if="{{detail.hasRunning}}"
                        wx:if="{{detail.hasRunning}}"
-                     class="share-but-view">
+                     class="split">
                 <view class="min-but flex align-center justify-center txt-30-h solid line-blue">通知好友</view>
                 <view class="min-but flex align-center justify-center txt-30-h solid line-blue">通知好友</view>
             </navigator>
             </navigator>
             <navigator url="/pages/pinglun/create?sid={{detail.seller.id}}&oid={{detail.id}}&sellername={{detail.seller.sellername}}"
             <navigator url="/pages/pinglun/create?sid={{detail.seller.id}}&oid={{detail.id}}&sellername={{detail.seller.sellername}}"
                        wx:if="{{detail.hasFinished && hasComment}}"
                        wx:if="{{detail.hasFinished && hasComment}}"
-                       hover-class="navigator-hover">
+                       class="split">
                 <view class="min-but flex align-center justify-center txt-30-h solid line-blue">评价</view>
                 <view class="min-but flex align-center justify-center txt-30-h solid line-blue">评价</view>
             </navigator>
             </navigator>
         </view>
         </view>

@@ -17,7 +17,7 @@
 .min-but:after{
 .min-but:after{
   border-radius: 20rpx;
   border-radius: 20rpx;
 }
 }
-.min-but+.min-but{
+.split+.split{
   margin-left: 40rpx;
   margin-left: 40rpx;
 }
 }
 .big-but{
 .big-but{