文案:明确观看直播无需登录,仅发弹幕需账号

Made-with: Cursor
This commit is contained in:
whm
2026-03-26 15:26:48 +08:00
parent 8d800eee62
commit 0aa11575a6
2 changed files with 11 additions and 2 deletions

View File

@@ -117,7 +117,9 @@
</div> </div>
<div class="live-cta-copy"> <div class="live-cta-copy">
<h2 class="live-cta-title">{{ data.live_room_title || '视频直播' }}</h2> <h2 class="live-cta-title">{{ data.live_room_title || '视频直播' }}</h2>
<p class="live-cta-desc">直播由管理后台视频直播开播推送开播后首页左上角自动出现画中画也可进入全屏直播页</p> <p class="live-cta-desc">
直播由管理后台视频直播开播推送开播后首页左上角自动出现画中画也可进入全屏直播页观看无需登录
</p>
</div> </div>
<router-link to="/live" class="live-cta-btn">进入直播页</router-link> <router-link to="/live" class="live-cta-btn">进入直播页</router-link>
</div> </div>

View File

@@ -9,6 +9,7 @@
<section class="live-block" aria-label="本站直播"> <section class="live-block" aria-label="本站直播">
<h2 class="live-block-title">本站直播WebRTC</h2> <h2 class="live-block-title">本站直播WebRTC</h2>
<p class="live-no-login-hint">观看直播无需登录注册/登录仅用于发送弹幕</p>
<div class="live-quality-row"> <div class="live-quality-row">
<label class="live-quality-label" for="live-cap-q">采集画质</label> <label class="live-quality-label" for="live-cap-q">采集画质</label>
<select id="live-cap-q" v-model="captureQualityPref" class="live-quality-select"> <select id="live-cap-q" v-model="captureQualityPref" class="live-quality-select">
@@ -82,7 +83,7 @@
class="live-dm-input" class="live-dm-input"
type="text" type="text"
maxlength="120" maxlength="120"
:placeholder="dmLoggedIn ? '发条弹幕…' : '登录后可发弹幕(仍可观看)'" :placeholder="dmLoggedIn ? '发条弹幕…' : '登录后可发弹幕'"
autocomplete="off" autocomplete="off"
:disabled="!dmLoggedIn" :disabled="!dmLoggedIn"
@keydown.enter.prevent="sendDm" @keydown.enter.prevent="sendDm"
@@ -505,6 +506,12 @@ onUnmounted(() => {
color: rgba(255, 255, 255, 0.92); color: rgba(255, 255, 255, 0.92);
margin: 0 0 10px; margin: 0 0 10px;
} }
.live-no-login-hint {
margin: 0 0 12px;
font-size: 13px;
line-height: 1.5;
color: rgba(255, 255, 255, 0.55);
}
.live-quality-row { .live-quality-row {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;