center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

fix(仪表板): 编辑页-hover图标，缺失文字提示，切换至pc端布局

Browse Source
This commit is contained in:
dataeaseShu 2024-03-27 10:49:46 +08:00
parent 4adacbbe0e
commit 0d421df289
1 changed files with 20 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
core/core-frontend/src/views/dashboard/MobileConfigPanel.vue
View File

@ -209,7 +209,7 @@ const save = () => {
<el-switch size="small" v-model="dvInfo.mobileLayout" /> <el-switch size="small" v-model="dvInfo.mobileLayout" />
<span class="open-mobile-line"></span> <span class="open-mobile-line"></span>
<el-tooltip effect="dark" content="切换至PC端布局" placement="bottom"> <el-tooltip effect="dark" content="切换至PC端布局" placement="bottom">
<el-icon @click="handleBack"> <el-icon @click="handleBack" class="switch-pc">
<Icon name="icon_pc_outlined" /> <Icon name="icon_pc_outlined" />
</el-icon> </el-icon>
</el-tooltip> </el-tooltip>
@ -296,7 +296,26 @@ const save = () => {
.mobile-save { .mobile-save {
display: flex; display: flex;
align-items: center; align-items: center;
.switch-pc {
&::after {
content: '';
border-radius: 4px;
display: none;
position: absolute;
width: calc(100% + 10px);
height: calc(100% + 10px);
top: -5px;
left: -5px;
}
&:hover {
&::after {
display: block;
background: rgba(255, 255, 255, 0.1);
}
}
position: relative;
}
.open-mobile-line { .open-mobile-line {
background: #ffffff4d; background: #ffffff4d;
width: 1px; width: 1px;