Optimize UI interface

This commit is contained in:
zyronon
2023-11-01 08:46:23 +08:00
parent 9a552f5903
commit 8e089dcdb2
3 changed files with 8 additions and 3 deletions

View File

@@ -79,6 +79,7 @@ export default {
padding: 10rem;
color: var(--color-font-1);
background: var(--color-tooltip-bg);
box-shadow: 1px 1px 6px #bbbbbb;
//box-shadow: 1px 1px 6px #bbbbbb;
box-shadow: 0 0 6px 1px var(--color-tooltip-shadow);
}
</style>

View File

@@ -81,7 +81,9 @@ const {
<span class="phonetic">{{ word.usphone }}</span>
<VolumeIcon class="volume" @click="playWordAudio(word.name)"></VolumeIcon>
</div>
<div class="item-translate" v-if="word.trans.length">{{ word.trans.join('') }}</div>
<div class="item-translate" v-if="word.trans.length">
<div v-for="item in word.trans">{{item}}</div>
</div>
</ListItem>
</div>
</template>