Vue2租车高德地图项目经验分享

1:html

块级元素水平居中,只要有宽度,margin:auto;

块级元素垂直居中,可以不设置父容器的高度,设置padding。用子容器的高度撑开,这样子容器就是垂直居中显示

子元素块级元素如果不设置宽度,默认为父级宽度,因为块级元素独占一行

css中的vertical-align 属性只能用于 行内元素 和 置换元素(例如 图像和输入框) ,此属性不继承。

2:css

    模块化引入样式:@import ./ 定义需要使用top等元素 css标签属性选择器规定该标签上的attr的值。范围更小 图片只要设置一个属性就好,比如设置高度。那么图片的宽度会自适应高度变化。 scss等语言可以封装方法,可以定义全局变量。可以写模块化公共样式 可以在新建style文件夹,先写入公共样式。然后在页面里面导入,就可以使用公共类名

3:js

实现效果的隐藏显示,点击事件控制添加类的样式加上过渡,比如display。width。定位的top距离等

4:Vue

全局化的配置都在vue.config.js里面设置,比如样式css解析,跨域代理等

5:高德

6:滑块Swiper

安装这个版本减少错误。

npm install swiper@5.2.0 vue-awesome-swiper@4.1.1 --save

根据这个例子配置

经验分享 程序员 微信小程序 职场和发展