6.7.6旅游网站小项目练习之城市列表页搜索区组件代码

<template>
    <div class="search-wrapper">
        <input type="text" class="search-input" placeholder="输入城市名或拼音">   
    </div>
</template>

<script>
export default {
    name: 'CitySearch'
}
</script>

<style lang="stylus" scoped>
    @import '~@/assets/styles/varibles.styl'
    .search-wrapper
        height: .72rem
        padding: 0 .15rem
        .search-input
            box-sizing: border-box
            width: 100%
            height: .62rem
            line-height: .62rem
            border-radius: .1rem
            color: #666
            padding: 0 .1rem
</style>