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 @@
<el-sub-menu index="3">
<template #title>
<el-icon><Grid /></el-icon>
<span>面的案例</span>
<span>动目标</span>
</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>
<span>{{item.title}}</span>
</el-menu-item>
......@@ -46,7 +46,7 @@
<script setup>
import { ref } from '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 elementLineData = ref()
......@@ -54,7 +54,7 @@ const elementPlaneData = ref()
elementPointData.value = elementGraphicMap;
elementLineData.value = elementWeatherMap;
elementPlaneData.value = elementPlaneMap;
elementPlaneData.value = elementMovingMap;
const props = defineProps({
isCollapse: {
......
......@@ -56,17 +56,17 @@ export const elementWeatherMap = {
}
}
export const elementPlaneMap = {
One: {
title: 'planeOne',
export const elementMovingMap = {
: {
title: '',
pngUrl: '/src/assets/Plane.png'
},
Two: {
title: 'planeTwo',
: {
title: '',
pngUrl: '/src/assets/Plane.png'
},
Three: {
title: 'planeThree',
飞机: {
title: '飞机',
pngUrl: '/src/assets/Plane.png'
},
Four: {
......
......@@ -19,9 +19,9 @@
</div>
</div>
<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 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>
<img :src="item.pngUrl" width="250">
</div>
......@@ -33,7 +33,7 @@
<script setup>
import { ref } from 'vue';
import { useRouter } from 'vue-router';
import { elementGraphicMap, elementWeatherMap, elementPlaneMap } from './ElementMap';
import { elementGraphicMap, elementWeatherMap, elementMovingMap } from './ElementMap';
const router = useRouter()
const elementPointData = ref()
......@@ -42,7 +42,7 @@ const elementPlaneData = ref()
elementPointData.value = elementGraphicMap;
elementLineData.value = elementWeatherMap;
elementPlaneData.value = elementPlaneMap;
elementPlaneData.value = elementMovingMap;
// 跳转到对应的编码编辑内容
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