diff --git a/src/pages/shop/detail.vue b/src/pages/shop/detail.vue
index e133347..8c40f02 100644
--- a/src/pages/shop/detail.vue
+++ b/src/pages/shop/detail.vue
@@ -43,7 +43,10 @@
 										></path>
 									</svg>
 									<view class="second-text-28 ml-1">{{ state.detail.phone }}</view>
-									<view class="second-text-20 bg-#f8f8f8 ml-1 p-0.4 rounded-1 border border-solid border-b-coolGray" @tap="doPhone">
+									<view
+										class="second-text-20 bg-#f8f8f8 ml-1 p-0.3 flex items-center rounded-1 border border-solid border-b-coolGray"
+										@tap="doPhone"
+									>
 										联系商家
 									</view>
 								</view>
@@ -145,7 +148,7 @@
 import { reactive, nextTick, ref } from "vue"
 import { onLoad, onShow } from "@dcloudio/uni-app"
 import { isEmpty } from "radash"
-import { hooks, router } from "@@/index"
+import { router } from "@@/index"
 import { foodApi, merchantApi, payApi, shopApi } from "@@/api"
 import zSwiper from "@zebra-ui/swiper/components/z-swiper/z-swiper.vue"
 import zSwiperItem from "@zebra-ui/swiper/components/z-swiper-item/z-swiper-item.vue"
@@ -269,7 +272,12 @@ const doPhone = () => {
 		uni.showToast({ title: "该商户没有预留电话", icon: "none" })
 		return
 	}
-	hooks.useMakePhoneCall(state.detail.phone)
+	;(window as any).dd
+		.callPhone({
+			phoneNum: state.detail.phone,
+		})
+		.then((res) => {})
+		.catch((err) => {})
 }
 
 const getHeight = () => {