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
根据这个例子配置
上一篇:
通过多线程提高代码的执行效率例子
下一篇:
JavaScript数组的定义及常用方法