feat:综合服务添加联系电话

src/pages/tabbar/integrated.vue

@@ -9,20 +9,29 @@
 					<div v-for="item in services" :key="item.name" class="service-item" @click="goPage(item)">
 						<div class="service-icon-wrapper">
 							<image :src="item.icon" class="service-icon" />
-							<view v-if="item.name === 'todo' && todoCount > 0" class="badge">{{ todoCount > 99 ? "99+" : todoCount }}</view>
+							<view v-if="item.name === 'todo' && todoCount > 0" class="badge">{{ todoCount > 99 ? "99+" :
+								todoCount }}</view>
 						</div>
 						<div class="service-label">{{ item.label }}</div>
 					</div>
 				</div>
 			</div>
 		</div>
+		<view class="position-absolute bottom-20rpx left-0 right-0 second-text-26 text-center">
+			<text>联系热线：</text>
+			<text @click="doPhone('18367908152')">18367908152</text>
+			&nbsp;
+			<text @click="doPhone('15657370065')">15657370065</text>
+		</view>
 	</crud-layout>
 </template>
 
 <script setup lang="ts">
 import { onLoad } from "@dcloudio/uni-app"
 import { ref, onMounted } from "vue"
+
 import integratedApi from "@/sheep/api/integrated"
+import { hooks } from "@@/index"
 
 const todoCount = ref(0)
 
@@ -109,6 +118,11 @@ function goPage(item) {
 		uni.navigateTo({ url: item.url })
 	}
 }
+
+// 联系客服
+const doPhone = (phone: string) => {
+	hooks.useMakePhoneCall(phone)
+}
 </script>
 
 <style scoped lang="less">
@@ -119,6 +133,7 @@ function goPage(item) {
 	margin: 32rpx 24rpx 0 24rpx;
 	padding: 0 0 8rpx 0;
 }
+
 .integrated-title {
 	font-size: 38rpx;
 	font-weight: bold;
@@ -127,6 +142,7 @@ function goPage(item) {
 	padding: 36rpx 0 24rpx 0;
 	letter-spacing: 2rpx;
 }
+
 .service-container-card {
 	background: #fff;
 	border-radius: 24rpx;
@@ -134,17 +150,20 @@ function goPage(item) {
 	margin: 24rpx;
 	padding-bottom: 32rpx;
 }
+
 .service-container {
 	padding: 32rpx 0 0 0;
 	background: transparent;
 	border-radius: 16rpx;
 }
+
 .service-grid {
 	display: flex;
 	flex-wrap: wrap;
 	justify-content: space-between;
 	padding: 0 24rpx;
 }
+
 .service-item {
 	width: 25%;
 	margin-bottom: 40rpx;
@@ -153,10 +172,12 @@ function goPage(item) {
 	align-items: center;
 	transition: transform 0.2s;
 }
+
 .service-item:hover {
 	transform: translateY(-6rpx) scale(1.06);
 	box-shadow: 0 2rpx 12rpx rgba(25, 118, 210, 0.08);
 }
+
 .service-icon-wrapper {
 	position: relative;
 	margin-bottom: 14rpx;
@@ -195,19 +216,23 @@ function goPage(item) {
 	0% {
 		transform: scale(1);
 	}
+
 	50% {
 		transform: scale(1.1);
 	}
+
 	100% {
 		transform: scale(1);
 	}
 }
+
 .service-label {
 	font-size: 28rpx;
 	color: #333;
 	text-align: center;
 	letter-spacing: 1rpx;
 }
+
 body {
 	background: #f5f6fa;
 }