| | |
| | | <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> |
| | |
| | | export default { |
| | | props: { |
| | | showWord: { |
| | | type: String, |
| | | default: "" |
| | | }, |
| | | prototype: { |
| | | type: String, |
| | | default: "" |
| | | }, |
| | | IPA: { |
| | | type: String, |
| | | default: "" |
| | | }, |
| | | translate: { |
| | | type: String, |
| | | default: "" |
| | | }, |
| | |
| | | text-wrap: wrap; |
| | | border: 2px solid #3bc6f2; |
| | | background-color: #fff; |
| | | position: absolute; |
| | | position: fixed; |
| | | z-index: 9999; |
| | | box-sizing: border-box; |
| | | |