Java教程

Travel项目 Day01 导航栏和轮播图总结

本文主要是介绍Travel项目 Day01 导航栏和轮播图总结,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

导航栏实现

图标使用iconfont
  1. 导入下载文件,并修改文件路径
  2. 嵌入图标
  3. 调整图标 大小 位置
调整搜索栏
  1. 图标和input的位置摆放
  2. input边角调整 原始内容显示
代码规范
  1. 使用stylus来设置全局变
  2. 路径简写 在webpack.config文件中(至于在vuecli3中怎么使用vue.config.js还没摸清楚
轮播图
  1. 直接使用库
  2. 轮播图图片引入(视频中介绍的是直接导入链接,但我认为会有更好的引入方式
  3. 轮播图显示页数
  4. 如何取消页面的跳动感
这篇关于Travel项目 Day01 导航栏和轮播图总结的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!