该项目主要使用了vue3+vant4进行开发,项目打包运行使用了更快捷的vite。主要功能是在移动端查看全国各个政区内的样本数量统计和单个样本相关地块信息和媒体照片信息。主要模块有地图样本展示模块、样本详情模块、样本列表模块等。地图使用了leaflet地图插件,其他的ui插件则使用了vant提供的界面交互插件。值得注意的是,项目中病诶呦全局引入vant,而是在vite.config.js中使用@vant/auto-import-resolver和unplugin-auto-import插件配置了vue组件中自动导入vant的相关组件,大大减少了项目打包后的体积,项目配置了postcss-px-to-viewport插件,将px单位转化为vw实现界面在移动端的自适应。界面数据存储使用了pinia+pinia-plugin-persistedstate实现数据本地存储的永久化,项目中的组件规则遵循vue3的组件构建写法。