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

最新推荐文章于 2023-03-16 09:39:16 发布

ATWLee

最新推荐文章于 2023-03-16 09:39:16 发布

阅读量159

点赞数 1

分类专栏： Vue基础学习

本文链接：https://blog.csdn.net/BWater_monster/article/details/102684191

版权

Vue基础学习专栏收录该内容

57 篇文章 0 订阅

订阅专栏

<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>