update

src/pages/user/index.vue

@@ -1,5 +1,5 @@
 <script setup>
-import {defineAsyncComponent, onMounted, ref} from 'vue';
+import {defineAsyncComponent, onMounted, ref, reactive} from 'vue';
 import ICON1 from '../../static/icons/icon_提现记录.png';
 import ICON2 from '../../static/icons/icon_变动记录.png';
 import ICON3 from '../../static/icons/icon_我的钱包.png';
@@ -13,6 +13,7 @@ import XNav from "../../components/XNav.vue";
 import CreditScore from "../../components/CreditScore.vue";
 import {toPage} from "../../utils/uils.js";
 import {useUserStore} from "../../pinia/UserStore/index.js";
+import AddCustomerServiceModal from "../../components/AddCustomerServiceModal.vue";
 
 // #ifdef APP-PLUS
 // #endif
@@ -43,6 +44,9 @@ const tabs = [
 ]
 
 const UserStore = useUserStore();
+const state = reactive({
+    showAddCustomer: false,
+});
 
 onMounted(() => {
     UserStore.getUserInfo();
@@ -150,7 +154,7 @@ onMounted(() => {
                 <image class="!size-[84rpx]" mode="aspectFill" :src="ICON5"></image>
                 <view class="test-24r">账号管理</view>
             </view>
-            <view class="!flex items-center flex-col justify-center gap-[12rpx]">
+            <view class="!flex items-center flex-col justify-center gap-[12rpx]" @click="state.showAddCustomer=true">
                 <image class="!size-[84rpx]" mode="aspectFill" :src="ICON6"></image>
                 <view class="test-24r">联系客服</view>
             </view>
@@ -161,6 +165,8 @@ onMounted(() => {
             </view>
         </view>
     </view>
+
+    <add-customer-service-modal v-model:show="state.showAddCustomer"></add-customer-service-modal>
 </template>
 
 <style lang="scss" scoped>