feat:暂停/继续按钮与文字间距增加
This commit is contained in:
@@ -1303,10 +1303,20 @@ defineExpose({
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<!-- 流式传输中且未Pause:显示Pause图标 -->
|
<!-- 流式传输中且未Pause:显示Pause图标 -->
|
||||||
<svg-icon v-else-if="isStreaming && !isPaused" icon-class="Pause" size="20px" />
|
<svg-icon
|
||||||
|
v-else-if="isStreaming && !isPaused"
|
||||||
|
icon-class="Pause"
|
||||||
|
size="20px"
|
||||||
|
class="btn-icon"
|
||||||
|
/>
|
||||||
|
|
||||||
<!-- 流式传输中且已Pause:显示播放/Resume图标 -->
|
<!-- 流式传输中且已Pause:显示播放/Resume图标 -->
|
||||||
<svg-icon v-else-if="isStreaming && isPaused" icon-class="video-play" size="20px" />
|
<svg-icon
|
||||||
|
v-else-if="isStreaming && isPaused"
|
||||||
|
icon-class="video-play"
|
||||||
|
size="20px"
|
||||||
|
class="btn-icon"
|
||||||
|
/>
|
||||||
|
|
||||||
<!-- 默认状态:显示 action 图标 -->
|
<!-- 默认状态:显示 action 图标 -->
|
||||||
<svg-icon v-else icon-class="action" />
|
<svg-icon v-else icon-class="action" />
|
||||||
@@ -1715,7 +1725,7 @@ defineExpose({
|
|||||||
height: 40px !important;
|
height: 40px !important;
|
||||||
border-radius: 20px !important;
|
border-radius: 20px !important;
|
||||||
padding: 0 16px !important;
|
padding: 0 16px !important;
|
||||||
gap: 8px;
|
gap: 8px !important;
|
||||||
|
|
||||||
// Task process button - fixed left, expand right
|
// Task process button - fixed left, expand right
|
||||||
&:nth-child(1) {
|
&:nth-child(1) {
|
||||||
@@ -1778,6 +1788,11 @@ defineExpose({
|
|||||||
transform: translateX(0);
|
transform: translateX(0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 按钮图标间距
|
||||||
|
.btn-icon {
|
||||||
|
margin-right: 8px !important;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
Reference in New Issue
Block a user