去哪儿-08-city-search

目标：页面搜索框

1. 准备工作：创建分支city-search,在该分支进行搜索框的开发

2. Search.vue组件的创建与导入

注意：直接City.vue中使用<city-search></city-search>组件的时候，会报错，表示在template中必须要有一个外层的div将这些子组件包裹：

<template><div><city-header></city-header><city-search></city-search></div>
</template>

3. 页面搜索框的布局

<div class="search"><input class="search-input" type="text" placeholder="请输入城市或字母">
</div>

样式：

.searchheight .72rembackground $bgColorpadding 0 .1rem.search-inputwidth 100%height .62rem// line-height .62remtext-align centerborder-radius .06remcolor #666padding 0 .1rembox-sizing border-box  // 设置padding的时候需要添加， 如果不添加，输入框就会被撑大

4. 代码提交

去哪儿-08-city-search相关推荐

listrecord根据某个属性去重_去哪网开发实战记录（9）：城市选择页（中）
兄弟组件之间的联动所谓的兄弟组件之间的联动,其实就是实现点击右侧的字母就能跳转至对应的首字母城市,因此列表组件需要知道右侧的字母列表的点击事件所对应的元素字母,这就需要兄弟组件间的数据传递了(Alp ...
使用谷歌搜索的20条高效技巧 20 Google Search Tips to Use Google More Efficiently
谷歌浏览器使用技巧速览 1. Use the tabs 使用好分类标签 2. Use quotes 用好引号 3. Use a hyphen to exclude words 使用减号(-)去除不想搜 ...
如何将内核静态库编译连接到驱动程序中去【转】
转自:http://blog.csdn.net/ganjianfeng2003/article/details/8089551 如何将内核静态库编译连接到驱动程序中去 2010-12-07 08:27 ...
Transformer 杀疯了，图像去雨、人脸幻构、风格迁移、语义分割等通通上分
前段时间 Transformer 已席卷计算机视觉领域,并获得大量好评,如『基于Swin-Transformer』.『美团提出具有「位置编码」的Transformer,性能优于ViT和DeiT』.『L ...
Search Guard 1.3 测试配置
测试配置在上面三个小节Search Guard 1.0. 1.1.1.2中,我们配置了用户和角色.现在来测试一下这些配置是否成功. 本文: 检查配置的用户访问Elasticsearch 在检查之前 ...
24-[模块]-re
1.引入re 请从以下文件里取出所有的手机号姓名地区身高体重电话况咏蜜北京 171 48 13651054608 王心颜上海 169 46 13813234424 马纤羽深圳 173 ...
【百度地图API】暑假放假回老家——城市切换功能
原文:[百度地图API]暑假放假回老家--城市切换功能任务描述: 酸奶小妹放寒假啦,要从北京呼啦一下飞回重庆呢.现在百度地图API上不能直接切换城市,怎么办呢? 如何实现: 利用API先搜索到要去城 ...
PHP实现QQ达人信息抓取
<?php/*@ 获取QQ达人QQ信息 @ 起点岁月 2010-09-06@ 一个简单的例程,通过扩展可以轻松获取千万级别QQ信息,$jsonUrl 参数cd=610900 为城市代码@ QQ达 ...
beautifulsoup解析动态页面div未展开_Python爬虫 | 0xb 数据解析：PyQuery库
(给抠腚男孩加星标,提升Python.Android技能) 作者:CoderPig 本节带来数据解析部分最后一个解析库PyQuery,它的API和前端著名框架jQuery相似,名字由此而来.如果你有前 ...
收藏一篇访谈并做笔记：《［独家］与周鸿祎谈乔布斯》
五点第一觉醒来,看到Apple4us上的一篇访谈<［独家］与周鸿祎谈乔布斯>,通读下来,甚是喜欢.周鸿祎的每一个回答我都非常认同,也想到了一些自己正在做的事,错误与正确.同时,这让我对周鸿 ...

去哪儿-08-city-search

目标：页面搜索框

1. 准备工作：创建分支city-search,在该分支进行搜索框的开发

2. Search.vue组件的创建与导入

3. 页面搜索框的布局

4. 代码提交

去哪儿-08-city-search相关推荐

最新文章

热门文章

去哪儿-08-city-search

目标： 页面搜索框

1. 准备工作：创建分支city-search,在该分支进行搜索框的开发

2. Search.vue组件的创建与导入

3. 页面搜索框的布局

4. 代码提交

去哪儿-08-city-search相关推荐

最新文章

热门文章

目标：页面搜索框