YM
2024-11-20 c8d1e1ed1d5c8d20a9aad8554d51001afb3c6312
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 {