主要介绍了微信小程序—仿淘宝热搜词在搜索框中轮播功能的相关资料,需要的朋友可以参考下

摘要 逛淘宝的时候，发现淘宝搜索框中一直在垂直方向上轮播热搜提示词，觉得这是个不错的设计，除了能让空间更充分使用，也能让页面更有动感，最重要的是能够增加搜索框的使用频率。就在小程序中试着实现实现。 效果 体验 实现思路 思路比较简单，主要是两点， 1：input处于热搜提示词上层，用z-index实现 2：热搜词轮播用swiper实现，方向为vertical 3：在input聚焦时获取swiper当前值，设置为placeholder 4：将swiper隐藏 代码 已封装成组件 组件代码：