LiuRui/DJKB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(manager): 简化按钮文本并调整样式

Browse Source 
移除按钮的内边距，统一字体大小，简化切换按钮文本为"原文"和"分析"
This commit is contained in:
lbw_9527443
2026-01-12 14:55:05 +08:00
parent 9b3c5da105
commit baa89001c8
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
my-vue-app/src/views/maneger/components/GoodMusic.vue
View File

@@ -69,14 +69,14 @@
:class="{ active: currentViewType === 'transcript' }" :class="{ active: currentViewType === 'transcript' }"
@click="switchViewType('transcript')" @click="switchViewType('transcript')"
> >
查看原文 原文
</button> </button>
<button <button
class="toggle-btn" class="toggle-btn"
:class="{ active: currentViewType === 'analysis' }" :class="{ active: currentViewType === 'analysis' }"
@click="switchViewType('analysis')" @click="switchViewType('analysis')"
> >
录音分析 分析
</button> </button>
</div> </div>
<button class="expand-btn" @click="showExpandDialog" v-if="(currentTranscript && currentViewType === 'transcript') || (analysisResult && currentViewType === 'analysis')"> <button class="expand-btn" @click="showExpandDialog" v-if="(currentTranscript && currentViewType === 'transcript') || (analysisResult && currentViewType === 'analysis')">
@@ -787,7 +787,7 @@ const downloadRecording = (index) => {
} }
.toggle-btn { .toggle-btn {
padding: 8px 16px; /* padding: 8px 16px; */
border: none; border: none;
background: transparent; background: transparent;
cursor: pointer; cursor: pointer;
@@ -807,13 +807,13 @@ const downloadRecording = (index) => {
} }
.back-btn, .expand-btn, .copy-btn { .back-btn, .expand-btn, .copy-btn {
padding: 8px 12px; /* padding: 8px 12px; */
border: none; border: none;
border-radius: 6px; border-radius: 6px;
background: #6c757d; background: #6c757d;
color: white; color: white;
cursor: pointer; cursor: pointer;
font-size: 13px; font-size: 12px;
font-weight: 500; font-weight: 500;
display: flex; display: flex;
align-items: center; align-items: center;