@tencentcloud/sdk-mcp 1.7.2 → 1.7.4

package/resource/integration/roomkit/preset/vue/integration.md

@@ -1,206 +1,5 @@
 本文档介绍如何在 Vue 3 业务项目中集成 TUIRoomKit，快速获得开箱即用的多人音视频会议能力。
 
-<style>
-.vsdk-survey-card * {
-  box-sizing: border-box;
-}
-
-.vsdk-survey-card {
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 20px;
-  padding: 18px 22px;
-  margin: 16px 0;
-  border-radius: 14px;
-  overflow: hidden;
-  background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%);
-  border: 1px solid #D7E8FF;
-  box-shadow: 0 4px 16px rgba(0,110,255,.05);
-  transition: all .25s ease;
-}
-
-.vsdk-survey-card::before{
-  content:"";
-  position:absolute;
-  right:-60px;
-  top:-60px;
-  width:180px;
-  height:180px;
-  background:radial-gradient(circle,
-      rgba(0,110,255,.16) 0%,
-      rgba(0,110,255,.08) 45%,
-      transparent 75%);
-  pointer-events:none;
-}
-
-.vsdk-survey-card::after{
-  content:"";
-  position:absolute;
-  left:-40px;
-  bottom:-60px;
-  width:120px;
-  height:120px;
-  background:radial-gradient(circle,
-      rgba(76,169,255,.08),
-      transparent 70%);
-  pointer-events:none;
-}
-
-.vsdk-survey-card:hover{
-  border-color:#006EFF;
-  box-shadow:
-      0 10px 28px rgba(0,110,255,.10),
-      0 0 36px rgba(0,110,255,.08);
-  transform:translateY(-2px);
-}
-
-.vsdk-card-left{
-  display:flex;
-  align-items:center;
-  gap:14px;
-  flex:1;
-  min-width:0;
-  position:relative;
-  z-index:1;
-}
-
-.vsdk-ico{
-  width:46px;
-  height:46px;
-  flex:0 0 46px;
-  border-radius:12px;
-  background:linear-gradient(180deg,#EDF5FF,#DCEBFF);
-  display:flex;
-  align-items:center;
-  justify-content:center;
-  font-size:22px;
-  box-shadow:
-      inset 0 1px 0 rgba(255,255,255,.8),
-      0 6px 18px rgba(0,110,255,.12);
-}
-
-.vsdk-text{
-  min-width:0;
-}
-
-.vsdk-title{
-  display:flex;
-  align-items:center;
-  gap:8px;
-  flex-wrap:wrap;
-  font-size:18px;
-  font-weight:600;
-  color:#1F2329;
-  line-height:1.4;
-}
-
-.vsdk-badge{
-  padding:2px 8px;
-  border-radius:999px;
-  background:#EAF3FF;
-  color:#006EFF;
-  font-size:11px;
-  font-weight:600;
-}
-
-.vsdk-desc{
-  margin-top:6px;
-  font-size:13px;
-  line-height:1.7;
-  color:#4E5969;
-}
-
-.vsdk-card-right{
-  flex-shrink:0;
-  position:relative;
-  z-index:1;
-}
-
-.vsdk-cta{
-  display:inline-flex;
-  align-items:center;
-  justify-content:center;
-  min-width:112px;
-  height:40px;
-  padding:0 22px;
-  border-radius:8px;
-  background:#006EFF;
-  color:#FFFFFF;
-  text-decoration:none;
-  font-size:14px;
-  font-weight:600;
-  box-shadow:0 8px 20px rgba(0,110,255,.25);
-  transition:all .2s ease;
-}
-
-.vsdk-cta:hover{
-  background:#0052D9;
-  box-shadow:0 10px 24px rgba(0,110,255,.35);
-}
-
-@media (max-width:768px){
-
-.vsdk-survey-card{
-    flex-direction:column;
-    align-items:flex-start;
-}
-
-.vsdk-card-left{
-    width:100%;
-    align-items:flex-start;
-}
-
-.vsdk-title{
-    font-size:16px;
-}
-
-.vsdk-desc{
-    font-size:12px;
-}
-
-.vsdk-card-right{
-    width:100%;
-    margin-top:14px;
-}
-
-.vsdk-cta{
-    width:100%;
-}
-
-}
-</style>
-
-<div class="vsdk-survey-card">
-
-<div class="vsdk-card-left">
-
-<div class="vsdk-ico">💡</div>
-
-<div class="vsdk-text">
-
-<div class="vsdk-title">
-有接入卡点？30 秒反馈
-<span class="vsdk-badge">全部选填</span>
-</div>
-
-<div class="vsdk-desc">
-正在了解或评估视频会议 SDK？UI、功能、文档或套餐开通如有卡点，欢迎填写反馈。
-</div>
-
-</div>
-
-</div>
-
-<div class="vsdk-card-right">
-<a class="vsdk-cta" href="https://wj.qq.com/s2/27395009/ac34/" target="_blank">
-填写反馈
-</a>
-</div>
-
-</div>
-
 ## 前提条件
 
 ### 开通服务
@@ -319,10 +118,6 @@ onUnmounted(() => {
 });
 </script>
 
-<style>
-html, body, #app { width: 100%; height: 100%; max-width: 100%; max-height: 100%; margin: 0; padding: 0; }
-.entry { display: flex; flex-direction: column; gap: 12px; align-items: center; justify-content: center; height: 100vh; width: 260px; margin: 0 auto; }
-</style>
 ```
 
 ### 步骤3：启动并验证
@@ -601,14 +396,6 @@ const handleJoinRoom = async (roomId: string) => {
 };
 </script>
 
-<style scoped>
-/* 极简基础样式 */
-ul { padding: 0; list-style: none; }
-.item { display: flex; justify-content: space-between; padding: 10px; border-bottom: 1px solid #eee; }
-.info { display: flex; flex-direction: column; font-size: 14px; color: #666; }
-.info b { font-size: 16px; color: #333; }
-.btn { background: #006eff; color: #fff; border: none; padding: 6px 12px; border-radius: 4px; cursor: pointer; }
-</style>
 ```
 
 #### 场景三：不确定房间是否已存在，需要直接进入