设计调用

  • 团队内成员可直接通过组件面板启用,启用后可通过组件面板直接查找或搜索调用,非团队内成员可复制文档再发布组件在其团队内进行调用;
  • 组件针对搜索关键词进行了优化,例如【单元格】组件通过【列表】关键词也可以搜索出来,图标命名同样做了搜索兼容(支持中文命名搜索)处理,更符合设计师的搜索习惯;

设计组件变量说明

组件提供丰富的变量控制(不同类型和状态、插槽显隐控制、图标快速替换等)

单个组件使用说明

组件有相关使用说明,包括组件相关使用规范、极端情况处理说明、开发支持的变量拓展等

开发模式下的使用说明

  • 前端开发通过开发模式选中组件可查看对应的变量说明,底部提供对应组件的开发调用地址,如设计师和开发对部分组件是否支持对应的使用方法有分歧可直接到组件网站查看代码支持的变量;
  • 因开发资源有限,当前版本组件基于vant3进行的调整,部分样式和功能可能与最新版本vant有出入

Meri Design

使用指南

组件使用规范

移动端一致性

梅里雪山设计系统

En

设计调用

  • 团队内成员可直接通过组件面板启用,启用后可通过组件面板直接查找或搜索调用,非团队内成员可复制文档再发布组件在其团队内进行调用;
  • 组件针对搜索关键词进行了优化,例如【单元格】组件通过【列表】关键词也可以搜索出来,图标命名同样做了搜索兼容(支持中文命名搜索)处理,更符合设计师的搜索习惯;

设计组件变量说明

组件提供丰富的变量控制(不同类型和状态、插槽显隐控制、图标快速替换等)

单个组件使用说明

组件有相关使用说明,包括组件相关使用规范、极端情况处理说明、开发支持的变量拓展等

开发模式下的使用说明

  • 前端开发通过开发模式选中组件可查看对应的变量说明,底部提供对应组件的开发调用地址,如设计师和开发对部分组件是否支持对应的使用方法有分歧可直接到组件网站查看代码支持的变量;
  • 因开发资源有限,当前版本组件基于vant3进行的调整,部分样式和功能可能与最新版本vant有出入