<!-- 左下角发布题目区域 -->
<div class="question-publish-area">
<div class="area-title">发布题目</div>
<el-input
v-model="questionContent"
type="textarea"
placeholder="请输入题目内容"
:rows="4"
></el-input>
<div class="publish-actions">
<el-button type="primary" @click="publishQuestion">发布题目</el-button>
</div>
</div>
</div>
<!-- 右侧区域 -->
<div class="right-section">
<!-- 题目回答情况 -->
<div class="question-answers">
<div class="area-title">题目回答情况</div>
<div class="answer-list">
<div v-if="answers.length === 0" class="no-data">暂无回答</div>
<div v-else v-for="(answer, index) in answers" :key="index" class="answer-item">
<div class="answer-user">{{ answer.userName }}</div>
<div class="answer-content">{{ answer.content }}</div>
<div class="answer-time">{{ answer.time }}</div>
</div>
</div>
</div>
<!-- 动态反馈区域 -->
<div class="feedback-area">
<div class="area-title">动态反馈</div>
<div class="feedback-list">
<div v-if="feedbacks.length === 0" class="no-data">暂无反馈</div>
<div v-else v-for="(feedback, index) in feedbacks" :key="index" class="feedback-item">
<div class="feedback-content">{{ feedback.content }}</div>
<div class="feedback-time">{{ feedback.time }}</div>
</div>
</div>
</div>
</div>
<!-- 最右侧听众列表 -->
<div class="audience-section">
<div class="area-title">听众列表</div>
<div class="audience-list">
<div v-if="audiences.length === 0" class="no-data">暂无听众</div>
<div v-else v-for="(audience, index) in audiences" :key="index" class="audience-item">
<el-avatar :size="32" :src="audience.avatar"></el-avatar>
<div class="audience-name">{{ audience.name }}</div>
</div>
</div>
</div>