Vue2租车高德地图项目经验分享
1:html
块级元素水平居中,只要有宽度,margin:auto;
块级元素垂直居中,可以不设置父容器的高度,设置padding。用子容器的高度撑开,这样子容器就是垂直居中显示
子元素块级元素如果不设置宽度,默认为父级宽度,因为块级元素独占一行
css中的vertical-align 属性只能用于 行内元素 和 置换元素(例如 图像和表单输入框) ,此属性不继承。
2:css
- 模块化引入样式:@import './'
- 定义需要使用top等元素
- css标签属性选择器规定该标签上的attr的值。范围更小
- 图片只要设置一个属性就好,比如设置高度。那么图片的宽度会自适应高度变化。
- scss等语言可以封装方法,可以定义全局变量。可以写模块化公共样式
- SCSS常用语法总结_小妖666的博客-CSDN博客_scss语法
- 可以在新建style文件夹,先写入公共样式。然后在页面里面导入,就可以使用公共类名
3:js
实现效果的隐藏显示,点击事件控制添加类的样式加上过渡,比如display。width。定位的top距离等
4:Vue
全局化的配置都在vue.config.js里面设置,比如样式css解析,跨域代理等
vue.config.js 全局配置_清风细雨_林木木的博客-CSDN博客_vue全局配置文件
5:高德
准备-入门-教程-地图 JS API | 高德地图API
6:滑块Swiper
安装这个版本减少错误。
npm install swiper@5.2.0 vue-awesome-swiper@4.1.1 --save
根据这个例子配置
vue-awesome-swiper | Homepage | Surmon's projects
Vue2租车高德地图项目经验分享相关推荐
- 前端学习总结,经验分享,项目经验分享过程
前言 来,和魔王哪吒总结一下,分享一下自己对前端学习总结,经验分享,以及写过的项目经验分享过程. 如果觉得还不错的话,浏览的过程中,需要您: 点赞,分享,评论 有钱的捧个钱场,没钱的捧个人场 技术实践 ...
- 去年一个百万级的小软件项目经验分享,20来个功能模块,项目不太好做有些棘手
别人总觉得是在显吧,干脆把这个项目认为是小项目了,不知道把这个项目是小了,别人会不会又觉得又显吧了?说大也不行.说小也不行,也的确没招了. 我想主要把项目里遇到的问题分享给大家一起探讨,也并不是为了什 ...
- java汽车租赁行,基于jsp的汽车租赁租车行-JavaEE实现汽车租赁租车行 - java项目源码...
基于jsp+servlet+pojo+mysql实现一个javaee/javaweb的汽车租赁租车行, 该项目可用各类java课程设计大作业中, 汽车租赁租车行的系统架构分为前后台两部分, 最终实现在 ...
- 基于 SAP BTP 平台的 AI 项目经验分享
笔者在 SAP 成都研究院工作十五余年,也曾参加过一些基于 SAP Business Technology Platform(中文名称为 SAP 业务技术平台,以下简称 SAP BTP) 的 AI 服 ...
- 出行品类HarmonyOS高德地图集成过程分享
项目背景 电动车因骑行方便.节省时间等优势,成为我们日常出行的交通工具之一,国内电动车的需求数据庞大且逐年攀升.然而电动车频繁被盗也不是新闻了,不仅给用户带来烦恼,也给警务工作增加负担.如何制定一套提 ...
- 云南龙江特大桥通车 高德地图实现秒级上线
"龙江两岸秋色浓,大桥合龙峡谷通."4月20日上午10点48分,云南保腾高速公路上的重要控制性工程--云南保山龙江特大桥正式通车.大桥通车后,从昆明到腾冲实现了全程高速,7小时左右 ...
- 去年一个百万级的小软件项目经验分享,20来个功能模块,项目不太好做有些棘手...
别人总觉得是在显吧,干脆把这个项目认为是小项目了,不知道把这个项目是小了,别人会不会又觉得又显吧了?说大也不行.说小也不行,也的确没招了. 我想主要把项目里遇到的问题分享给大家一起探讨,也并不是为了什 ...
- VUE2.0实现 高德地图 选择地点后 进行 行政区边界划分
最终效果图: 最终效果达到选择全部就描绘当前级联选择框下面的所有行政区,第二级开始描绘上一层加当前所有行政区 预备知识: vue2.0.组件间传值.高德地图API(提前去高德地图提供的服务处申请好ke ...
- 创维智控项目经验分享
一.产品介绍 创维智控APP,通过手机实现对智能家居产品的智能化控制和管理,支持多家庭.多网关.多场景.多设备的简易化控制.智能化联动.安全又节能,一键开启您的智能家居生活.通过手机操作,实现智能家庭 ...
最新文章
- 关于Class.getResource和ClassLoader.getResource的路径问题
- 云计算行业报告:2018, 风起云涌
- 深度学习核心技术精讲100篇(八十一)-NLP预训练模型ERNIE实战应用案例
- 理解ConstraintLayout 对性能的好处
- JavaScript实现动态时间显示功能
- PS 解决不能完成命令,暂存盘空间不足的问题
- 在centos中安装qq音乐
- GBase 8a Mpp Cluster集群产品性能优化篇之行列混存优化
- 地理信息系统和计算机系统的区别,GIS与其他信息系统的区别
- 大学计算机考试不挂科秘诀,在大学,考试想不挂科,学渣的4个锦囊妙计,最后一点看笑了!...
- CF卡插到时显示函数不正确请问咋才能修复?
- HBase--JavaAPI的操作,创建表修改表,增删改查数据
- UGUI Text行首标点处理
- 海伦公式已知三边求面积
- GIT TAG 批量删除
- JS实现网站悬浮广告
- php导入excel 代码,php excel 导入导出源代码
- 前端SEO搜索引擎优化
- GPRS连接,用AT指令拨号上网
- 诚之和:三只松鼠走到十字路口