| | |
|---|
| | | * @Author: shuishen 1109946754@qq.com |
|---|
| | | * @Date: 2023-03-10 15:27:59 |
|---|
| | | * @LastEditors: shuishen 1109946754@qq.com |
|---|
| | | * @LastEditTime: 2024-11-26 20:24:05 |
|---|
| | | * @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.jpg') |
|---|
| | | let image = ref(VITE_APP_BASE + 'img/ochart.jpeg') |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <template> |
|---|
| | | <div class="container page-container"> |
|---|
| | | <div class="w100 h100 img-box"> |
|---|
| | | <img class="w100" :src="image" alt=""> |
|---|
| | | <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> |
|---|
