image vb6 图片自适应_Vue-图片列表(带标题)-自适应移动端-主要是flex来做，宽度用百分比50%，一行两张图片...-优快云博客

本文介绍了如何在Vue项目中实现图片列表的自适应移动端展示，利用Flex布局和百分比宽度，每行显示两张图片。作者分享了项目搭建过程，包括环境配置、多页面管理和网络请求工具封装。同时，提供了项目公开链接供新手学习，并推荐了一些前端开发的学习资源。

Vue之前有简单介绍过。主要是小萌新参与Electron桌面应用开发时学了一些 MonkeyLei：Electron-托盘、气泡(闪烁)消息、只启动一个实例、Win/Mac打包配置、最小化/退出等小结 (之前主要的工作内容总结)。

接着要搞一个个人项目，结合Flutter应用做管理端 MonkeyLei：Flutter-最近搞了个项目(常用控件，第三方基本库)-底部导航，登录，启动画面，webview等。所以之前就趁热搭建了一个纯Vue的项目，用来写动态页面，实现数据后台请求并渲染到页面。

技术的话我也是新手，就主要跟着文档来，然后凭点工作经验来搭建实现整个结构。前期的主要工作：

介绍 — Vue.js

1. 就是环境搭建（npm，脚手架，工程克隆编译运行等），2. 然后就是多页面配置（就是说可以http://localhost:8080/lyfruit.html http://localhost:8080/empty.html 的方式访问不同的页面，也方便了进行页面管理）3. 多页面搞好剩下就是封装网络请求工具，然后数据处理（获取数据就是对象，直接.就可以找到。方便很多。 flutter就不是酱紫的，有区别，这个具体遇到可能还得搞搞才行。。）

目前项目地址公开了，像小萌新一样的新手可以一起学习 NetNut/Vue_Html_Div_Css学习

访问就是 http://localhost:8080/lyfruit.html 如果请求失败可以通过：this.$router.push({ name: 'Empt' }) 路由到火星空页面。。。

具体的我们一起慢慢打怪升级完善就行。。。