zhouyulong/electron-4
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

弹框

Browse Source
This commit is contained in:
zh
2025-10-13 15:43:12 +08:00
parent 047cf2d4ef
commit 6dceeca500
1 changed files with 14 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
src/renderer/src/components/dialog/baseDialog.vue
View File

@ -1,15 +1,9 @@
<template> <template>
<div <div class="YJ-custom-base-dialog" :class="className" ref="baseDialog" :id="id" v-if="dialogVisible"
class="YJ-custom-base-dialog" v-show="dialogVisible">
:class="className"
ref="baseDialog"
:id="id"
v-if="dialogVisible"
v-show="dialogVisible"
>
<div class="title-box" ref="titleBox"> <div class="title-box" ref="titleBox">
<span class="title">{{ title }}</span <span class="title">{{ title }}</span><span class="close-box" @click="close"><span
><span class="close-box" @click="close"><span class="close"></span><i>✕</i></span> class="close"></span><i>✕</i></span>
</div> </div>
<div class="content" style="padding: 0 24px 0 24px"> <div class="content" style="padding: 0 24px 0 24px">
<div> <div>
@ -83,7 +77,7 @@ const props = defineProps({
}, },
closeCallback: { closeCallback: {
type: Function, type: Function,
default: () => {} default: () => { }
} }
}) })
@ -116,16 +110,16 @@ const open = (data) => {
if (!first.value) { if (!first.value) {
first.value = true first.value = true
dialogVisible.value = true dialogVisible.value = true
nextTick(() => {
moveDiv()
})
} }
dialogVisible.value = true dialogVisible.value = true
nextTick(() => {
moveDiv()
})
nextTick(() => { nextTick(() => {
// setTimeout(() => { // setTimeout(() => {
// openPosition() // openPosition()
// }, 0) // }, 0)
if(baseDialog.value) { if (baseDialog.value) {
baseDialog.value.style.width = props.width baseDialog.value.style.width = props.width
baseDialog.value.style.height = props.height baseDialog.value.style.height = props.height
baseDialog.value.style.top = props.top baseDialog.value.style.top = props.top
@ -271,20 +265,25 @@ defineExpose({
.YJ-custom-base-dialog { .YJ-custom-base-dialog {
::v-deep .el-tabs { ::v-deep .el-tabs {
width: 100%; width: 100%;
.el-tabs__item { .el-tabs__item {
padding: 0 8px; padding: 0 8px;
color: #fff; color: #fff;
} }
.el-tabs__item:nth-child(2) { .el-tabs__item:nth-child(2) {
padding-left: 0; padding-left: 0;
} }
.el-tabs__item.is-active, .el-tabs__item.is-active,
.el-tabs__item:hover { .el-tabs__item:hover {
color: #fff; color: #fff;
} }
.el-tabs__active-bar { .el-tabs__active-bar {
background-color: rgb(0, 255, 255); background-color: rgb(0, 255, 255);
} }
.el-tabs__nav-wrap:after { .el-tabs__nav-wrap:after {
background-color: rgba(204, 204, 204, 0.2); background-color: rgba(204, 204, 204, 0.2);
} }