Vue项目二：设置标题搜索栏，以及图片的轮播。

lvzekun-IT

于 2018-08-29 16:23:21 发布

阅读量1k

点赞数

分类专栏： Vue移动项目：去哪了网移动学习开发

本文链接：https://blog.csdn.net/m0_37727198/article/details/82185069

版权

本文介绍了如何在Vue项目中创建标题搜索栏，并实现图片的轮播功能。通过使用stylus编写CSS样式，实现了头部布局，包括返回按钮、输入框和城市选择。同时，详细说明了Webpack配置简化代码的步骤，引入阿里Iconfont图标库，以及安装并应用vue-awesome-swiper插件来创建自适应宽度和高度的轮播图。最后，展示了如何在Git中进行分支管理和代码推送。

摘要由CSDN通过智能技术生成

7-1穿件头目录
采用了stylus的方法编写CSS样式。
<template>
<div>
<div class="header">
<div class="header-left">返回</div>
<div class="header-input">输入城市/景点/游玩主题</div>
<div class="header-right">城市</div>
</div>
</div>
</template>
<script>
export default {
name: 'HomeHeader'
}
</script>