小程序开发
MiniDev Studio 小程序开发有两条独立的能力线，请先分清：
| 能力线 | 是什么 | 形态 | 用法 |
|---|---|---|---|
Web UI 组件（minidev-components） | m-* 可视化组件（按钮、输入框、轮播…） | Web Components 标签 | 模板里直接写 <m-button>，无需 import / 注册 |
Bridge SDK（mini-sdk） | 调用原生能力的 JS API（Toast、路由、存储、设备…） | mini.* 函数 | import mini from 'mini-sdk' 后调用 mini.showToast() |
一句话：画界面用
m-*标签，调能力用mini.*函数。 二者互不依赖。
设计与约定
- 设计风格：Material Design 3（MD3），内置完整的色彩、圆角、排版、动效 Token。
- 框架无关：Vue、React、原生 HTML 写法一致，组件事件数据统一在
e.detail。 - 尺寸单位：支持
rpx（响应式像素，750rpx = 屏宽），编译时自动换算适配不同屏幕。
组件 · Web UI
- 基础：View · Text · Icon · Image · Button · Divider
- 表单：Input · Textarea · Switch · Slider · Picker · Radio · Checkbox · Label · Form
- 布局：Main · ScrollView · Swiper
- 展示：Progress · Circle · Loading · Skeleton · Steps · Collapse · Video
- 反馈：Popup · Calendar · Cascader
Bridge SDK
- 界面与交互：UI 界面控件 · Lifecycle 生命周期
- 数据与设备：Storage · Clipboard · Device · Network
- 应用与业务：Router · App · Auth · Analytics · Vehicle · Component · Map
进阶指南
运行模型 · 调用风格与环境检测 · 错误处理 · 本地 Mock · app.json 配置
新手建议从 快速上手 开始。