|
@@ -125,9 +125,9 @@
|
|
|
<div v-if="currentSlideHasIframe && isFullscreen" class="homework-submit-btn" :class="{ 'submitting': isSubmitting }"
|
|
<div v-if="currentSlideHasIframe && isFullscreen" class="homework-submit-btn" :class="{ 'submitting': isSubmitting }"
|
|
|
:style="{ right: getHomeworkButtonRight() + 'px' }" @click="handleHomeworkSubmit"
|
|
:style="{ right: getHomeworkButtonRight() + 'px' }" @click="handleHomeworkSubmit"
|
|
|
v-tooltip="isSubmitting ? '作业提交中...' : '作业提交'">
|
|
v-tooltip="isSubmitting ? '作业提交中...' : '作业提交'">
|
|
|
- <IconEdit v-if="!isSubmitting" class="tool-btn" />
|
|
|
|
|
- <div v-else class="loading-spinner"></div>
|
|
|
|
|
- <span class="btn-text">{{ isSubmitting ? '提交中...' : '作业提交' }}</span>
|
|
|
|
|
|
|
+ <!-- <IconEdit v-if="!isSubmitting" class="tool-btn" />
|
|
|
|
|
+ <div v-else class="loading-spinner"></div> -->
|
|
|
|
|
+ <span class="btn-text">{{ isSubmitting ? '提交中...' : '提交' }}</span>
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- 刷新iframe按钮 -->
|
|
<!-- 刷新iframe按钮 -->
|
|
@@ -176,6 +176,7 @@
|
|
|
<!-- 标签页切换按钮 -->
|
|
<!-- 标签页切换按钮 -->
|
|
|
<div v-show="!workPanelCollapsed" class="tab-switcher">
|
|
<div v-show="!workPanelCollapsed" class="tab-switcher">
|
|
|
<button
|
|
<button
|
|
|
|
|
+ v-show="currentSlideHasIframe"
|
|
|
class="tab-btn"
|
|
class="tab-btn"
|
|
|
:class="{ active: rightPanelMode === 'homework' }"
|
|
:class="{ active: rightPanelMode === 'homework' }"
|
|
|
@click="switchToHomework"
|
|
@click="switchToHomework"
|
|
@@ -1621,11 +1622,11 @@ const handleRefreshPage = () => {
|
|
|
// 获取作业提交按钮的右侧位置
|
|
// 获取作业提交按钮的右侧位置
|
|
|
const getHomeworkButtonRight = () => {
|
|
const getHomeworkButtonRight = () => {
|
|
|
if (isFullscreen.value) {
|
|
if (isFullscreen.value) {
|
|
|
- return 30 // 全屏时按钮在右侧30px
|
|
|
|
|
|
|
+ return 70 // 全屏时按钮在右侧30px
|
|
|
}
|
|
}
|
|
|
if (props.type === '1') {
|
|
if (props.type === '1') {
|
|
|
// 展开回答结果:按钮更靠左;收起时:按钮更靠右侧
|
|
// 展开回答结果:按钮更靠左;收起时:按钮更靠右侧
|
|
|
- return workPanelCollapsed.value ? 60 : 430
|
|
|
|
|
|
|
+ return workPanelCollapsed.value ? 100 : 430
|
|
|
}
|
|
}
|
|
|
return 30 // type=2时按钮在右侧30px
|
|
return 30 // type=2时按钮在右侧30px
|
|
|
}
|
|
}
|
|
@@ -2972,17 +2973,17 @@ const handleDisconnection = () => {
|
|
|
position: fixed;
|
|
position: fixed;
|
|
|
bottom: 60px;
|
|
bottom: 60px;
|
|
|
z-index: 100;
|
|
z-index: 100;
|
|
|
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
|
|
|
|
|
+ background: #191a19;
|
|
|
color: white;
|
|
color: white;
|
|
|
- padding: 12px 20px;
|
|
|
|
|
- border-radius: 25px;
|
|
|
|
|
|
|
+ padding: 5px 20px;
|
|
|
|
|
+ border-radius: 5px;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
gap: 8px;
|
|
gap: 8px;
|
|
|
- box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
|
|
|
|
|
|
|
+ border: 2px solid #191a19;
|
|
|
transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
|
- font-size: 14px;
|
|
|
|
|
|
|
+ font-size: 16px;
|
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
|
|
|
|
|
|
&:hover:not(.submitting) {
|
|
&:hover:not(.submitting) {
|
|
@@ -3032,17 +3033,16 @@ const handleDisconnection = () => {
|
|
|
position: fixed;
|
|
position: fixed;
|
|
|
bottom: 60px;
|
|
bottom: 60px;
|
|
|
z-index: 100;
|
|
z-index: 100;
|
|
|
- background: linear-gradient(135deg, #52c41a 0%, #389e0d 100%);
|
|
|
|
|
- color: white;
|
|
|
|
|
- padding: 12px 20px;
|
|
|
|
|
- border-radius: 25px;
|
|
|
|
|
|
|
+ color: #000;
|
|
|
|
|
+ padding: 5px 20px;
|
|
|
|
|
+ border-radius: 5px;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
gap: 8px;
|
|
gap: 8px;
|
|
|
- box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
|
|
|
|
|
|
|
+ border: 2px solid #e9e9e9;
|
|
|
transition: all 0.3s ease;
|
|
transition: all 0.3s ease;
|
|
|
- font-size: 14px;
|
|
|
|
|
|
|
+ font-size: 16px;
|
|
|
font-weight: 500;
|
|
font-weight: 500;
|
|
|
|
|
|
|
|
&:hover {
|
|
&:hover {
|
|
@@ -3060,7 +3060,7 @@ const handleDisconnection = () => {
|
|
|
|
|
|
|
|
.tool-btn {
|
|
.tool-btn {
|
|
|
background: transparent;
|
|
background: transparent;
|
|
|
- color: white;
|
|
|
|
|
|
|
+ color: #000;
|
|
|
width: 20px;
|
|
width: 20px;
|
|
|
height: 20px;
|
|
height: 20px;
|
|
|
font-size: 16px;
|
|
font-size: 16px;
|