该项目是基于Vue框架的动态交互式景点管理系统设计源码，采用Vue、JavaScript、CSS和HTML等语言开发。项目文件结构丰富，共包含153个文件，包括59个PNG图片文件、49个JPG图片文件、12个JSON配置文件、11个Vue组件文件、6个JavaScript脚本文件、4个PSD设计文件、3个文本文件、2个Markdown文档、2个CSS样式表、2个INI配置文件。该系统旨在为用户提供一个直观、易操作的界面，以高效管理景点信息。
关键词
Vue.js 动态交互 景点管理 源码 JavaScript
目录结构
├── .gitignore
├── Doc
├── 界面截图
├── d1.jpg
├── d10.jpg
├── d11.jpg
├── d12.jpg
├── d2.jpg
├── d3.jpg
├── d4.jpg
├── d5.jpg
├── d6.jpg
├── d7.jpg
├── d8.jpg
├── d9.jpg
├── babel.config.js
├── jsconfig.json
├── package-lock.json
├── package.json
├── public
├── favicon.ico
├── index.html
├── static
├── data
├── event
├── 200911050731
├── EventPara.ini
├── GetInteMap_line_断裂带权重0.0_intensity.txt
├── GetInteMap_line_断裂带权重1.0_intensity.txt
├── InteMap.ini
├── StrongMotion.json
├── computation_0_layer_03.png
├── computation_0_layer_05.png
├── event.json
├── getintemap_intensity_断裂带权重0.0_brief.png
├── getintemap_intensity_断裂带权重1.0_brief.png
├── intensity_transparent.png
├── StrongMotion.json
├── computation_0_layer_05.png
├── map
├── 610000_full.json
├── 610100.json
├── 610100_full.json
├── realtime
├── StrongMotion_10s.json
├── StrongMotion_10s1.json
├── stationinfo.json
├── images
├── marker
├── marker.png
├── marker_s.png
├── show
├── 1.jpg
├── 10.jpg
├── 11.jpg
├── 12.jpg
├── 13.jpg
├── 14.jpg
├── 15.jpg
├── 16.jpg
├── 17.jpg
├── 18.jpg
├── 19.jpg
├── 2.jpg
├── 20.jpg
├── 21.jpg
├── 22.jpg
├── 23.jpg
├── 24.jpg
├── 25.jpg
├── 26.jpg
├── 3.jpg
├── 4.jpg
├── 5.jpg
├── 6.jpg
├── 7.png
├── 8.jpg
├── 9.jpg
├── qj01.png
├── qn01.png
├── readme.txt
├── src
├── App.vue
├── assets
├── css
├── common.css
├── style.css
├── images
├── buttom
├── left_bt.png
├── left_bt_s.png
├── left_style2_bt.png
├── left_style2_bt_s.png
├── right_bt.png
├── right_bt_s.png
├── count
├── count_info_1.png
├── count_info_2.png
├── count_info_3.png
├── count_info_area.png
├── count_info_area_title.png
├── design
├── left_menu_bg.psd
├── refresh.psd
├── top_bg.psd
├── top_menu_bt_s.psd
├── header
├── sun.png
├── top_bg.png
├── top_menu_bt.png
├── top_menu_bt_s.png
├── map
├── arcgis_blue.jpg
├── arcgis_image.jpg
├── gd_image.jpg
├── gd_image1.jpg
├── tdt_image.jpg
├── tdt_image1.jpg
├── tdt_normal.jpg
├── tdt_normal1.jpg
├── tdt_reflet.jpg
├── tdt_reflet1.jpg
├── zt_blue.jpg
├── zt_grey.jpg
├── marker
├── marker.png
├── marker_s.png
├── type_select_0.png
├── type_select_1.png
├── type_select_2.png
├── type_select_3.png
├── range
├── range_select_1.png
├── range_select_2.png
├── range_select_3.png
├── tooltip
├── air_logo.png
├── show_window_bg.png
├── show_window_bg1.png
├── tooltip1.png
├── water_logo.png
├── topmenu
├── menu_bt_bg.png
├── menu_bt_bg1.png
├── menu_bt_bg_select.png
├── top_baselayer.png
├── top_baselayer_s.png
├── top_count.png
├── top_list.png
├── top_marker.png
├── top_menu_bt_bg.png
├── top_menu_bt_bg_s.png
├── top_range.png
├── top_search.png
├── window
├── close.png
├── window_bg2.png
├── window_bg_600.png
├── window_bg_900.png
├── window_title_bg2.png
├── window_title_bg_600.png
├── logo.png
├── components
├── HelloWorld.vue
├── header
├── header.vue
├── home.vue
├── topmenu
├── basemap_menu.vue
├── count_menu.vue
├── range_menu.vue
├── type_menu.vue
├── js
├── mapcommon.js
├── measure.js
├── main.js
├── router
├── index.js
├── views
├── event.vue
├── home.vue
├── monitor.vue
├── vue.config.js
├── 使用说明.txt
标签：Z5yUlJ1y,Vue,menu,top,jpg,bt,json,源码,png
From： https://www.cnblogs.com/csbysj/p/18598964