微信小程序实现瀑布流布局

微信小程序实现瀑布流布局，效果如下：

index.js

index.wxml

index.wxss

waterFlow.js

5月21日，腾讯正式上线了全新升级的“国宝全球数字博物馆”小程序，作为首个数字国宝无障碍体验小程序，在推动近300件来自全球3大顶级博物馆的文物数字化回归的同时，率先实现了文物的语音导览全覆盖，从听觉、视觉、交互等多个维度达成对包括视障人群、老年人等更多用户的360度无障碍体验升级。

据《视障网民移动资讯行为洞察报告》发布的信息，中国视障群体的规模大约为1700多万人。为了满足这些用户的切身需求，在腾讯智慧景区业务的支持下，国宝全球数字博物馆开展无障碍升级＂同屏计划＂，旨在联合专业团队，打通文物知识信息传播的技术壁垒，通过数字化手段实现信息传递的无障碍。

经过近4个月的开发调试，国宝小程序从导览无障碍，听游全覆盖，画面高标准， *** 作上手快，团队更专业这五大方面着手，实现了用户体验的全面升级。导览方面，小程序在适配手机读屏的同时，最大程度优化焦点路径，高效指引视障用户找到要点信息。语音讲解，完整覆盖近300件文物，近6小时云游世界三大博物馆馆藏珍品。视觉层面，为方便低视力、老人用户浏览，小程序中的文字与背景对比度均精确匹配相关无障碍标准，同时提供字体调节功能，一键放大秒变清晰。 *** 作上，为了获得更佳无障碍体验效果，小程序没有使用常用的瀑布流布局，通过一屏一功能模块，配以充分新手指导，让每位用户都能快速进入对文物的 探索 与观赏。

在小程序升级过程中，国宝全球数字博物馆跟深圳市信息无障碍研究会进行了深度合作，充分发挥各方的专业优势，共同 探索 推动云游领域的信息无障碍，促进 科技 普惠大众。研发团队结合视障用户的真实反馈，并兼顾老年用户的使用需求，帮助小程序从功能到内容都实现了真正的无障碍体验升级，力求让更多用户可以顺畅地领略国宝的风采。

在小程序之前，抖音购物车和商品橱窗无异于为第三方电商平台打工，而电商小程序则能将交易留在抖音生态之内，增加创作者收入的同时，也便于抖音作为平台方抽取佣金。具体的变现路径目前主要有以下两种：

(1)短视频挂载

拿小米有品为例，播放其主页短视频时，视频信息上方会显示小程序链接，且有相关文字说明——短视频搭配小程序，以此承接流量，完成导流变现。

(2)用户裂变

小程序内点击菜单“拍抖音”选项，拍摄一条短视频并发布后，即可挂载小程序链接，也就是说任何用户都可以为小程序引流带货，从而形成裂变式传播。

电商行业如今获客成本高企不下，而抖音拥有数亿活跃用户，且瀑布流的展现形式更为直观，可以说是一块流量新大陆，如果是女性向或拥有网红特质的产品，等适合抖音用户的调性的电商，借助抖音小程序能跳出竞争，获得新的增长点。

---