Commit 8c5ff635 by jlc

update:动目标的添加

parent 03e3fda2
src/assets/Plane.png

169 KB | W: | H:

src/assets/Plane.png

765 KB | W: | H:

src/assets/Plane.png
src/assets/Plane.png
src/assets/Plane.png
src/assets/Plane.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/Point.png

175 KB | W: | H:

src/assets/Point.png

546 KB | W: | H:

src/assets/Point.png
src/assets/Point.png
src/assets/Point.png
src/assets/Point.png
  • 2-up
  • Swipe
  • Onion skin
...@@ -31,9 +31,9 @@ ...@@ -31,9 +31,9 @@
<el-sub-menu index="3"> <el-sub-menu index="3">
<template #title> <template #title>
<el-icon><Grid /></el-icon> <el-icon><Grid /></el-icon>
<span>面的案例</span> <span>动目标</span>
</template> </template>
<el-menu-item v-for="item in elementPlaneData" :key="item.id" :index="item.title" @click="goAnchor(item.title)"> <el-menu-item v-for="item in elementMovingMap" :key="item.id" :index="item.title" @click="goAnchor(item.title)">
<el-icon><View /></el-icon> <el-icon><View /></el-icon>
<span>{{item.title}}</span> <span>{{item.title}}</span>
</el-menu-item> </el-menu-item>
...@@ -46,7 +46,7 @@ ...@@ -46,7 +46,7 @@
<script setup> <script setup>
import { ref } from 'vue'; import { ref } from 'vue';
import { MapLocation, SemiSelect, Grid, View } from "@element-plus/icons-vue"; import { MapLocation, SemiSelect, Grid, View } from "@element-plus/icons-vue";
import { elementGraphicMap, elementWeatherMap, elementPlaneMap } from '@/views/ElementMap'; import { elementGraphicMap, elementWeatherMap, elementMovingMap } from '@/views/ElementMap';
const elementPointData = ref() const elementPointData = ref()
const elementLineData = ref() const elementLineData = ref()
...@@ -54,7 +54,7 @@ const elementPlaneData = ref() ...@@ -54,7 +54,7 @@ const elementPlaneData = ref()
elementPointData.value = elementGraphicMap; elementPointData.value = elementGraphicMap;
elementLineData.value = elementWeatherMap; elementLineData.value = elementWeatherMap;
elementPlaneData.value = elementPlaneMap; elementPlaneData.value = elementMovingMap;
const props = defineProps({ const props = defineProps({
isCollapse: { isCollapse: {
......
...@@ -56,17 +56,17 @@ export const elementWeatherMap = { ...@@ -56,17 +56,17 @@ export const elementWeatherMap = {
} }
} }
export const elementPlaneMap = { export const elementMovingMap = {
One: { : {
title: 'planeOne', title: '',
pngUrl: '/src/assets/Plane.png' pngUrl: '/src/assets/Plane.png'
}, },
Two: { : {
title: 'planeTwo', title: '',
pngUrl: '/src/assets/Plane.png' pngUrl: '/src/assets/Plane.png'
}, },
Three: { 飞机: {
title: 'planeThree', title: '飞机',
pngUrl: '/src/assets/Plane.png' pngUrl: '/src/assets/Plane.png'
}, },
Four: { Four: {
......
...@@ -19,9 +19,9 @@ ...@@ -19,9 +19,9 @@
</div> </div>
</div> </div>
<div class="mt-10"> <div class="mt-10">
<span class="text-base font-bold">面的案例</span> <span class="text-base font-bold">动目标</span>
<div style="overflow-y: auto" class="container"> <div style="overflow-y: auto" class="container">
<div v-for="item in elementPlaneData" :key="item.id" @click="indexBtn(item.title)" class="item-container"> <div v-for="item in elementMovingMap" :key="item.id" @click="indexBtn(item.title)" class="item-container">
<div :id="item.title">{{item.title}}</div> <div :id="item.title">{{item.title}}</div>
<img :src="item.pngUrl" width="250"> <img :src="item.pngUrl" width="250">
</div> </div>
...@@ -33,7 +33,7 @@ ...@@ -33,7 +33,7 @@
<script setup> <script setup>
import { ref } from 'vue'; import { ref } from 'vue';
import { useRouter } from 'vue-router'; import { useRouter } from 'vue-router';
import { elementGraphicMap, elementWeatherMap, elementPlaneMap } from './ElementMap'; import { elementGraphicMap, elementWeatherMap, elementMovingMap } from './ElementMap';
const router = useRouter() const router = useRouter()
const elementPointData = ref() const elementPointData = ref()
...@@ -42,7 +42,7 @@ const elementPlaneData = ref() ...@@ -42,7 +42,7 @@ const elementPlaneData = ref()
elementPointData.value = elementGraphicMap; elementPointData.value = elementGraphicMap;
elementLineData.value = elementWeatherMap; elementLineData.value = elementWeatherMap;
elementPlaneData.value = elementPlaneMap; elementPlaneData.value = elementMovingMap;
// 跳转到对应的编码编辑内容 // 跳转到对应的编码编辑内容
function indexBtn(id) { function indexBtn(id) {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment