怎么让三张图片并列在一排vue

怎么让三张并列在一排vue1 尺寸统一 尺寸统一是指的长x宽要统一,有两种方法可以实现:直接在本地把裁剪成一样的尺寸,然后再上传到秀米图库;先上传到秀米图库
2 宽度统一 宽度统一是指在秀米编辑区域里面的,选中之后,工具条上面的宽度百分比要统一。 如果尺寸统一但是工具条上的宽度百分比不统一的话

在Vue中使用谷歌地图可以很容易地添加。要在Vue中使用谷歌地图，您需要首先安装Vue Google Maps插件，该插件可以帮助您在Vue应用程序中使用谷歌地图。安装完成后，您可以使用Vue Google Maps插件中提供的组件来添加谷歌地图。您可以使用组件中的markers属性来添加，该属性可以接受一个数组，数组中的每个元素都是一个对象，其中包含的URL和其他一些属性，您可以使用这些属性来控制的位置和大小。此外，您还可以使用Vue Google Maps插件中的其他组件来添加更多的，以及更多的功能。

一、原理
在轮播图数组dataList中，定义一个变量currentIndex = 0表示第一张，默认渲染第一张即dataList[currentIndex]，然后获取每张的下标。点击切换时把当前的下标赋值给currentIndex即可实现切换显示。

二、定义变量

三、模板渲染

四、点击小圆点切换

在li标签里执行一个点击函数，把当前下标值传进来。点击时设置currentIndex的值为当前的下标值。

五、左右按钮切换

定义两个变量作为参数prevIndex和nextIndex，利用计算属性算出当前的上一张或者下一张的下标（加1和减1 *** 作）。

六、定时器切换
定义一个定时器，每X秒执行一次nextIndex()函数即可。

鼠标经过清除定时器就不说了，使用clearInterval(thistimer)就可以了。

七、css样式

vue给的1360的图写页面做到自适应步骤如下：
1vue在设置好的div里面自动适应宽高，显示全部，不够宽高的留空白；
2本文使用的分辨率为：4000x2026；
3我的电脑分辨率为：1920x1080；
4默认宽高如果设置100%，电脑屏幕会显示不全的；
5注意：这里设置了最高 高度为700，如果高度太高，会显示不全；
6访问页面，电脑屏幕就可以完整的显示了。

首先，vue项目有两个地方可以存放静态资源。一个是assets文件夹，一个是static文件夹（地址栏输入static可以直接访问）。放到static里面webpack打包后只会把资源复制到发布目录而不会把小优化为base64。而assets内的资源会被webpack打包,比如,会被转为BASE64。为了兼顾资源优化，所以还是不适合把资源放到static。

而当我们把这些资源放入assets文件夹时，当引入的是背景时，会报错。

这个时候，还需配置 build => utiljs 里找到 ExtractTextPluginextract 增加一行： publicPath: '//' ，主要解决背景路径的问题。

这样改动的原因是Vue打包完成的目录结构中，js/css文件与static目录的层级差了2级

---