卡通形象选择生成组件

有趣的卡通形象选择组件,仿照网易云音乐年报卡通形象选择交互.

预览截图

组件说明

有趣的卡通形象选择组件,仿照网易云音乐年报卡通形象选择交互.


实现的核心思路: 

1. 页面有一个静态全屏轮播图, 用于点击下一步,上一步的整屏切换. 静态轮播图的好处是结构可以自定义. 
2. 首屏初始化三个跨屏轮播图, 用于头部,衣服,裤子的正常选择切换;
3. 点击轮播图的时候, 切换激活状态, 非激活状态隐藏左右两个图片(隐藏通过css), 并禁止滑动 ; 
4. 当滑动选中以后,分别把头部,衣服,裤子的图片地址,索引 缓存在 bui.store (轮播图的to回调里面);
5. 通过bui.store 创建衣服跟裤子的关联 conection 字段, 当检测到滑动的图片有配套裤子的时候,自动滑动下一个轮播图到指定位置;
6. 点击下一步去到第2屏, 用于展示刚刚选中的数据; 


点赞(0)

Comment list 共有 0 条评论

暂无评论
订阅
更新

微信公众账号

微信扫一扫加关注

扫码
加群

BUI开发者交流群2

QQ扫码加群

扫码
体验

微信小程序

微信扫一扫体验

立即
投稿
发表
评论
返回
顶部