微信小程序 顶部导航栏 仿京东UI样式
2017-08-31 15:34
801 查看
我们先来看看京东的效果
分析
上端导航栏可以放置多个分类，可滑动点击导航栏最右端按钮可以查看所有分类，同时背景模糊
内容部分右拉跳转到另外的分类
点击分类时导航栏的滑动部分自动滑动到合适的位置
我的实现
源代码地址
https://github.com/mgsweet/WeChat-App-Learning/tree/master/pages/category
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 微信小程序--仿京东UI样式顶部导航栏
- 微信小程序 开发之顶部导航栏实例代码
- 微信小程序UI------实现携程首页顶部的界面（弹性布局）
- 微信小程序UI------实现携程首页顶部的界面（弹性布局）
- 微信小程序----导航栏选项卡（MUI顶部选项卡）
- 微信小程序之顶部导航栏（选项卡）实例 —— 微信小程序实战系列（1）
- 让微信小程序和页面界面 UI 统一：WeUI 前端样式库
- 微信小程序-导航栏样式、tabBar导航栏
- 微信小程序之设置不同的顶部导航栏名称
- 微信小程序实战之顶部导航栏（选项卡）（1）
- 微信小程序UI------实现携程首页顶部的界面（弹性布局）
- 微信小程序 UI样式基础
- 小程序自学系列（零基础学小程序）---实现底部导航栏和顶部导航栏及微信开发工具常用快捷键
- 微信小程序入门四: 导航栏样式、tabBar导航栏
- 微信小程序WeUI.js网页开发样式库
- 微信小程序中顶部导航栏的实现代码
- 微信小程序返回顶部
- 自定义顶部导航栏-样式1
- 微信小程序顶部选项卡
- 小程序顶部导航栏的自定义