From 01517c148ade438937acca1a0d53c225cff87515 Mon Sep 17 00:00:00 2001
From: litian <2804272236@qq.com>
Date: 星期五, 22 十一月 2024 15:00:00 +0800
Subject: [PATCH] 收藏
---
src/views/readerPages/home.vue | 64 +++++++++++++++-----------------
1 files changed, 30 insertions(+), 34 deletions(-)
diff --git a/src/views/readerPages/home.vue b/src/views/readerPages/home.vue
index f42ac05..0f45f5e 100644
--- a/src/views/readerPages/home.vue
+++ b/src/views/readerPages/home.vue
@@ -1,6 +1,6 @@
<template>
<div class="homePage">
- <webHome v-if="!homeBoxHide" />
+ <webHome v-if="homeBoxWebHide" />
<mobileHome v-if="homeBoxHide" />
</div>
<div class="pdfDialog">
@@ -24,11 +24,11 @@
import mobileHome from '@/views//readerPages/mobileHome.vue'
import preView from '../components/pdfview.vue'
// import { da } from 'element-plus/es/locale'
-const qiankunActions = inject('qiankunActions')
const screenWidth = ref(
window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth
)
const homeBoxHide = ref(false)
+const homeBoxWebHide = ref(false)
const dialogState = reactive({
dialogVisible: false,
pdfTitle: '',
@@ -38,7 +38,9 @@
onMounted(() => {
if (screenWidth.value < 420) {
homeBoxHide.value = true
+ homeBoxWebHide.value = false
} else {
+ homeBoxWebHide.value = true
homeBoxHide.value = false
}
window.qiankunActions.setGlobalState({
@@ -61,47 +63,41 @@
height: 100%;
}
-
-.el-dialog {
+.custom-dialog {
+ .el-dialog {
padding: 0;
}
+ .el-dialog__header {
+ background-color: rgba(0, 0, 0, 0.8);
+ padding: 0;
+ padding: 10px 0;
-.el-dialog__header {
- background-color: rgba(0, 0, 0, 0.8);
- padding: 0;
- padding: 10px 0;
+ .header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ padding: 5px 20px;
+ box-sizing: border-box;
- .header_title {
- display: flex;
- justify-content: space-between;
- align-items: center;
- color: #fff;
- font-weight: 900;
- font-size: 16px;
- font-family: 'FZLTXIHJW';
- padding: 5px 20px;
- box-sizing: border-box;
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+ }
- span:nth-child(2):hover {
- cursor: pointer;
+ .el-dialog__title,
+ .el-dialog__headerbtn .el-dialog__close {
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
}
}
-
- .el-dialog__title,
- .el-dialog__headerbtn .el-dialog__close {
- color: #fff;
- font-weight: 900;
- font-size: 16px;
- font-family: 'FZLTXIHJW';
- }
}
-
-
-
-
-
-
.pdfModal {
--
Gitblit v1.9.1