From d11b7bf0ecbf1662ca96c127beda0581ecfd6853 Mon Sep 17 00:00:00 2001 From: zhongshujie <2862698242@qq.com> Date: 星期六, 19 七月 2025 00:07:27 +0800 Subject: [PATCH] 7.19 --- src/components/translateWord/index.vue | 20 ++++++++++++++++---- 1 files changed, 16 insertions(+), 4 deletions(-) diff --git a/src/components/translateWord/index.vue b/src/components/translateWord/index.vue index 7958b4e..c92f2ae 100644 --- a/src/components/translateWord/index.vue +++ b/src/components/translateWord/index.vue @@ -2,10 +2,10 @@ <div class="translate-box" :style="{ left: pageX + 'px', top: pageY + 'px' }"> <div class="translate-box-word"> <div> {{ showWord }}</div> - <div>111111</div> + <div>{{ IPA }}</div> </div> <div class="translate-box-translation"> - 111111111111111 + {{ translate }} </div> </div> </template> @@ -14,6 +14,18 @@ export default { props: { showWord: { + type: String, + default: "" + }, + prototype: { + type: String, + default: "" + }, + IPA: { + type: String, + default: "" + }, + translate: { type: String, default: "" }, @@ -32,11 +44,11 @@ <style lang="less" scoped> .translate-box { - max-width: 20%; + max-width: 50%; text-wrap: wrap; border: 2px solid #3bc6f2; background-color: #fff; - position: absolute; + position: fixed; z-index: 9999; box-sizing: border-box; -- Gitblit v1.9.1