# 去哪儿网项目

**Repository Path**: hodor_7/where_to_go_project

## Basic Information

- **Project Name**: 去哪儿网项目
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-08
- **Last Updated**: 2020-12-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# qunar

> A Vue.js project

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report
```

For a detailed explanation on how things work, check out the [guide](http://vuejs-templates.github.io/webpack/) and [docs for vue-loader](http://vuejs.github.io/vue-loader).


#### 字体图标使用的font-awesome
npm install font-awesome
在main.js里添加import 'font-awesome/css/font-awesome.css'

#### 轮播图
使用的vue-awesome-swiper插件 官网地址 https://www.swiper.com.cn/
拖动的时候会报错 控制台找到拖动元素的类名 加一个样式 touch-action: none;就可以了
到最后一张之后就不会自动播放的问题 在外层swiper上加上v-if="sliderData.length>0" 等得到数据之后再渲染
分页原点不现实的问题 需要加上 slot="pagination" swiperOption里面写上
```
 pagination:{
  el:'.swiper-pagination',
  clickable:true,
}
```
#### 城市列表使用的better-scroll插件
容器内默认是无法使用点击事件的 解决办法 :
```
this.scroll=new BScroll(this.$refs.wrapper,{
	click:true
})
```
与srcollBehavior方法不兼容