proyectos turísticos Vue2.5 en la página de selección 11 ciudades instancia - la disposición cuadro de búsqueda

La creación de una rama: la ciudad-búsqueda

Y tirando de la rama local de conmutación:

git pull 
git checkout ciudad-búsqueda

Nuevo archivo Search.vue:

< Plantilla > 
< div clase = "buscar" > 
  < entrada de clase = "search-entrada" tipo = "text" marcador de posición = "输入城市名或拼音"  /> 
</ div > 
</ plantilla > 

< secuencia de comandos > 
exportación predeterminado { 
  nombre: ' CitySearch ' 
} 
</ script de > 

< estilo lang = "stylus" restringidos > 
@ import '~ estilos / varibles.styl'
.search  
  padding: 0 .1rem
  altura: .72rem
  fondo: $ bgColor 
  .search-entrada 
    de caja de tamaño: caja de frontera 
    padding: 0 .1rem 
    anchura: 100% 
    altura: .62rem 
    line-height: .62rem 
    text-align: centro de 
    la frontera de radio: .06rem 
    color: # 666 
< / estilo >

Añadir componentes a cambio City.vue:

< Plantilla > 
< div > 
  < ciudad-header > </ ciudad-header > 
  < ciudad-Búsqueda > </ ciudad-buscar > 
</ div > 
</ plantilla > 

< secuencia de comandos > 
CityHeader importación de ' ./components/Header ' 
importación CitySearch de ' ./components/Search ' 
de exportación por defecto { 
  nombre: ' City ' , 
  componentes: { 
    CityHeader,
    CitySearch 
  } 
}
</ Escritura >

En este momento las representaciones:

Cargar el código y se incorporan en el maestro:

git add. 
git commit -m "ciudad-buscar" 
git push 

git checkout master 
git merge ciudad-buscar 
git push