<!--
|
* @Author: shuishen 1109946754@qq.com
|
* @Date: 2023-03-10 15:27:59
|
* @LastEditors: shuishen 1109946754@qq.com
|
* @LastEditTime: 2024-11-27 19:05:04
|
* @FilePath: \bigScreen\src\views\ochart\index.vue
|
* @Description: 综合设计
|
*
|
* Copyright (c) 2023 by ${git_name_email}, All Rights Reserved.
|
-->
|
<script setup>
|
import { Picture } from '@element-plus/icons-vue'
|
const { VITE_APP_BASE } = import.meta.env
|
let image = ref(VITE_APP_BASE + 'img/ochart.jpeg')
|
</script>
|
|
<template>
|
<div class="container page-container">
|
<div class="w100 h100 img-box">
|
<el-image :src="image" :zoom-rate="1.2" :max-scale="7" :min-scale="0.2" :preview-src-list="[image]"
|
:initial-index="4" fit="cover">
|
<template #error>
|
<div class="image-slot">
|
<el-icon>
|
<Picture />
|
</el-icon>
|
</div>
|
</template>
|
</el-image>
|
</div>
|
</div>
|
</template>
|
|
<style lang="scss" scoped>
|
.container {
|
position: absolute;
|
width: 100%;
|
height: 100%;
|
|
.img-box {
|
pointer-events: all;
|
overflow: hidden;
|
overflow-y: auto;
|
}
|
}
|
</style>
|
