mirror of
https://github.com/Megghy/vtsuru.live.git
synced 2025-12-07 02:46:55 +08:00
feat: 更新QuestionItem和QuestionBoxView组件
- 在QuestionItem.vue中移除垂直间距,替换为NDivider以优化布局 - 在QuestionBoxView.vue中修改问题输入框的占位符,更新提示区域逻辑,调整问题内容卡片样式
This commit is contained in:
@@ -146,7 +146,6 @@ function getScoreColor(score: number | undefined): string {
|
|||||||
</template>
|
</template>
|
||||||
<template v-if="item.questionImages && item.questionImages.length > 0">
|
<template v-if="item.questionImages && item.questionImages.length > 0">
|
||||||
<NSpace
|
<NSpace
|
||||||
vertical
|
|
||||||
size="small"
|
size="small"
|
||||||
>
|
>
|
||||||
<NImage
|
<NImage
|
||||||
@@ -157,7 +156,7 @@ function getScoreColor(score: number | undefined): string {
|
|||||||
lazy
|
lazy
|
||||||
/>
|
/>
|
||||||
</NSpace>
|
</NSpace>
|
||||||
<br>
|
<NDivider style="margin: 10px 0;" />
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<NText
|
<NText
|
||||||
|
|||||||
@@ -435,7 +435,7 @@ onUnmounted(() => {
|
|||||||
type="textarea"
|
type="textarea"
|
||||||
:count-graphemes="countGraphemes"
|
:count-graphemes="countGraphemes"
|
||||||
class="question-textarea"
|
class="question-textarea"
|
||||||
placeholder="在这里输入您的问题..."
|
placeholder="随便说点"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -591,20 +591,13 @@ onUnmounted(() => {
|
|||||||
<NDivider class="form-divider" />
|
<NDivider class="form-divider" />
|
||||||
|
|
||||||
<!-- 提示区域 - 合并条件 -->
|
<!-- 提示区域 - 合并条件 -->
|
||||||
<transition
|
<NAlert
|
||||||
name="fade"
|
v-if="!isUserLoggedIn && !isSelf && !allowUploadImage"
|
||||||
appear
|
type="info"
|
||||||
|
class="login-alert"
|
||||||
>
|
>
|
||||||
<NAlert
|
{{ '主播不允许上传图片' }}
|
||||||
v-if="!isUserLoggedIn && !isSelf"
|
</NAlert>
|
||||||
type="info"
|
|
||||||
class="login-alert"
|
|
||||||
>
|
|
||||||
{{ !allowUploadImage && targetUserSetting !== null ?
|
|
||||||
'登录后才能上传图片,或该用户未允许匿名上传图片。' :
|
|
||||||
allowUploadImage ? '当前为匿名状态,图片上传后将无法更改。' : '' }}
|
|
||||||
</NAlert>
|
|
||||||
</transition>
|
|
||||||
|
|
||||||
<!-- 匿名选项 -->
|
<!-- 匿名选项 -->
|
||||||
<transition
|
<transition
|
||||||
@@ -743,7 +736,10 @@ onUnmounted(() => {
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<!-- 问题内容 -->
|
<!-- 问题内容 -->
|
||||||
<NCard class="question-content">
|
<NCard
|
||||||
|
class="question-content"
|
||||||
|
size="small"
|
||||||
|
>
|
||||||
<div
|
<div
|
||||||
v-if="item.question.message"
|
v-if="item.question.message"
|
||||||
class="question-message"
|
class="question-message"
|
||||||
@@ -755,7 +751,7 @@ onUnmounted(() => {
|
|||||||
v-if="item.questionImages && item.questionImages.length > 0"
|
v-if="item.questionImages && item.questionImages.length > 0"
|
||||||
class="question-image-container"
|
class="question-image-container"
|
||||||
>
|
>
|
||||||
<NImage
|
<NImage
|
||||||
v-for="(img, index) in item.questionImages"
|
v-for="(img, index) in item.questionImages"
|
||||||
:key="index"
|
:key="index"
|
||||||
:src="img.path"
|
:src="img.path"
|
||||||
|
|||||||
Reference in New Issue
Block a user