更新

2026-03-11 09:49:47 +08:00
parent 02ae537b4c
commit 38ad60f4bb
290 changed files with 36917 additions and 123 deletions
@@ -0,0 +1,153 @@
+<template>
+  <view class="container">
+    <view class='guide-box'>
+      <!-- <button @click="setCallingBell">setCallingBell</button> -->
+      <!-- <button @click="enableMuteMode">enableMuteMode</button> -->
+      <view class="single-box" v-for="(item, index) in entryInfos" :key="index" :id="index" @click='handleEntry'>
+        <image class="icon" mode="aspectFit" :src="item.icon" role="img"></image>
+        <view class="single-content">
+          <view class="label">{{ item.title }}</view>
+          <view class="desc">{{ item.desc }}</view>
+        </view>
+      </view>
+    </view>
+  </view>
+</template>
+
+<script setup>
+// import { TUICallKitAPI } from "../../TUICallKit/src/index";
+// import { ref } from "vue";
+const template = '1v1';
+const entryInfos = [
+  {
+    icon: 'https://web.sdk.qcloud.com/component/miniApp/resources/audio-card.png',
+    title: '语音通话',
+    desc: '丢包率70%仍可正常语音通话',
+    navigateTo: '../calling/call?type=1',
+  },
+  {
+    icon: 'https://web.sdk.qcloud.com/component/miniApp/resources/video-card.png',
+    title: '视频通话',
+    desc: '丢包率50%仍可正常视频通话',
+    navigateTo: '../calling/call?type=2',
+  },
+  {
+    icon: 'https://web.sdk.qcloud.com/component/miniApp/resources/audio-card.png',
+    title: '多人语音通话',
+    desc: '丢包率70%仍可正常语音通话',
+    navigateTo: '../calling/groupCall?type=1',
+  },
+  {
+    icon: 'https://web.sdk.qcloud.com/component/miniApp/resources/video-card.png',
+    title: '多人视频通话',
+    desc: '丢包率50%仍可正常视频通话',
+    navigateTo: '../calling/groupCall?type=2',
+  },
+];
+// --------铃声相关接口测试-----------------
+// let isMute = ref(false);
+// const enableMuteMode = async () => {
+//   isMute.value = !isMute.value;
+//   await TUICallKitAPI.enableMuteMode(isMute.value);
+// }
+// const setCallingBell = async () => {
+//   await TUICallKitAPI.setCallingBell('mp2.mp3');
+// }
+const handleEntry = (e) => {
+  const url = entryInfos[e.currentTarget.id].navigateTo;
+  uni.navigateTo({
+    url,
+  });
+}
+</script>
+
+<style>
+.container {
+  /* background-image: url(https://mc.qcloudimg.com/static/img/7da57e0050d308e2e1b1e31afbc42929/bg.png); */
+  background: #F4F5F9;
+  background-repeat: no-repeat;
+  background-size: cover;
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  box-sizing: border-box;
+}
+
+.container .title {
+  position: relative;
+  width: 100vw;
+  font-size: 18px;
+  color: #000000;
+  letter-spacing: 0;
+  text-align: center;
+  line-height: 28px;
+  font-weight: 600;
+  background: #FFFFFF;
+  margin-top: 3.8vh;
+  padding: 1.2vh 0;
+}
+
+.tips {
+  color: #ffffff;
+  font-size: 12px;
+  text-align: center;
+}
+
+.guide-box {
+  width: 100vw;
+  box-sizing: border-box;
+  padding: 16px;
+  display: flex;
+  flex-direction: column;
+}
+
+.single-box {
+  flex: 1;
+  border-radius: 10px;
+  background-color: #ffffff;
+  margin-bottom: 16px;
+  display: flex;
+  align-items: center;
+}
+
+.icon {
+  display: block;
+  width: 180px;
+  height: 144px;
+}
+
+.single-content {
+  padding: 36px 30px 36px 20px;
+  color: #333333;
+}
+
+.label {
+  display: block;
+  font-size: 18px;
+  color: #333333;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+
+.desc {
+  display: block;
+  font-size: 14px;
+  color: #333333;
+  letter-spacing: 0;
+  font-weight: 500;
+}
+
+.logo-box {
+  position: absolute;
+  width: 100vw;
+  bottom: 36rpx;
+  text-align: center;
+}
+
+.logo {
+  width: 160rpx;
+  height: 44rpx;
+}
+</style>