From 7a4a5658ba89afda9e89b31e92a40ad7658fd29e Mon Sep 17 00:00:00 2001
From: litian <2804272236@qq.com>
Date: 星期三, 20 十一月 2024 16:54:20 +0800
Subject: [PATCH] 资源目录
---
src/views/readerPages/home.vue | 134 ++++++++++++++++++++++++++++++--------------
1 files changed, 90 insertions(+), 44 deletions(-)
diff --git a/src/views/readerPages/home.vue b/src/views/readerPages/home.vue
index 419eadb..0f45f5e 100644
--- a/src/views/readerPages/home.vue
+++ b/src/views/readerPages/home.vue
@@ -1,17 +1,11 @@
<template>
<div class="homePage">
- <webHome v-if="!homeBoxHide" />
+ <webHome v-if="homeBoxWebHide" />
<mobileHome v-if="homeBoxHide" />
</div>
<div class="pdfDialog">
- <el-dialog
- v-model="dialogState.dialogVisible"
- width="60vw"
- top="2vh"
- lock-scroll
- :show-close="false"
- class="custom-dialog"
- >
+ <el-dialog v-model="dialogState.dialogVisible" width="60vw" top="2vh" lock-scroll :show-close="false"
+ class="custom-dialog">
<template #header>
<div class="header_title">
<span>{{ dialogState.pdfTitle }}</span>
@@ -30,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: '',
@@ -44,7 +38,9 @@
onMounted(() => {
if (screenWidth.value < 420) {
homeBoxHide.value = true
+ homeBoxWebHide.value = false
} else {
+ homeBoxWebHide.value = true
homeBoxHide.value = false
}
window.qiankunActions.setGlobalState({
@@ -67,23 +63,10 @@
height: 100%;
}
-.pdfDialog {
- .el-overlay {
- z-index: 2004 !important;
- }
-}
-.pdfModal {
- width: 100%;
- height: 90vh;
-}
-
.custom-dialog {
- overflow: hidden !important;
+ .el-dialog {
padding: 0;
-
- .el-dialog__body {
- padding: 0;
- }
+}
.el-dialog__header {
background-color: rgba(0, 0, 0, 0.8);
@@ -116,28 +99,91 @@
}
}
-@media screen and (max-width: 1070px) {
- .pdfModal {
- width: 100%;
- height: 80vh;
- }
- .custom-dialog {
- .el-dialog {
- width: 90vw !important;
+.pdfModal {
+ width: 100%;
+ height: 90vh;
+
+ .pdfBox-component {
+ width: 100%;
+ height: 100%;
+ position: relative;
+
+ .preview {
+ width: 100%;
+ height: 100%;
+
+ .imageBox {
+ height: calc(100% - 30px);
+ overflow-x: hidden;
+ overflow-y: auto;
+ background: #ccc;
+ box-sizing: border-box;
+
+ img {
+ margin: 0 auto;
+ display: flex;
+ justify-content: center;
+ }
+
+ }
+
+ .imageBox:hover {
+ cursor: zoom-in !important;
+ }
+
+ ::v-deep .el-dialog__header {
+ background-color: rgba(0, 0, 0, 0.8);
+
+ .header_title {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+
+ span:nth-child(2):hover {
+ cursor: pointer;
+ }
+ }
+
+ ::v-deep .el-dialog__title,
+ ::v-deep .el-dialog__headerbtn .el-dialog__close {
+ color: #fff;
+ font-weight: 900;
+ font-size: 16px;
+ font-family: 'FZLTXIHJW';
+ }
+ }
+
+ .bottom_tool {
+ height: 30px;
+ background-color: rgba(0, 0, 0, 0.8);
+ display: flex;
+ justify-content: flex-end;
+ align-items: center;
+
+ svg {
+ margin-right: 15px;
+ fill: #d1d1d1;
+ }
+
+ svg:hover {
+ fill: #fff;
+ cursor: pointer;
+ }
+ }
}
- }
-}
-@media screen and (max-width: 800px) {
- .pdfModal {
- width: 100%;
- height: 60vh;
- }
-
- .custom-dialog {
- .el-dialog {
- width: 90vw !important;
+ .notBox {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: calc(100% - 30px);
+ min-height: 300px;
}
}
}
--
Gitblit v1.9.1