mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-12 09:18:14 +08:00
💄 修复名片图鉴浮窗渲染异常
This commit is contained in:
@@ -1,5 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<TOverlay v-model="visible" v-if="props.data">
|
<TOverlay v-model="visible" v-if="props.data">
|
||||||
|
<div class="ton-container">
|
||||||
<slot name="left"></slot>
|
<slot name="left"></slot>
|
||||||
<div class="ton-box">
|
<div class="ton-box">
|
||||||
<img
|
<img
|
||||||
@@ -26,6 +27,7 @@
|
|||||||
</v-btn>
|
</v-btn>
|
||||||
</div>
|
</div>
|
||||||
<slot name="right"></slot>
|
<slot name="right"></slot>
|
||||||
|
</div>
|
||||||
</TOverlay>
|
</TOverlay>
|
||||||
</template>
|
</template>
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
@@ -134,6 +136,14 @@ async function shareNameCard(): Promise<void> {
|
|||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
<style lang="css" scoped>
|
<style lang="css" scoped>
|
||||||
|
.ton-container {
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
column-gap: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
.ton-box {
|
.ton-box {
|
||||||
position: relative;
|
position: relative;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|||||||
Reference in New Issue
Block a user