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

2019-10-11 10:56:02 浏览数 (1)

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

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)

0 人点赞