前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >小程序- SaUi 之左右选择器(城市选择,汽车品牌)

小程序- SaUi 之左右选择器(城市选择,汽车品牌)

原创
作者头像
ss-lgh
修改2019-10-11 10:56:02
1.2K0
修改2019-10-11 10:56:02
举报
文章被收录于专栏:sauisaui

这次的更新,主要是基于城市选择来扩展的。主要是上一次有人问过我,如果数据过大的话 我这个东西 还能用么~所以才有了这一次的更新,也欢迎大家,对我所做的东西 进行评分,及提意见,问题等...

1,把业务上的部分交互提取出来,封装成组件。分别写了两个页面,一汽车品牌(数据较多,存放本地)二城市选择(数据过大,需要请求cloud)目前实现了传对应的数据,就可以有基本的界面。例如

1): 基础数据

2): 组件提供两种更新(update,updateItems),分别对应的两种数据结构,第一种是循环单个更新 ,第二种是一次性更新所有数据。

a: 单个更新,适用于数据过大,以下是**汽车品牌**的适配方法

b:全部更新

在onload的时候 先把基础数据 ,转到组件需要的数据结构。在onready的时候,去更新这个组件。这是一种实现方法。还有一种类似的,基础数据是cloud请求过来的,但由于cloud的条数限制,我们可以先请求到表的总数量,再除于一次能请求的最高条件,通过for去全部请求我们需要的。

2,组件提供的交互分别有,a: 点击字母菜单,改变状态,及弹出提示框,并跳转到对应的数据上去。b:滚动时切换字母菜单的状态(目前这个功能是需要手动去开启的。主要是因为从cloud请求的数据过多,速度太慢,会影响整体的效果)

3,两个页面,我自己评分是60分吧。实现了基本功能,但是页面仍然存在着问题,在数据完全加载好之前,页面会出现卡顿,如果是请求回来的大量数据 会更慢。所以大家的看界面的时候,请留点耐心~~~

4,对于上面的问题,我也会在考试后进一步的去完善。哈哈 我是要考试的人~~~

持续的更新,完善是我所坚持的。谢谢大家~

![ ](https://mmbiz.qpic.cn/mmbiz_png/v1E8DwGRjMYeK6KV2k7jvtdu9XMicZDgXNkdzscrKmbnE862QjhXSQqoiaphnItzwZ8kDOpIjPJQj1ZuPWc5xNEw/0?wx_fmt=png)

![ ](https://mmbiz.qpic.cn/mmbiz_png/v1E8DwGRjMYeK6KV2k7jvtdu9XMicZDgXj1CpHcnzt8z2qMxK0dPYgSLkI0gHPT94dvkVT3bXsIwFf1O9z6tJEw/0?wx_fmt=png)

![](https://mmbiz.qpic.cn/mmbiz_jpg/v1E8DwGRjMYeK6KV2k7jvtdu9XMicZDgX7Lw7EahxAUGgBoYO8UeyR0WicTL5libhxl2ib2Y7P7svKW8PUhSUoXhvg/0?wx_fmt=jpeg)

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档