hookehuyr

refactor(ui): 移除LiveStreamCard中未使用的观众头像和人数显示

移除LiveStreamCard组件中未使用的观众头像和人数显示代码,简化UI布局
1 <!-- 1 <!--
2 * @Date: 2025-03-20 15:33:07 2 * @Date: 2025-03-20 15:33:07
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-03-20 15:33:08 4 + * @LastEditTime: 2025-03-21 11:11:19
5 - * @FilePath: /react_template_1/src/components/ui/LiveStreamCard.vue 5 + * @FilePath: /mlaj/src/components/ui/LiveStreamCard.vue
6 * @Description: 文件描述 6 * @Description: 文件描述
7 --> 7 -->
8 <template> 8 <template>
...@@ -26,14 +26,14 @@ ...@@ -26,14 +26,14 @@
26 <!-- Stream info --> 26 <!-- Stream info -->
27 <div class="absolute bottom-2 left-2 right-2"> 27 <div class="absolute bottom-2 left-2 right-2">
28 <h3 class="text-white text-sm font-medium">「{{ stream.title }}」{{ stream.subtitle }}</h3> 28 <h3 class="text-white text-sm font-medium">「{{ stream.title }}」{{ stream.subtitle }}</h3>
29 - <div class="flex items-center mt-1"> 29 + <div class="flex items-center mt-2">
30 - <div class="flex -space-x-2"> 30 + <!-- <div class="flex -space-x-2">
31 <div class="w-5 h-5 rounded-full bg-gray-300 border border-white"></div> 31 <div class="w-5 h-5 rounded-full bg-gray-300 border border-white"></div>
32 <div class="w-5 h-5 rounded-full bg-gray-400 border border-white"></div> 32 <div class="w-5 h-5 rounded-full bg-gray-400 border border-white"></div>
33 <div class="w-5 h-5 rounded-full bg-gray-500 border border-white"></div> 33 <div class="w-5 h-5 rounded-full bg-gray-500 border border-white"></div>
34 - </div> 34 + </div> -->
35 - <span class="text-white text-xs ml-1">{{ stream.viewers }}人在看</span> 35 + <!-- <span class="text-white text-xs ml-1">{{ stream.viewers }}人在看</span> -->
36 - <button class="ml-auto bg-green-500 text-white text-xs px-2 py-1 rounded"> 36 + <button class="mx-auto bg-green-500 text-white text-xs px-2 py-1 rounded">
37 立即观看 37 立即观看
38 </button> 38 </button>
39 </div> 39 </div>
......