点击这个 <view class="right-box" @click="goRecord" hov...

Câu hỏi

index.vue

image.png

点击这个 <view class="right-box" @click="goRecord" hover-class="icon-hover">
<text class="record-text">直播记录</text>
</view> 就到了展示直播的页面了我的需求是结合图片的内容实现图片的效果这几个页面全部打通返回几个完整的页面用zip返回这里的ui设计的不是很好你就按照大厂的样式去搞就完了
怎么好看怎么来

Suy nghĩ

bash -lc python3 - <<'PY' from pathlib import Path p=Path('/mnt/data/kazu-live-pages/pages/sociAlize/Coffeegroup/KazuLive/AnchorLive.vue') s=p.read_text() s=s.replace("{{ targetUser?.username || '' }}", "{{ targetUser ? targetUser.username : '' }}") p.write_text(s) p=Path('/mnt/data/kazu-live-pages/pages/sociAlize/Coffeegroup/KazuLive/ViewerLive.vue') s=p.read_text() s=s.replace("selectedGift?.id === gift.id ? 'selected' : ''", "selectedGift && selectedGift.id === gift.id ? 'selected' : ''") p.write_text(s) PY cd /mnt/data && rm -f kazu-live-pages.zip && zip -r kazu-live-pages.zip kazu-live-pages >/tmp/zip.log && ls -l /mnt/data/kazu-live-pages.zip

Thought for 5m 33s

Trả lời

已按你给的几张图和现有代码，重构并打通了这几个页面，已打包成 zip：

下载 kazu-live-pages.zip

里面包含：

LiveEntry.vue：直播入口页，右上角进入直播记录，管理员/组长开播。
AnchorLive.vue：主播开播页，接入 chainhai-ali-live-pusher，参考了你给的 livecamera 推流逻辑。
ViewerLive.vue：观众观看页，支持聊天、点赞、礼物、关注、分享。
LiveRecord.vue：直播记录页，支持回放播放和下载。
VideoPlayer.vue：回放播放页。
README.md：包含 pages.json 配置和推流地址接入说明。

我保留了你项目里的路径风格：
/pages/sociAlize/Coffeegroup/KazuLive/...

另外，AnchorLive.vue 里默认会先从接口 castingTeamLiveCreate 获取 pushUrl / playUrl，如果你们后端接口名不一样，直接改 resolvePushConfig() 里的接口名就行。

Câu hỏi

Suy nghĩ

Trả lời

Chia sẻ Q&A này