Tuya MiniApp 设计指南

一. 简介

小程序以其轻量、便捷的特性，在移动端 App 中被越来越广泛地使用。Tuya 作为物联网生态的头部 App 企业之一，开放 Tuya MiniApp 开发能力，以帮助开发者更好地服务用户。

对于开发者，Tuya MiniApp 以全新的开放模式，提供简单高效的设计、开发框架和丰富多配置的平台运营能力，通过Tuya MiniApp和 Tuya 大平台的合作，满足开发者流量获取、提高留存、精准营销、数据监控等多样化的需求。

对于用户，Tuya MiniApp 以即用即走、无需下载的特性，为用户提供更便捷的家庭数据管理、设备管控、场景设定、增值工具等智慧生活服务，打造一键触达、多线程、多频道的线上智能家庭空间和场景。

为构建 Tuya 生态体系内友好、高效、一致的用户体验，在充分尊重用户权益基础之上实现用户、客户、Tuya 的共赢，涂鸦拟定 Tuya MiniApp 设计指南和建议，以供参考。

二. 基础框架规范和设计指南

2.1 基础框架

Tuya MiniApp 的所有页面，包含标题栏和内容区 2 个部分。标题栏将放置在界面固定位置。开发者在设计界面时，请按照文档资源预留出空间。

2.2 标题栏

• 官方推荐样式

  Tuya 提供官方推荐样式。您可在建议样式基础上，根据品牌或产品需求进行自定义配置。

• 标题栏自定义配置

  小程序内所有页面，包括小程序内嵌网页和插件，由 Tuya MiniApp 统一提供顶部导航栏右侧的胶囊样式。开发者不可对其内容自定义。如需在 Tuya MiniApp 官方胶囊区域附近放置可交互元素，请特别注意是否会产生操作热区重叠、事件冲突等问题（最终实现方式以涂鸦 IoT 开发平台配置为准）。

• 官方提供 更多（菜单） 按钮的触发内容。