修改BUG

pages/my-index/customer-service/index.vue

@@ -1,4 +1,18 @@
-<script setup></script>
+<script setup>
+  import { navigateTo } from '@/utils/router'
+  // import { onLoad } from '@dcloudio/uni-app'
+  // import { ref } from 'vue'
+  // import { getUserServiceList } from '@/api/my-index'
+
+  // const list = ref([])
+  // const getList = async () => {
+  //   const res = await getUserServiceList()
+  //   list.value = res.data
+  // }
+  // onLoad(() => {
+  //   getList()
+  // })
+</script>
 
 <template>
   <view class="customer-service-index">
@@ -9,8 +23,12 @@
         class="avatar"
       ></image>
       <text class="tisp">Hi~有什么可以帮到你？</text>
-      <button>第三方客服</button>
-      <button>APP客服</button>
+      <button
+        @tap="navigateTo('/pages/my-index/customer-service/third-party')"
+      >
+        第三方客服
+      </button>
+      <!-- <button>APP客服</button> -->
     </view>
   </view>
 </template>
@@ -52,7 +70,7 @@
         background: linear-gradient(0deg, #00d993 0%, #00d9c5 100%);
         border-radius: 16rpx;
         box-sizing: border-box;
-        &:last-child {
+        &:nth-child(2) {
           background: #ffffff;
           color: #00d993;
           border: 2rpx solid #00d993;

pages/my-index/customer-service/third-party.vue

@@ -0,0 +1,35 @@
+<script setup>
+  import { onLoad } from '@dcloudio/uni-app'
+  import { ref } from 'vue'
+  import { useAuthUser } from '@/composables/useAuthUser'
+
+  const { userInfo } = useAuthUser()
+
+  const windowHeight = ref(0)
+  const url = ref('')
+  onLoad(() => {
+    const info = uni.getSystemInfoSync()
+    windowHeight.value = info.windowHeight - 4
+    url.value = `https://www.axd01wf.cfd/chat/index?channelId=${
+      import.meta.env.VITE_CHANNEL_ID
+    }&groupId=${import.meta.env.VITE_GROUP_ID}&userName=${
+      userInfo.value.userName
+    }&phone=${userInfo.value.mobile}&email=${userInfo.value.email}`
+  })
+</script>
+
+<template>
+  <view :style="{ height: windowHeight + 'px' }" class="webview-box">
+    <web-view
+      :fullscreen="false"
+      :src="url"
+      style="width: 100%; height: 100%"
+    ></web-view>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+  .webview-box {
+    width: 100%;
+  }
+</style>