diff --git a/docs/miniprogram/_design/ActionSheet.md b/docs/miniprogram/_design/ActionSheet.md index c92df4642e..dff23680d1 100644 --- a/docs/miniprogram/_design/ActionSheet.md +++ b/docs/miniprogram/_design/ActionSheet.md @@ -11,7 +11,7 @@ ##### 动作面板与[按钮](./button)组合使用，通过按钮点击唤起动作面板。
- +
@@ -19,7 +19,7 @@ ##### 当用户完成一个事件可以通过若干种方式达成，可以用动态面板来承载这若干种方式的操作。
- +
@@ -27,7 +27,7 @@ ##### 当页面中有一组操作因低频/空间不足不希望外露时，但却必要存在，可以用动作面板来承载，通过“更多”按钮触发
- +
@@ -38,13 +38,13 @@
- - + +
- - + +
@@ -54,12 +54,12 @@
- - + +
- - + +
@@ -67,9 +67,9 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [抽屉](./drawer) | 需要收折展示一组数量较多的菜单时使用。 | -| [对话框](./dialog) | 需要用户做一些决定，或这提供完成某个任务是需要的一些额外信息时使用。 | -| [下拉菜单](./dropdown-menu) | 当内容较多时，需要通过筛选快速定位某一类内容时使用。 | -| [选择器](./dropdown-menu) | 当需要在有限的空间展示大量选项供用户选择，或者一组选项由递进层级构成需要用户逐级选择时使用。 | +| 组件名 | 何时使用 | +| :-------------------------- | :------------------------------------------------------------------------------------------- | +| [抽屉](./drawer) | 需要收折展示一组数量较多的菜单时使用。 | +| [对话框](./dialog) | 需要用户做一些决定，或这提供完成某个任务是需要的一些额外信息时使用。 | +| [下拉菜单](./dropdown-menu) | 当内容较多时，需要通过筛选快速定位某一类内容时使用。 | +| [选择器](./dropdown-menu) | 当需要在有限的空间展示大量选项供用户选择，或者一组选项由递进层级构成需要用户逐级选择时使用。 | diff --git a/docs/miniprogram/_design/Badge.md b/docs/miniprogram/_design/Badge.md index 019cf6285e..cc0f19c7a8 100644 --- a/docs/miniprogram/_design/Badge.md +++ b/docs/miniprogram/_design/Badge.md @@ -12,11 +12,11 @@
- +
- +
@@ -26,7 +26,7 @@
- +
@@ -37,11 +37,11 @@
- +
- +
@@ -52,13 +52,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/_design/Button.md b/docs/miniprogram/_design/Button.md index e12730d4aa..75c1c1fbd3 100644 --- a/docs/miniprogram/_design/Button.md +++ b/docs/miniprogram/_design/Button.md @@ -12,7 +12,7 @@
- +
@@ -23,19 +23,19 @@
- +
- +
- +
- +
@@ -46,11 +46,11 @@ ##### 当在填写场景，按钮通常作为当前流程的结束操作，在表单过长时通常需要吸顶或吸底处理。
- +
- +
@@ -62,13 +62,13 @@
- - + +
- - + +
@@ -76,8 +76,8 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [链接](./link) | 当需要外链跳转或页面底部footer链接跳转时使用。 | -| [悬浮按钮](./fab) | 当某个操作为全局操作，且为用户高频/业务强推的操作时可使用。 | -| [返回顶部](./back-top) | 当页面内容过长，用户有快速返回到页面顶部的诉求时使用。 | +| 组件名 | 何时使用 | +| :--------------------- | :---------------------------------------------------------- | +| [链接](./link) | 当需要外链跳转或页面底部footer链接跳转时使用。 | +| [悬浮按钮](./fab) | 当某个操作为全局操作，且为用户高频/业务强推的操作时可使用。 | +| [返回顶部](./back-top) | 当页面内容过长，用户有快速返回到页面顶部的诉求时使用。 | diff --git a/docs/miniprogram/_design/Calendar.md b/docs/miniprogram/_design/Calendar.md index 6d174c5451..86237592f8 100644 --- a/docs/miniprogram/_design/Calendar.md +++ b/docs/miniprogram/_design/Calendar.md @@ -11,7 +11,7 @@ ##### 通常和[单元格](./cell)搭配使用，点击后唤起日历。
- +
### 推荐/慎用 @@ -20,13 +20,13 @@
- - + +
- - + +
@@ -36,13 +36,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/_design/Cell.md b/docs/miniprogram/_design/Cell.md index 9d07a5ec62..06cdc05e30 100644 --- a/docs/miniprogram/_design/Cell.md +++ b/docs/miniprogram/_design/Cell.md @@ -8,11 +8,11 @@
- +
- +
@@ -22,7 +22,7 @@
- +
@@ -32,8 +32,8 @@
- - + +
@@ -43,8 +43,8 @@
- - + +
@@ -52,6 +52,6 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [宫格](./grid) | 当需要展示多个功能或信息入口，且这些入口没有明显的优先级时使用。| +| 组件名 | 何时使用 | +| :------------- | :--------------------------------------------------------------- | +| [宫格](./grid) | 当需要展示多个功能或信息入口，且这些入口没有明显的优先级时使用。 | diff --git a/docs/miniprogram/_design/Checkbox.md b/docs/miniprogram/_design/Checkbox.md index efa45d60a0..3cd8270499 100644 --- a/docs/miniprogram/_design/Checkbox.md +++ b/docs/miniprogram/_design/Checkbox.md @@ -12,27 +12,27 @@
- +
- +
- + ### 推荐/慎用示例 ##### 带有详情信息的选项，建议就近展开相关内容，不建议在触发一个弹窗。
- - + +
- - + +
@@ -41,8 +41,8 @@
- - + +
@@ -50,6 +50,6 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | +| 组件名 | 何时使用 | +| :---------------- | :--------------------------------------- | | [单选框](./radio) | 当用户需要从一组数据选择一个选项时使用。 | diff --git a/docs/miniprogram/_design/Collapse.md b/docs/miniprogram/_design/Collapse.md index 3f41991f7c..f1991f8d94 100644 --- a/docs/miniprogram/_design/Collapse.md +++ b/docs/miniprogram/_design/Collapse.md @@ -11,7 +11,7 @@ ##### 经常用于信息种类较多的页面，将相对次要的信息收纳起来，让用户能够关注到页面中的主要信息或流程。
- +
@@ -20,7 +20,7 @@
- +
@@ -29,7 +29,7 @@ ##### 在网站中，经常使用折叠面板作为分类导航，将页面进行归类、收纳在折叠面板中，展开后可点击跳转。
- +
@@ -40,8 +40,8 @@
- - + +
@@ -51,8 +51,8 @@
- - + +
@@ -60,6 +60,6 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [下拉菜单](./dropdown-menu) |当内容较多时，需要通过筛选快速定位某一类内容时使用。| +| 组件名 | 何时使用 | +| :-------------------------- | :--------------------------------------------------- | +| [下拉菜单](./dropdown-menu) | 当内容较多时，需要通过筛选快速定位某一类内容时使用。 | diff --git a/docs/miniprogram/_design/CountDown.md b/docs/miniprogram/_design/CountDown.md index fa50e0b56a..6ad7cc9306 100644 --- a/docs/miniprogram/_design/CountDown.md +++ b/docs/miniprogram/_design/CountDown.md @@ -12,7 +12,7 @@
- +
@@ -22,7 +22,7 @@
- +
@@ -33,13 +33,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/_design/DateTimePicker.md b/docs/miniprogram/_design/DateTimePicker.md index 173b7e5df0..f0ca364439 100644 --- a/docs/miniprogram/_design/DateTimePicker.md +++ b/docs/miniprogram/_design/DateTimePicker.md @@ -11,7 +11,7 @@ ##### 通常和[单元格](./Cell)搭配使用，点击后唤起时间选择器。
- +
### 常见用法 @@ -19,11 +19,11 @@ ##### 当需要输入时间区间时，通常使用两个时间选择器分别选择起、止时间。
- +
- +
### 推荐/慎用示例 @@ -32,8 +32,8 @@
- - + +
diff --git a/docs/miniprogram/_design/Dialog.md b/docs/miniprogram/_design/Dialog.md index 98ae7ed66f..408c29345d 100644 --- a/docs/miniprogram/_design/Dialog.md +++ b/docs/miniprogram/_design/Dialog.md @@ -11,15 +11,15 @@ ##### 与输入类组合使用，用于帮助用户完成一些快捷的输入或选择；但不建议一个对话框内有多种不同的输入类组件。
- +
- +
- +
- -
- + +
+ @@ -29,7 +29,7 @@
- +
@@ -39,11 +39,11 @@
- +
- +
@@ -55,20 +55,20 @@
- - + +
- - + +
### 何时使用 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [轻提示](./toast) |当需要对用户进行轻量反馈或提示，且不需要用户进行操作时使用，轻提示会在一段时间后自动消失。| -| [消息通知](./message) |当需要对用户进行较轻量的反馈或提示，可以自动消失或通过点击关闭，通常由用户触发。| +| 组件名 | 何时使用 | +| :-------------------- | :----------------------------------------------------------------------------------------- | +| [轻提示](./toast) | 当需要对用户进行轻量反馈或提示，且不需要用户进行操作时使用，轻提示会在一段时间后自动消失。 | +| [消息通知](./message) | 当需要对用户进行较轻量的反馈或提示，可以自动消失或通过点击关闭，通常由用户触发。 | diff --git a/docs/miniprogram/_design/Divider.md b/docs/miniprogram/_design/Divider.md index 7c918325f6..3fe6f3c31f 100644 --- a/docs/miniprogram/_design/Divider.md +++ b/docs/miniprogram/_design/Divider.md @@ -12,7 +12,7 @@
- +
@@ -23,7 +23,7 @@
- +
@@ -33,7 +33,7 @@
- +
@@ -44,12 +44,12 @@
- - + +
- - + +
diff --git a/docs/miniprogram/_design/Drawer.md b/docs/miniprogram/_design/Drawer.md index 02db126364..d7f42dd57e 100644 --- a/docs/miniprogram/_design/Drawer.md +++ b/docs/miniprogram/_design/Drawer.md @@ -11,7 +11,7 @@ ##### 抽屉与[按钮](./button)组合使用，通过按钮点击唤起抽屉。
- +
### 常见用法 @@ -19,7 +19,7 @@ ##### 在网站场景，通常用来收折展示整个网站的菜单导航。
- +
@@ -27,7 +27,7 @@ ##### 在应用场景，通常用来承载某类相关性较强的或较为低频的，如个人中心、设置等场景。
- +
@@ -37,13 +37,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/_design/DropdownMenu.md b/docs/miniprogram/_design/DropdownMenu.md index 0312d49913..09bd082046 100644 --- a/docs/miniprogram/_design/DropdownMenu.md +++ b/docs/miniprogram/_design/DropdownMenu.md @@ -12,11 +12,11 @@
- +
- +
@@ -27,8 +27,8 @@
- - + +
@@ -37,14 +37,14 @@ ##### 当筛选维度为多选时，建议提供重置按钮，便于用户恢复到未筛选状态。
- - + +
### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [选择器](./Cascader) | 当需要在有限的空间展示大量选项供用户选择时，或一组选项由递进层级构成，需要用户逐级选择使用时。| +| 组件名 | 何时使用 | +| :------------------- | :--------------------------------------------------------------------------------------------- | +| [选择器](./Cascader) | 当需要在有限的空间展示大量选项供用户选择时，或一组选项由递进层级构成，需要用户逐级选择使用时。 | diff --git a/docs/miniprogram/_design/Empty.md b/docs/miniprogram/_design/Empty.md index e40a8081da..8c34cf4284 100644 --- a/docs/miniprogram/_design/Empty.md +++ b/docs/miniprogram/_design/Empty.md @@ -12,11 +12,11 @@
- +
- +
@@ -25,7 +25,7 @@ ##### 空状态与[步骤条](./steps)组合使用，通过步骤展示提示用户如何新建/添加。
- +
@@ -35,7 +35,7 @@
- +
diff --git a/docs/miniprogram/_design/Fab.md b/docs/miniprogram/_design/Fab.md index 7d89149464..6d32dec053 100644 --- a/docs/miniprogram/_design/Fab.md +++ b/docs/miniprogram/_design/Fab.md @@ -12,21 +12,21 @@
- +
- +
- + -
+
- + -
+
@@ -35,7 +35,7 @@ ##### 悬浮按钮与[动作面板](./action-sheet)组合使用，当触发悬浮按钮涉及的任务通过若干种方式达成，可以用动态面板来承载这若干种方式的操作。
- +
@@ -46,13 +46,13 @@
- - + +
- - + +
@@ -62,21 +62,21 @@
- - + +
- - + +
### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [按钮](./button) | 当前流程的结束或新流程的开启需要用户点击触发时使用。 | +| 组件名 | 何时使用 | +| :---------------------- | :----------------------------------------------------- | +| [按钮](./button) | 当前流程的结束或新流程的开启需要用户点击触发时使用。 | | [返回顶部](./back-top ) | 当页面内容过长，用户有快速返回到页面顶部的诉求时使用。 | diff --git a/docs/miniprogram/_design/Footer.md b/docs/miniprogram/_design/Footer.md index 1f309b2644..e034ad058f 100644 --- a/docs/miniprogram/_design/Footer.md +++ b/docs/miniprogram/_design/Footer.md @@ -12,52 +12,50 @@
- +
- + ### 常见用法 ##### 用于承载版权、隐私政策和使用条款等信息，它们是法律保护所需的。
- +
- +
##### 用于承载网站、产品的联系方式，便于用户在页脚查找联系信息或查找获得客户支持的方式。
- +
- +
##### 用于承载网站导航。
- +
- +
##### 用于承载相关公司/品牌列表，让用户能认知合作或者旗下的品牌/公司，并提供找到他们的方式。 -
+
- +
- +
- - diff --git a/docs/miniprogram/_design/Grid.md b/docs/miniprogram/_design/Grid.md index 177a790e75..ea794a549e 100644 --- a/docs/miniprogram/_design/Grid.md +++ b/docs/miniprogram/_design/Grid.md @@ -12,7 +12,7 @@
- +
@@ -22,7 +22,7 @@
- +
@@ -32,11 +32,11 @@
- +
- +
@@ -46,7 +46,7 @@
- +
@@ -57,13 +57,13 @@
- - + +
- - + +
@@ -71,13 +71,13 @@
- - + +
- - + +
@@ -85,6 +85,6 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [单元格](./cell) |用于各个类别行的信息展示。| +| 组件名 | 何时使用 | +| :--------------- | :------------------------- | +| [单元格](./cell) | 用于各个类别行的信息展示。 | diff --git a/docs/miniprogram/_design/Image.md b/docs/miniprogram/_design/Image.md index 92f3c745cb..e7e78786ac 100644 --- a/docs/miniprogram/_design/Image.md +++ b/docs/miniprogram/_design/Image.md @@ -12,11 +12,11 @@
- +
- +
@@ -26,32 +26,28 @@
- +
- - ### 推荐/慎用示例 ##### 当图片仅为展示，不具备预览功能时，应避免图片尺寸过小，从而影响图像信息的浏览和获取。
- - + +
- - + +
- - ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | +| 组件名 | 何时使用 | +| :------------------------- | :--------------------------------------------------------------------------------- | | [图片预览](./image-viewer) | 当需要对展示的图片进行快速查看，以及在查看时存在放大、缩小、删除等操作诉求时使用。 | diff --git a/docs/miniprogram/_design/ImageViewer.md b/docs/miniprogram/_design/ImageViewer.md index ae98582d3b..84ad3a9146 100644 --- a/docs/miniprogram/_design/ImageViewer.md +++ b/docs/miniprogram/_design/ImageViewer.md @@ -11,7 +11,7 @@ ##### 图片预览与[图片](./image)组合使用，通过图片作为缩略图，点击后进行图片预览。
- +
@@ -19,24 +19,20 @@ ##### 当使用带删除操作的图片预览组件时，可与[动作面板](./action-sheet)组合使用，对删除操作进行二次确认。
- +
- - ### 推荐/慎用示例 ##### 在可点击进入详情的卡片入口中，不建议针对图片添加图片预览能力。
- - + +
- - ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | +| 组件名 | 何时使用 | +| :-------------- | :--------------------------------------------------------------- | | [图片](./image) | 当需要对图像内容进行陈列、展示，以便用户快速了解图像信息时使用。 | diff --git a/docs/miniprogram/_design/Indexes.md b/docs/miniprogram/_design/Indexes.md index 4396b37d86..28ab6cf1ff 100644 --- a/docs/miniprogram/_design/Indexes.md +++ b/docs/miniprogram/_design/Indexes.md @@ -12,7 +12,7 @@
- +
@@ -22,13 +22,13 @@
- - + +
- - + +
@@ -38,17 +38,16 @@
- - + +
- - + +
- ### 相似组件 | 组件名 | 何时使用 | diff --git a/docs/miniprogram/_design/Input.md b/docs/miniprogram/_design/Input.md index 7df39948df..fbf6a615f8 100644 --- a/docs/miniprogram/_design/Input.md +++ b/docs/miniprogram/_design/Input.md @@ -12,7 +12,7 @@
- +
@@ -22,7 +22,7 @@ ##### 通常使用在表单中进行文字填写，填写状态下可在右侧显示清空输入的按钮，供用户快速清空已输入的内容。
- +
@@ -31,11 +31,11 @@
- +
- +
@@ -45,13 +45,13 @@
- - + +
- - + +
@@ -60,8 +60,8 @@ ##### 当需要输入较长的复杂内容时，建议使用多行文本框输入。
- - + +
diff --git a/docs/miniprogram/_design/Loading.md b/docs/miniprogram/_design/Loading.md index 3da3dde123..35701bdbd9 100644 --- a/docs/miniprogram/_design/Loading.md +++ b/docs/miniprogram/_design/Loading.md @@ -12,11 +12,11 @@
- +
- +
@@ -27,11 +27,11 @@
- +
- +
@@ -41,13 +41,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/_design/Message.md b/docs/miniprogram/_design/Message.md index e0a7c42ff2..d10411547a 100644 --- a/docs/miniprogram/_design/Message.md +++ b/docs/miniprogram/_design/Message.md @@ -12,11 +12,11 @@
- +
- +
@@ -27,8 +27,8 @@
- - + +
@@ -38,8 +38,8 @@
- - + +
diff --git a/docs/miniprogram/_design/Picker.md b/docs/miniprogram/_design/Picker.md index 5375b7e21c..0d7fb81c0a 100644 --- a/docs/miniprogram/_design/Picker.md +++ b/docs/miniprogram/_design/Picker.md @@ -12,8 +12,8 @@
- - + +
@@ -23,13 +23,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/_design/Popup.md b/docs/miniprogram/_design/Popup.md index cdafb95b2c..c04dc0e711 100644 --- a/docs/miniprogram/_design/Popup.md +++ b/docs/miniprogram/_design/Popup.md @@ -7,13 +7,13 @@ ##### 在筛选的场景，若筛选条件外露，通常会使用顶部弹出的弹出层；若为筛选入口，则通常触发使用右侧弹出的弹出层。
- +
- +
@@ -21,7 +21,7 @@ ##### 承载页面中某个任务操作流程，通常会使用底部弹出的弹出层。
- +
@@ -30,7 +30,7 @@
- +
@@ -40,16 +40,16 @@
- +
- +
##### 承载网站、应用收折起来的导航菜单时，通常会使用左侧弹出的弹出层。
- +
diff --git a/docs/miniprogram/_design/Progress.md b/docs/miniprogram/_design/Progress.md index d7b048c316..14715b674a 100644 --- a/docs/miniprogram/_design/Progress.md +++ b/docs/miniprogram/_design/Progress.md @@ -12,11 +12,11 @@
- +
- +
@@ -26,7 +26,7 @@
- +
@@ -36,11 +36,11 @@
- +
- +
@@ -51,8 +51,8 @@
- - + +
diff --git a/docs/miniprogram/_design/PullDownRefresh.md b/docs/miniprogram/_design/PullDownRefresh.md index f43851d555..d1bece62c6 100644 --- a/docs/miniprogram/_design/PullDownRefresh.md +++ b/docs/miniprogram/_design/PullDownRefresh.md @@ -11,21 +11,21 @@ ##### 下拉刷新位于内容最上方；通常在页面最顶部或者选项卡、吸顶模块之下。
- +
- +
- +
- -
- + +
+
- +
- +
@@ -35,7 +35,7 @@
- +
@@ -45,11 +45,11 @@
- +
- +
@@ -57,7 +57,6 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [加载](./loading) |当打开新页面或操作完成后，等待加载时使用。| - +| 组件名 | 何时使用 | +| :---------------- | :----------------------------------------- | +| [加载](./loading) | 当打开新页面或操作完成后，等待加载时使用。 | diff --git a/docs/miniprogram/_design/Radio.md b/docs/miniprogram/_design/Radio.md index 7cd9b6f97a..d0b0501d74 100644 --- a/docs/miniprogram/_design/Radio.md +++ b/docs/miniprogram/_design/Radio.md @@ -10,14 +10,13 @@ ##### 单选框与[索引](./indexes)、[搜索框](./search)组合使用，便于用户从大量的选项中，快速地找到目标选项。 -
- +
- +
@@ -27,13 +26,13 @@ ##### 带有详情信息的选项，建议就近展开相关内容，不太建议用单选框触发一个弹窗。
- - + +
- - + +
@@ -42,19 +41,19 @@
- - + +
- - + +
### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | +| 组件名 | 何时使用 | +| :------------------- | :--------------------------------------- | | [多选框](./checkbox) | 当用户需要从一组数据选择多个选项时使用。 | diff --git a/docs/miniprogram/_design/Rate.md b/docs/miniprogram/_design/Rate.md index 849489aa7e..e6d345b151 100644 --- a/docs/miniprogram/_design/Rate.md +++ b/docs/miniprogram/_design/Rate.md @@ -12,7 +12,7 @@
- +
@@ -22,7 +22,7 @@
- +
@@ -32,13 +32,13 @@
- - + +
- - + +
@@ -47,9 +47,7 @@ ##### 在同一个评论场景中，评分机制应保持一致，不建议将半星、整星的评分机制混用。
- - + +
- - diff --git a/docs/miniprogram/_design/Result.md b/docs/miniprogram/_design/Result.md index 5c6a0997d3..d02495356d 100644 --- a/docs/miniprogram/_design/Result.md +++ b/docs/miniprogram/_design/Result.md @@ -12,7 +12,7 @@
- +
@@ -22,7 +22,7 @@
- +
@@ -32,7 +32,7 @@
- +
@@ -43,7 +43,7 @@
- +
diff --git a/docs/miniprogram/_design/Search.md b/docs/miniprogram/_design/Search.md index 4b56e46c62..7e3e29f492 100644 --- a/docs/miniprogram/_design/Search.md +++ b/docs/miniprogram/_design/Search.md @@ -12,11 +12,11 @@
- +
- +
@@ -26,7 +26,7 @@ ##### 在可搜索内容类型较为单一的场景下，可直接在原页面激活搜索态进行搜索，并通过高亮命中字符的方式展示搜索结果，页面内容组织结构保持不变。
- +
@@ -34,7 +34,7 @@ ##### 在可搜索内容类型较丰富的场景下，通过模态承载搜索态，并在新页面中按分类呈现搜索结果。
- +
@@ -42,7 +42,7 @@ ##### 在用户触发搜索后，对用户即将搜索的内容进行预判和推荐，并需要满足营销的诉求。
- +
diff --git a/docs/miniprogram/_design/SideBar.md b/docs/miniprogram/_design/SideBar.md index 6c5de1da91..3b7cd28edf 100644 --- a/docs/miniprogram/_design/SideBar.md +++ b/docs/miniprogram/_design/SideBar.md @@ -12,7 +12,7 @@
- +
@@ -23,13 +23,13 @@
- - + +
- - + +
@@ -38,8 +38,8 @@ ##### 不建议仅用图标、emoji作为品类选项，避免表意不清晰。
- - + +
diff --git a/docs/miniprogram/_design/Slider.md b/docs/miniprogram/_design/Slider.md index 3f3d43d7df..8c781cbd37 100644 --- a/docs/miniprogram/_design/Slider.md +++ b/docs/miniprogram/_design/Slider.md @@ -12,7 +12,7 @@
- +
@@ -21,9 +21,9 @@ ##### 用于可量化的数值选择，需要精确到具体某个数值/区间。 -
+
- +
@@ -31,9 +31,9 @@ ##### 用于难以量化的对立数据，以此表示程度。 -
+
- +
@@ -44,18 +44,18 @@
- - + +
- - + +
### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [步进器](./stepper) |需要进行数量选择时使用。| +| 组件名 | 何时使用 | +| :------------------ | :----------------------- | +| [步进器](./stepper) | 需要进行数量选择时使用。 | diff --git a/docs/miniprogram/_design/Steps.md b/docs/miniprogram/_design/Steps.md index 21d64ed8c2..fc3cae1ee3 100644 --- a/docs/miniprogram/_design/Steps.md +++ b/docs/miniprogram/_design/Steps.md @@ -11,7 +11,7 @@ ##### 位于页面或模块的顶部，统领下方内容的切换，通常设置吸顶，方便用户快速切换。
- +
@@ -22,13 +22,13 @@
- - + +
- - + +
@@ -38,13 +38,13 @@
- - + +
- - + +
@@ -53,8 +53,8 @@ ##### 建议用简明的语言对步骤进行描述，描述文案不宜过长。
- - + +
@@ -62,8 +62,8 @@ ##### 尽量避免嵌套步骤条。
- - + +
diff --git a/docs/miniprogram/_design/SwipeCell.md b/docs/miniprogram/_design/SwipeCell.md index ca53df15b6..2d16b47c63 100644 --- a/docs/miniprogram/_design/SwipeCell.md +++ b/docs/miniprogram/_design/SwipeCell.md @@ -12,11 +12,11 @@
- +
- +
@@ -27,11 +27,11 @@
- +
- +
@@ -40,7 +40,7 @@ ##### 通常左滑后展示删除按钮，若删除操作重要且无法撤回，可在滑动操作中对删除进行二次确认。
- +
@@ -49,24 +49,24 @@ ##### 左右滑动操作通常承载低频的辅助功能，不建议承载高频或过于复杂的功能。
- - + +
##### 按钮的顺序、颜色使用需要符合用户预期。
- - + +
##### 左滑的操作数不建议超过4个，右滑不建议超过1个，操作过多时应改用其它交互方式。
- - + +
diff --git a/docs/miniprogram/_design/Switch.md b/docs/miniprogram/_design/Switch.md index f11d087fbe..7cbdec58ae 100644 --- a/docs/miniprogram/_design/Switch.md +++ b/docs/miniprogram/_design/Switch.md @@ -12,13 +12,13 @@
- - + +
- - + +
@@ -27,7 +27,7 @@ ##### 若需结合文本描述开关状态，建议文案和开关状态保持一致，确保表意清晰。
- - + +
diff --git a/docs/miniprogram/_design/TabBar.md b/docs/miniprogram/_design/TabBar.md index c3e1722bc4..1888bc2006 100644 --- a/docs/miniprogram/_design/TabBar.md +++ b/docs/miniprogram/_design/TabBar.md @@ -12,27 +12,27 @@
- +
- +
- + ### 推荐/慎用示例 ##### 建议标签栏数量在2-5个之间；若多与5个，建议重新审视应用的信息架构，对信息架构进行优化。
- - + +
- - + +
@@ -42,13 +42,13 @@
- - + +
- - + +
@@ -58,22 +58,22 @@
- - + +
- - + +
### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [选项卡](./tabs) |当内容/数据需要一定的分类纬度进行区分，便于用户快速作出选择并切换时可以使用。| -| [侧边栏](./side-bar) |当内容项数量较多，需要用户根据品类快速选择到目标内容项时使用。| +| 组件名 | 何时使用 | +| :------------------- | :---------------------------------------------------------------------------- | +| [选项卡](./tabs) | 当内容/数据需要一定的分类纬度进行区分，便于用户快速作出选择并切换时可以使用。 | +| [侧边栏](./side-bar) | 当内容项数量较多，需要用户根据品类快速选择到目标内容项时使用。 | diff --git a/docs/miniprogram/_design/Tabs.md b/docs/miniprogram/_design/Tabs.md index 355ddb6761..55cfc1349d 100644 --- a/docs/miniprogram/_design/Tabs.md +++ b/docs/miniprogram/_design/Tabs.md @@ -12,11 +12,11 @@
- +
- +
@@ -24,9 +24,9 @@ ##### 选项卡与[徽标](./badge)组合使用，用于展示户该分类的状态变化或营销信息。 -
+
- +
@@ -35,19 +35,19 @@ ##### 较常使用于以信息瀑布流为场景的应用，使用选项卡承载类目或状态，便于用户区分和切换。 -
+
- +
- +
-
+
- +
@@ -58,13 +58,13 @@
- - + +
- - + +
@@ -73,13 +73,13 @@ ##### 建议文本简明扼要，不建议将文本进行截断或换行；若需要使用较长文本，建议使用等距选项卡。
- - + +
- - + +
@@ -88,13 +88,13 @@
- - + +
- - + +
@@ -102,7 +102,7 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [标签栏](./tab-bar) | 当目标模块/视图需要从应用的任何地方直接进行访问时使用。| -| [侧边栏](./side-bar) |当内容项数量较多，需要用户根据品类快速选择到目标内容项时使用。| +| 组件名 | 何时使用 | +| :------------------- | :------------------------------------------------------------- | +| [标签栏](./tab-bar) | 当目标模块/视图需要从应用的任何地方直接进行访问时使用。 | +| [侧边栏](./side-bar) | 当内容项数量较多，需要用户根据品类快速选择到目标内容项时使用。 | diff --git a/docs/miniprogram/_design/Tag.md b/docs/miniprogram/_design/Tag.md index 054ed2642a..032ae9af8e 100644 --- a/docs/miniprogram/_design/Tag.md +++ b/docs/miniprogram/_design/Tag.md @@ -12,11 +12,11 @@
- +
- +
@@ -24,9 +24,9 @@ ##### 与[下拉菜单](./dropdown-menu)组合使用，作为菜单面板下拉后的选项，供用户进行选择。 -
+
- +
@@ -34,13 +34,13 @@ ##### 常用于展示对象本身的属性、状态、类别、营销情况等信息，且仅作为展示使用。 -
+
- +
- +
@@ -48,13 +48,13 @@ ##### 常用于内容数据基于某个维度或某些维度的检索、筛选。 -
+
- +
- +
@@ -65,8 +65,8 @@
- - + +
@@ -75,14 +75,14 @@ ##### 标签文案需要经过概括和提炼，不建议过长。
- - + +
### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [徽标](./badge) | 当需要展示特定对象的状态变化或承载运营性质提示时使用。| +| 组件名 | 何时使用 | +| :-------------- | :----------------------------------------------------- | +| [徽标](./badge) | 当需要展示特定对象的状态变化或承载运营性质提示时使用。 | diff --git a/docs/miniprogram/_design/Textarea.md b/docs/miniprogram/_design/Textarea.md index 75f99e7cea..ae562ff274 100644 --- a/docs/miniprogram/_design/Textarea.md +++ b/docs/miniprogram/_design/Textarea.md @@ -12,11 +12,11 @@
- +
- +
@@ -27,13 +27,13 @@
- - + +
- - + +
@@ -42,13 +42,13 @@ ##### 建议根据待输入的内容决定多行文本框的高度。
- - + +
- - + +
diff --git a/docs/miniprogram/_design/Toast.md b/docs/miniprogram/_design/Toast.md index 0846bfe2e9..5e340f93d8 100644 --- a/docs/miniprogram/_design/Toast.md +++ b/docs/miniprogram/_design/Toast.md @@ -12,7 +12,7 @@
- +
@@ -23,7 +23,7 @@
- +
@@ -34,13 +34,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/_design/TreeSelect.md b/docs/miniprogram/_design/TreeSelect.md index 9b7f4023bd..12b370f37c 100644 --- a/docs/miniprogram/_design/TreeSelect.md +++ b/docs/miniprogram/_design/TreeSelect.md @@ -2,6 +2,7 @@ ## 组件设计指南 + ### 何时使用 当一组选项由2-3个层级构成，且每个层级有大量的选项需要用户逐级选择时使用。 @@ -13,8 +14,8 @@
- - + +
@@ -22,7 +23,7 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [选择器](./picker) | 当需要在有限的空间展示大量选项供用户选择时，或一组选项由递进层级构成，需要用户逐级选择使用时。| -| [级联选择器](./cascader) |当一组选项由递进层级构成，且有每个层级有大量的选项需要用户逐级选择使用时。| +| 组件名 | 何时使用 | +| :----------------------- | :--------------------------------------------------------------------------------------------- | +| [选择器](./picker) | 当需要在有限的空间展示大量选项供用户选择时，或一组选项由递进层级构成，需要用户逐级选择使用时。 | +| [级联选择器](./cascader) | 当一组选项由递进层级构成，且有每个层级有大量的选项需要用户逐级选择使用时。 | diff --git a/docs/miniprogram/_design/Upload.md b/docs/miniprogram/_design/Upload.md index 58789bdb3a..7a1320e93d 100644 --- a/docs/miniprogram/_design/Upload.md +++ b/docs/miniprogram/_design/Upload.md @@ -11,7 +11,7 @@ ##### 通常用于图片上传，点击上传按钮可唤起[动作面板](./action-sheet)，供用户选择不同渠道进行新的上传。
- +
@@ -19,7 +19,7 @@ ##### 点击已经上传的图片可跳转[图片预览](./image-viewer)，让用户对已上传的图片进行快速查看。
- +
@@ -29,8 +29,8 @@ ##### 若上传的文件有尺寸、格式、数量限制，推荐在文案中进行明确标识。
- - + +
@@ -39,7 +39,7 @@
- - + +
diff --git a/docs/miniprogram/_design/avatar.md b/docs/miniprogram/_design/avatar.md index f2760c576a..eb0efc062d 100644 --- a/docs/miniprogram/_design/avatar.md +++ b/docs/miniprogram/_design/avatar.md @@ -12,7 +12,7 @@
- +
@@ -21,7 +21,7 @@
- +
@@ -31,7 +31,7 @@
- +
@@ -41,7 +41,7 @@ ##### 多个头像可组合展示构成头像组；当页面布局空间有限，超过可外显个数时候，可将重复性较高的头像信息做隐藏收起，需要时再让用户主动触发查看。
- +
@@ -52,12 +52,12 @@
- - + +
- - + +
diff --git a/docs/miniprogram/_design/cascader.md b/docs/miniprogram/_design/cascader.md index 4ca5b5ca66..e47a339f0f 100644 --- a/docs/miniprogram/_design/cascader.md +++ b/docs/miniprogram/_design/cascader.md @@ -12,7 +12,7 @@ ##### 级联选择器与[索引](./indexes)组合使用，当每个层级选项较多时，配合索引有利于用户快速找到目标选项。
- +
@@ -21,7 +21,7 @@ ##### 在表单中，级联选择器可放置于表单内容需要的顺序中，通常用于地址信息的选择和填写。
- +
@@ -32,8 +32,8 @@
- - + +
@@ -43,13 +43,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/_design/link.md b/docs/miniprogram/_design/link.md index 2f5bcd4f4a..b7b6f64062 100644 --- a/docs/miniprogram/_design/link.md +++ b/docs/miniprogram/_design/link.md @@ -12,11 +12,11 @@
- +
- +
@@ -27,13 +27,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/_design/navbar.md b/docs/miniprogram/_design/navbar.md index c8c7b56e79..584a3fccc2 100644 --- a/docs/miniprogram/_design/navbar.md +++ b/docs/miniprogram/_design/navbar.md @@ -11,13 +11,13 @@ ##### 带图标的导航栏与[抽屉](./drawer)、[动作面板](./action-sheet)组合使用，用于唤起一组操作或功能。
- +
- +
@@ -26,7 +26,7 @@ ##### 通常用来承载页面标题和返回操作，点击跳转回到上一个打开的页面。
- +
@@ -35,11 +35,11 @@
- +
- +
@@ -48,6 +48,6 @@ ##### 在需要定位的场景，通常结合当前定位进行、所在城市等进行展示并提供切换的能力。
- +
diff --git a/docs/miniprogram/_design/swiper.md b/docs/miniprogram/_design/swiper.md index 3a184535f1..25f1745ca9 100644 --- a/docs/miniprogram/_design/swiper.md +++ b/docs/miniprogram/_design/swiper.md @@ -12,11 +12,11 @@
- +
- +
@@ -25,7 +25,7 @@ ##### 在图文详情页场景，用于当图片数量大于1时的折叠展示。
- +
@@ -36,7 +36,7 @@
- - + +
diff --git a/docs/miniprogram/design/action-sheet.md b/docs/miniprogram/design/action-sheet.md index fbe3df06c2..597ad8e3c3 100644 --- a/docs/miniprogram/design/action-sheet.md +++ b/docs/miniprogram/design/action-sheet.md @@ -9,7 +9,7 @@ ##### 动作面板与[按钮](./button)组合使用，通过按钮点击唤起动作面板。
- +
@@ -17,7 +17,7 @@ ##### 当用户完成一个事件可以通过若干种方式达成，可以用动态面板来承载这若干种方式的操作。
- +
@@ -25,7 +25,7 @@ ##### 当页面中有一组操作因低频/空间不足不希望外露时，但却必要存在，可以用动作面板来承载，通过“更多”按钮触发
- +
@@ -36,13 +36,13 @@
- - + +
- - + +
@@ -52,12 +52,12 @@
- - + +
- - + +
@@ -65,9 +65,9 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [抽屉](./drawer) | 需要收折展示一组数量较多的菜单时使用。 | -| [对话框](./dialog) | 需要用户做一些决定，或这提供完成某个任务是需要的一些额外信息时使用。 | -| [下拉菜单](./dropdown-menu) | 当内容较多时，需要通过筛选快速定位某一类内容时使用。 | -| [选择器](./dropdown-menu) | 当需要在有限的空间展示大量选项供用户选择，或者一组选项由递进层级构成需要用户逐级选择时使用。 | +| 组件名 | 何时使用 | +| :-------------------------- | :------------------------------------------------------------------------------------------- | +| [抽屉](./drawer) | 需要收折展示一组数量较多的菜单时使用。 | +| [对话框](./dialog) | 需要用户做一些决定，或这提供完成某个任务是需要的一些额外信息时使用。 | +| [下拉菜单](./dropdown-menu) | 当内容较多时，需要通过筛选快速定位某一类内容时使用。 | +| [选择器](./dropdown-menu) | 当需要在有限的空间展示大量选项供用户选择，或者一组选项由递进层级构成需要用户逐级选择时使用。 | diff --git a/docs/miniprogram/design/avatar.md b/docs/miniprogram/design/avatar.md index eb7220cc4b..f956c8dacb 100644 --- a/docs/miniprogram/design/avatar.md +++ b/docs/miniprogram/design/avatar.md @@ -10,7 +10,7 @@
- +
@@ -19,7 +19,7 @@
- +
@@ -29,7 +29,7 @@
- +
@@ -39,7 +39,7 @@ ##### 多个头像可组合展示构成头像组；当页面布局空间有限，超过可外显个数时候，可将重复性较高的头像信息做隐藏收起，需要时再让用户主动触发查看。
- +
@@ -50,12 +50,12 @@
- - + +
- - + +
diff --git a/docs/miniprogram/design/badge.md b/docs/miniprogram/design/badge.md index 173d086096..7d95610505 100644 --- a/docs/miniprogram/design/badge.md +++ b/docs/miniprogram/design/badge.md @@ -10,11 +10,11 @@
- +
- +
@@ -24,7 +24,7 @@
- +
@@ -35,11 +35,11 @@
- +
- +
@@ -50,13 +50,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/design/button.md b/docs/miniprogram/design/button.md index 3bb7573b20..e95cbc664c 100644 --- a/docs/miniprogram/design/button.md +++ b/docs/miniprogram/design/button.md @@ -10,7 +10,7 @@
- +
@@ -21,19 +21,19 @@
- +
- +
- +
- +
@@ -44,11 +44,11 @@ ##### 当在填写场景，按钮通常作为当前流程的结束操作，在表单过长时通常需要吸顶或吸底处理。
- +
- +
@@ -60,13 +60,13 @@
- - + +
- - + +
@@ -74,8 +74,8 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [链接](./link) | 当需要外链跳转或页面底部footer链接跳转时使用。 | -| [悬浮按钮](./fab) | 当某个操作为全局操作，且为用户高频/业务强推的操作时可使用。 | -| [返回顶部](./back-top) | 当页面内容过长，用户有快速返回到页面顶部的诉求时使用。 | +| 组件名 | 何时使用 | +| :--------------------- | :---------------------------------------------------------- | +| [链接](./link) | 当需要外链跳转或页面底部footer链接跳转时使用。 | +| [悬浮按钮](./fab) | 当某个操作为全局操作，且为用户高频/业务强推的操作时可使用。 | +| [返回顶部](./back-top) | 当页面内容过长，用户有快速返回到页面顶部的诉求时使用。 | diff --git a/docs/miniprogram/design/calendar.md b/docs/miniprogram/design/calendar.md index e606fada96..3b975412c0 100644 --- a/docs/miniprogram/design/calendar.md +++ b/docs/miniprogram/design/calendar.md @@ -9,7 +9,7 @@ ##### 通常和[单元格](./cell)搭配使用，点击后唤起日历。
- +
### 推荐/慎用 @@ -18,13 +18,13 @@
- - + +
- - + +
@@ -34,13 +34,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/design/cascader.md b/docs/miniprogram/design/cascader.md index 1d02f8e3c3..ce9802c1ac 100644 --- a/docs/miniprogram/design/cascader.md +++ b/docs/miniprogram/design/cascader.md @@ -10,7 +10,7 @@ ##### 级联选择器与[索引](./indexes)组合使用，当每个层级选项较多时，配合索引有利于用户快速找到目标选项。
- +
@@ -19,7 +19,7 @@ ##### 在表单中，级联选择器可放置于表单内容需要的顺序中，通常用于地址信息的选择和填写。
- +
@@ -30,8 +30,8 @@
- - + +
@@ -41,13 +41,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/design/cell.md b/docs/miniprogram/design/cell.md index 965f2bd0a5..6697dc590d 100644 --- a/docs/miniprogram/design/cell.md +++ b/docs/miniprogram/design/cell.md @@ -6,11 +6,11 @@
- +
- +
@@ -20,7 +20,7 @@
- +
@@ -30,8 +30,8 @@
- - + +
@@ -41,8 +41,8 @@
- - + +
@@ -50,6 +50,6 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [宫格](./grid) | 当需要展示多个功能或信息入口，且这些入口没有明显的优先级时使用。| +| 组件名 | 何时使用 | +| :------------- | :--------------------------------------------------------------- | +| [宫格](./grid) | 当需要展示多个功能或信息入口，且这些入口没有明显的优先级时使用。 | diff --git a/docs/miniprogram/design/checkbox.md b/docs/miniprogram/design/checkbox.md index 40dd0ca0d0..c64c626325 100644 --- a/docs/miniprogram/design/checkbox.md +++ b/docs/miniprogram/design/checkbox.md @@ -10,27 +10,27 @@
- +
- +
- + ### 推荐/慎用示例 ##### 带有详情信息的选项，建议就近展开相关内容，不建议在触发一个弹窗。
- - + +
- - + +
@@ -39,8 +39,8 @@
- - + +
@@ -48,6 +48,6 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | +| 组件名 | 何时使用 | +| :---------------- | :--------------------------------------- | | [单选框](./radio) | 当用户需要从一组数据选择一个选项时使用。 | diff --git a/docs/miniprogram/design/collapse.md b/docs/miniprogram/design/collapse.md index 5ad03d869a..405873e998 100644 --- a/docs/miniprogram/design/collapse.md +++ b/docs/miniprogram/design/collapse.md @@ -9,7 +9,7 @@ ##### 经常用于信息种类较多的页面，将相对次要的信息收纳起来，让用户能够关注到页面中的主要信息或流程。
- +
@@ -18,7 +18,7 @@
- +
@@ -27,7 +27,7 @@ ##### 在网站中，经常使用折叠面板作为分类导航，将页面进行归类、收纳在折叠面板中，展开后可点击跳转。
- +
@@ -38,8 +38,8 @@
- - + +
@@ -49,8 +49,8 @@
- - + +
@@ -58,6 +58,6 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [下拉菜单](./dropdown-menu) |当内容较多时，需要通过筛选快速定位某一类内容时使用。| +| 组件名 | 何时使用 | +| :-------------------------- | :--------------------------------------------------- | +| [下拉菜单](./dropdown-menu) | 当内容较多时，需要通过筛选快速定位某一类内容时使用。 | diff --git a/docs/miniprogram/design/count-down.md b/docs/miniprogram/design/count-down.md index dbb1ad4c22..94f0508f01 100644 --- a/docs/miniprogram/design/count-down.md +++ b/docs/miniprogram/design/count-down.md @@ -10,7 +10,7 @@
- +
@@ -20,7 +20,7 @@
- +
@@ -31,13 +31,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/design/date-time-picker.md b/docs/miniprogram/design/date-time-picker.md index 92a1cf0d48..2dd9102b29 100644 --- a/docs/miniprogram/design/date-time-picker.md +++ b/docs/miniprogram/design/date-time-picker.md @@ -9,7 +9,7 @@ ##### 通常和[单元格](./Cell)搭配使用，点击后唤起时间选择器。
- +
### 常见用法 @@ -17,11 +17,11 @@ ##### 当需要输入时间区间时，通常使用两个时间选择器分别选择起、止时间。
- +
- +
### 推荐/慎用示例 @@ -30,8 +30,8 @@
- - + +
diff --git a/docs/miniprogram/design/dialog.md b/docs/miniprogram/design/dialog.md index ddf930d34d..38d76008bf 100644 --- a/docs/miniprogram/design/dialog.md +++ b/docs/miniprogram/design/dialog.md @@ -9,15 +9,15 @@ ##### 与输入类组合使用，用于帮助用户完成一些快捷的输入或选择；但不建议一个对话框内有多种不同的输入类组件。
- +
- +
- +
- -
- + +
+
@@ -27,7 +27,7 @@
- +
@@ -37,11 +37,11 @@
- +
- +
@@ -53,20 +53,20 @@
- - + +
- - + +
### 何时使用 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [轻提示](./toast) |当需要对用户进行轻量反馈或提示，且不需要用户进行操作时使用，轻提示会在一段时间后自动消失。| -| [消息通知](./message) |当需要对用户进行较轻量的反馈或提示，可以自动消失或通过点击关闭，通常由用户触发。| +| 组件名 | 何时使用 | +| :-------------------- | :----------------------------------------------------------------------------------------- | +| [轻提示](./toast) | 当需要对用户进行轻量反馈或提示，且不需要用户进行操作时使用，轻提示会在一段时间后自动消失。 | +| [消息通知](./message) | 当需要对用户进行较轻量的反馈或提示，可以自动消失或通过点击关闭，通常由用户触发。 | diff --git a/docs/miniprogram/design/divider.md b/docs/miniprogram/design/divider.md index c4ec583cbd..268a317ecb 100644 --- a/docs/miniprogram/design/divider.md +++ b/docs/miniprogram/design/divider.md @@ -10,7 +10,7 @@
- +
@@ -21,7 +21,7 @@
- +
@@ -31,7 +31,7 @@
- +
@@ -42,12 +42,12 @@
- - + +
- - + +
diff --git a/docs/miniprogram/design/drawer.md b/docs/miniprogram/design/drawer.md index 63d524ca8b..b76b64dded 100644 --- a/docs/miniprogram/design/drawer.md +++ b/docs/miniprogram/design/drawer.md @@ -9,7 +9,7 @@ ##### 抽屉与[按钮](./button)组合使用，通过按钮点击唤起抽屉。
- +
### 常见用法 @@ -17,7 +17,7 @@ ##### 在网站场景，通常用来收折展示整个网站的菜单导航。
- +
@@ -25,7 +25,7 @@ ##### 在应用场景，通常用来承载某类相关性较强的或较为低频的，如个人中心、设置等场景。
- +
@@ -35,13 +35,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/design/dropdown-menu.md b/docs/miniprogram/design/dropdown-menu.md index 12874dd344..b00efdca2c 100644 --- a/docs/miniprogram/design/dropdown-menu.md +++ b/docs/miniprogram/design/dropdown-menu.md @@ -10,11 +10,11 @@
- +
- +
@@ -25,8 +25,8 @@
- - + +
@@ -35,14 +35,14 @@ ##### 当筛选维度为多选时，建议提供重置按钮，便于用户恢复到未筛选状态。
- - + +
### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [选择器](./Cascader) | 当需要在有限的空间展示大量选项供用户选择时，或一组选项由递进层级构成，需要用户逐级选择使用时。| +| 组件名 | 何时使用 | +| :------------------- | :--------------------------------------------------------------------------------------------- | +| [选择器](./Cascader) | 当需要在有限的空间展示大量选项供用户选择时，或一组选项由递进层级构成，需要用户逐级选择使用时。 | diff --git a/docs/miniprogram/design/empty.md b/docs/miniprogram/design/empty.md index 3337f15219..2f61bd1a72 100644 --- a/docs/miniprogram/design/empty.md +++ b/docs/miniprogram/design/empty.md @@ -10,11 +10,11 @@
- +
- +
@@ -23,7 +23,7 @@ ##### 空状态与[步骤条](./steps)组合使用，通过步骤展示提示用户如何新建/添加。
- +
@@ -33,7 +33,7 @@
- +
diff --git a/docs/miniprogram/design/fab.md b/docs/miniprogram/design/fab.md index c873dca237..f3560afba0 100644 --- a/docs/miniprogram/design/fab.md +++ b/docs/miniprogram/design/fab.md @@ -10,21 +10,21 @@
- +
- +
- + -
+
- + -
+
@@ -33,7 +33,7 @@ ##### 悬浮按钮与[动作面板](./action-sheet)组合使用，当触发悬浮按钮涉及的任务通过若干种方式达成，可以用动态面板来承载这若干种方式的操作。
- +
@@ -44,13 +44,13 @@
- - + +
- - + +
@@ -60,21 +60,21 @@
- - + +
- - + +
### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [按钮](./button) | 当前流程的结束或新流程的开启需要用户点击触发时使用。 | +| 组件名 | 何时使用 | +| :---------------------- | :----------------------------------------------------- | +| [按钮](./button) | 当前流程的结束或新流程的开启需要用户点击触发时使用。 | | [返回顶部](./back-top ) | 当页面内容过长，用户有快速返回到页面顶部的诉求时使用。 | diff --git a/docs/miniprogram/design/footer.md b/docs/miniprogram/design/footer.md index 0aae241a4b..d5f9f60ceb 100644 --- a/docs/miniprogram/design/footer.md +++ b/docs/miniprogram/design/footer.md @@ -10,52 +10,50 @@
- +
- + ### 常见用法 ##### 用于承载版权、隐私政策和使用条款等信息，它们是法律保护所需的。
- +
- +
##### 用于承载网站、产品的联系方式，便于用户在页脚查找联系信息或查找获得客户支持的方式。
- +
- +
##### 用于承载网站导航。
- +
- +
##### 用于承载相关公司/品牌列表，让用户能认知合作或者旗下的品牌/公司，并提供找到他们的方式。 -
+
- +
- +
- - diff --git a/docs/miniprogram/design/grid.md b/docs/miniprogram/design/grid.md index 4e019d23b5..4951c13534 100644 --- a/docs/miniprogram/design/grid.md +++ b/docs/miniprogram/design/grid.md @@ -10,7 +10,7 @@
- +
@@ -20,7 +20,7 @@
- +
@@ -30,11 +30,11 @@
- +
- +
@@ -44,7 +44,7 @@
- +
@@ -55,13 +55,13 @@
- - + +
- - + +
@@ -69,13 +69,13 @@
- - + +
- - + +
@@ -83,6 +83,6 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [单元格](./cell) |用于各个类别行的信息展示。| +| 组件名 | 何时使用 | +| :--------------- | :------------------------- | +| [单元格](./cell) | 用于各个类别行的信息展示。 | diff --git a/docs/miniprogram/design/image-viewer.md b/docs/miniprogram/design/image-viewer.md index dd4f1d3a94..44796c6117 100644 --- a/docs/miniprogram/design/image-viewer.md +++ b/docs/miniprogram/design/image-viewer.md @@ -9,7 +9,7 @@ ##### 图片预览与[图片](./image)组合使用，通过图片作为缩略图，点击后进行图片预览。
- +
@@ -17,24 +17,20 @@ ##### 当使用带删除操作的图片预览组件时，可与[动作面板](./action-sheet)组合使用，对删除操作进行二次确认。
- +
- - ### 推荐/慎用示例 ##### 在可点击进入详情的卡片入口中，不建议针对图片添加图片预览能力。
- - + +
- - ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | +| 组件名 | 何时使用 | +| :-------------- | :--------------------------------------------------------------- | | [图片](./image) | 当需要对图像内容进行陈列、展示，以便用户快速了解图像信息时使用。 | diff --git a/docs/miniprogram/design/image.md b/docs/miniprogram/design/image.md index 5292350c08..4a8b6e0b1e 100644 --- a/docs/miniprogram/design/image.md +++ b/docs/miniprogram/design/image.md @@ -10,11 +10,11 @@
- +
- +
@@ -24,32 +24,28 @@
- +
- - ### 推荐/慎用示例 ##### 当图片仅为展示，不具备预览功能时，应避免图片尺寸过小，从而影响图像信息的浏览和获取。
- - + +
- - + +
- - ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | +| 组件名 | 何时使用 | +| :------------------------- | :--------------------------------------------------------------------------------- | | [图片预览](./image-viewer) | 当需要对展示的图片进行快速查看，以及在查看时存在放大、缩小、删除等操作诉求时使用。 | diff --git a/docs/miniprogram/design/indexes.md b/docs/miniprogram/design/indexes.md index a6cef20142..323bbdd496 100644 --- a/docs/miniprogram/design/indexes.md +++ b/docs/miniprogram/design/indexes.md @@ -10,7 +10,7 @@
- +
@@ -20,13 +20,13 @@
- - + +
- - + +
@@ -36,17 +36,16 @@
- - + +
- - + +
- ### 相似组件 | 组件名 | 何时使用 | diff --git a/docs/miniprogram/design/input.md b/docs/miniprogram/design/input.md index 27aa917662..ed1df52fbb 100644 --- a/docs/miniprogram/design/input.md +++ b/docs/miniprogram/design/input.md @@ -10,7 +10,7 @@
- +
@@ -20,7 +20,7 @@ ##### 通常使用在表单中进行文字填写，填写状态下可在右侧显示清空输入的按钮，供用户快速清空已输入的内容。
- +
@@ -29,11 +29,11 @@
- +
- +
@@ -43,13 +43,13 @@
- - + +
- - + +
@@ -58,8 +58,8 @@ ##### 当需要输入较长的复杂内容时，建议使用多行文本框输入。
- - + +
diff --git a/docs/miniprogram/design/link.md b/docs/miniprogram/design/link.md index 1c5231861a..95047ad36e 100644 --- a/docs/miniprogram/design/link.md +++ b/docs/miniprogram/design/link.md @@ -10,11 +10,11 @@
- +
- +
@@ -25,13 +25,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/design/loading.md b/docs/miniprogram/design/loading.md index a62bd77a06..c3737ca457 100644 --- a/docs/miniprogram/design/loading.md +++ b/docs/miniprogram/design/loading.md @@ -10,11 +10,11 @@
- +
- +
@@ -25,11 +25,11 @@
- +
- +
@@ -39,13 +39,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/design/message.md b/docs/miniprogram/design/message.md index cfcc35ae63..3ad20366c1 100644 --- a/docs/miniprogram/design/message.md +++ b/docs/miniprogram/design/message.md @@ -10,11 +10,11 @@
- +
- +
@@ -25,8 +25,8 @@
- - + +
@@ -36,8 +36,8 @@
- - + +
diff --git a/docs/miniprogram/design/navbar.md b/docs/miniprogram/design/navbar.md index 2812619ef6..cf4c7f21ae 100644 --- a/docs/miniprogram/design/navbar.md +++ b/docs/miniprogram/design/navbar.md @@ -9,13 +9,13 @@ ##### 带图标的导航栏与[抽屉](./drawer)、[动作面板](./action-sheet)组合使用，用于唤起一组操作或功能。
- +
- +
@@ -24,7 +24,7 @@ ##### 通常用来承载页面标题和返回操作，点击跳转回到上一个打开的页面。
- +
@@ -33,11 +33,11 @@
- +
- +
@@ -46,6 +46,6 @@ ##### 在需要定位的场景，通常结合当前定位进行、所在城市等进行展示并提供切换的能力。
- +
diff --git a/docs/miniprogram/design/picker.md b/docs/miniprogram/design/picker.md index fe98748bc5..b658eefa84 100644 --- a/docs/miniprogram/design/picker.md +++ b/docs/miniprogram/design/picker.md @@ -10,8 +10,8 @@
- - + +
@@ -21,13 +21,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/design/popup.md b/docs/miniprogram/design/popup.md index 2fd21868f9..ae2165a8e5 100644 --- a/docs/miniprogram/design/popup.md +++ b/docs/miniprogram/design/popup.md @@ -5,13 +5,13 @@ ##### 在筛选的场景，若筛选条件外露，通常会使用顶部弹出的弹出层；若为筛选入口，则通常触发使用右侧弹出的弹出层。
- +
- +
@@ -19,7 +19,7 @@ ##### 承载页面中某个任务操作流程，通常会使用底部弹出的弹出层。
- +
@@ -28,7 +28,7 @@
- +
@@ -38,16 +38,16 @@
- +
- +
##### 承载网站、应用收折起来的导航菜单时，通常会使用左侧弹出的弹出层。
- +
diff --git a/docs/miniprogram/design/progress.md b/docs/miniprogram/design/progress.md index 8f5428500c..36c5289238 100644 --- a/docs/miniprogram/design/progress.md +++ b/docs/miniprogram/design/progress.md @@ -10,11 +10,11 @@
- +
- +
@@ -24,7 +24,7 @@
- +
@@ -34,11 +34,11 @@
- +
- +
@@ -49,8 +49,8 @@
- - + +
diff --git a/docs/miniprogram/design/pull-down-refresh.md b/docs/miniprogram/design/pull-down-refresh.md index ded3d1d51c..62ecb09c37 100644 --- a/docs/miniprogram/design/pull-down-refresh.md +++ b/docs/miniprogram/design/pull-down-refresh.md @@ -9,21 +9,21 @@ ##### 下拉刷新位于内容最上方；通常在页面最顶部或者选项卡、吸顶模块之下。
- +
- +
- +
- -
- + +
+
- +
- +
@@ -33,7 +33,7 @@
- +
@@ -43,11 +43,11 @@
- +
- +
@@ -55,7 +55,6 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [加载](./loading) |当打开新页面或操作完成后，等待加载时使用。| - +| 组件名 | 何时使用 | +| :---------------- | :----------------------------------------- | +| [加载](./loading) | 当打开新页面或操作完成后，等待加载时使用。 | diff --git a/docs/miniprogram/design/radio.md b/docs/miniprogram/design/radio.md index 28141fa0d0..a8a64f2fb1 100644 --- a/docs/miniprogram/design/radio.md +++ b/docs/miniprogram/design/radio.md @@ -8,14 +8,13 @@ ##### 单选框与[索引](./indexes)、[搜索框](./search)组合使用，便于用户从大量的选项中，快速地找到目标选项。 -
- +
- +
@@ -25,13 +24,13 @@ ##### 带有详情信息的选项，建议就近展开相关内容，不太建议用单选框触发一个弹窗。
- - + +
- - + +
@@ -40,19 +39,19 @@
- - + +
- - + +
### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | +| 组件名 | 何时使用 | +| :------------------- | :--------------------------------------- | | [多选框](./checkbox) | 当用户需要从一组数据选择多个选项时使用。 | diff --git a/docs/miniprogram/design/rate.md b/docs/miniprogram/design/rate.md index ffcacaedca..affb6df578 100644 --- a/docs/miniprogram/design/rate.md +++ b/docs/miniprogram/design/rate.md @@ -10,7 +10,7 @@
- +
@@ -20,7 +20,7 @@
- +
@@ -30,13 +30,13 @@
- - + +
- - + +
@@ -45,9 +45,7 @@ ##### 在同一个评论场景中，评分机制应保持一致，不建议将半星、整星的评分机制混用。
- - + +
- - diff --git a/docs/miniprogram/design/result.md b/docs/miniprogram/design/result.md index 20a43b4678..10ee2f0803 100644 --- a/docs/miniprogram/design/result.md +++ b/docs/miniprogram/design/result.md @@ -10,7 +10,7 @@
- +
@@ -20,7 +20,7 @@
- +
@@ -30,7 +30,7 @@
- +
@@ -41,7 +41,7 @@
- +
diff --git a/docs/miniprogram/design/search.md b/docs/miniprogram/design/search.md index d3e60af01a..36de059457 100644 --- a/docs/miniprogram/design/search.md +++ b/docs/miniprogram/design/search.md @@ -10,11 +10,11 @@
- +
- +
@@ -24,7 +24,7 @@ ##### 在可搜索内容类型较为单一的场景下，可直接在原页面激活搜索态进行搜索，并通过高亮命中字符的方式展示搜索结果，页面内容组织结构保持不变。
- +
@@ -32,7 +32,7 @@ ##### 在可搜索内容类型较丰富的场景下，通过模态承载搜索态，并在新页面中按分类呈现搜索结果。
- +
@@ -40,7 +40,7 @@ ##### 在用户触发搜索后，对用户即将搜索的内容进行预判和推荐，并需要满足营销的诉求。
- +
diff --git a/docs/miniprogram/design/side-bar.md b/docs/miniprogram/design/side-bar.md index bf1bbcaf7f..009678dd2f 100644 --- a/docs/miniprogram/design/side-bar.md +++ b/docs/miniprogram/design/side-bar.md @@ -10,7 +10,7 @@
- +
@@ -21,13 +21,13 @@
- - + +
- - + +
@@ -36,8 +36,8 @@ ##### 不建议仅用图标、emoji作为品类选项，避免表意不清晰。
- - + +
diff --git a/docs/miniprogram/design/slider.md b/docs/miniprogram/design/slider.md index ecea810eb1..24a6648541 100644 --- a/docs/miniprogram/design/slider.md +++ b/docs/miniprogram/design/slider.md @@ -10,7 +10,7 @@
- +
@@ -19,9 +19,9 @@ ##### 用于可量化的数值选择，需要精确到具体某个数值/区间。 -
+
- +
@@ -29,9 +29,9 @@ ##### 用于难以量化的对立数据，以此表示程度。 -
+
- +
@@ -42,18 +42,18 @@
- - + +
- - + +
### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [步进器](./stepper) |需要进行数量选择时使用。| +| 组件名 | 何时使用 | +| :------------------ | :----------------------- | +| [步进器](./stepper) | 需要进行数量选择时使用。 | diff --git a/docs/miniprogram/design/steps.md b/docs/miniprogram/design/steps.md index 014a2a73cb..c0e7419c6d 100644 --- a/docs/miniprogram/design/steps.md +++ b/docs/miniprogram/design/steps.md @@ -9,7 +9,7 @@ ##### 位于页面或模块的顶部，统领下方内容的切换，通常设置吸顶，方便用户快速切换。
- +
@@ -20,13 +20,13 @@
- - + +
- - + +
@@ -36,13 +36,13 @@
- - + +
- - + +
@@ -51,8 +51,8 @@ ##### 建议用简明的语言对步骤进行描述，描述文案不宜过长。
- - + +
@@ -60,8 +60,8 @@ ##### 尽量避免嵌套步骤条。
- - + +
diff --git a/docs/miniprogram/design/swipe-cell.md b/docs/miniprogram/design/swipe-cell.md index 41432cc620..b74e83efaa 100644 --- a/docs/miniprogram/design/swipe-cell.md +++ b/docs/miniprogram/design/swipe-cell.md @@ -10,11 +10,11 @@
- +
- +
@@ -25,11 +25,11 @@
- +
- +
@@ -38,7 +38,7 @@ ##### 通常左滑后展示删除按钮，若删除操作重要且无法撤回，可在滑动操作中对删除进行二次确认。
- +
@@ -47,24 +47,24 @@ ##### 左右滑动操作通常承载低频的辅助功能，不建议承载高频或过于复杂的功能。
- - + +
##### 按钮的顺序、颜色使用需要符合用户预期。
- - + +
##### 左滑的操作数不建议超过4个，右滑不建议超过1个，操作过多时应改用其它交互方式。
- - + +
diff --git a/docs/miniprogram/design/swiper.md b/docs/miniprogram/design/swiper.md index 17a00ac8f4..25c44deea7 100644 --- a/docs/miniprogram/design/swiper.md +++ b/docs/miniprogram/design/swiper.md @@ -10,11 +10,11 @@
- +
- +
@@ -23,7 +23,7 @@ ##### 在图文详情页场景，用于当图片数量大于1时的折叠展示。
- +
@@ -34,7 +34,7 @@
- - + +
diff --git a/docs/miniprogram/design/switch.md b/docs/miniprogram/design/switch.md index 466c5ea5ed..95ab608e62 100644 --- a/docs/miniprogram/design/switch.md +++ b/docs/miniprogram/design/switch.md @@ -10,13 +10,13 @@
- - + +
- - + +
@@ -25,7 +25,7 @@ ##### 若需结合文本描述开关状态，建议文案和开关状态保持一致，确保表意清晰。
- - + +
diff --git a/docs/miniprogram/design/tab-bar.md b/docs/miniprogram/design/tab-bar.md index 51bf0b0a56..9bfc0da40e 100644 --- a/docs/miniprogram/design/tab-bar.md +++ b/docs/miniprogram/design/tab-bar.md @@ -10,27 +10,27 @@
- +
- +
- + ### 推荐/慎用示例 ##### 建议标签栏数量在2-5个之间；若多与5个，建议重新审视应用的信息架构，对信息架构进行优化。
- - + +
- - + +
@@ -40,13 +40,13 @@
- - + +
- - + +
@@ -56,22 +56,22 @@
- - + +
- - + +
### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [选项卡](./tabs) |当内容/数据需要一定的分类纬度进行区分，便于用户快速作出选择并切换时可以使用。| -| [侧边栏](./side-bar) |当内容项数量较多，需要用户根据品类快速选择到目标内容项时使用。| +| 组件名 | 何时使用 | +| :------------------- | :---------------------------------------------------------------------------- | +| [选项卡](./tabs) | 当内容/数据需要一定的分类纬度进行区分，便于用户快速作出选择并切换时可以使用。 | +| [侧边栏](./side-bar) | 当内容项数量较多，需要用户根据品类快速选择到目标内容项时使用。 | diff --git a/docs/miniprogram/design/tabs.md b/docs/miniprogram/design/tabs.md index cecdd26d81..6be7389f77 100644 --- a/docs/miniprogram/design/tabs.md +++ b/docs/miniprogram/design/tabs.md @@ -10,11 +10,11 @@
- +
- +
@@ -22,9 +22,9 @@ ##### 选项卡与[徽标](./badge)组合使用，用于展示户该分类的状态变化或营销信息。 -
+
- +
@@ -33,19 +33,19 @@ ##### 较常使用于以信息瀑布流为场景的应用，使用选项卡承载类目或状态，便于用户区分和切换。 -
+
- +
- +
-
+
- +
@@ -56,13 +56,13 @@
- - + +
- - + +
@@ -71,13 +71,13 @@ ##### 建议文本简明扼要，不建议将文本进行截断或换行；若需要使用较长文本，建议使用等距选项卡。
- - + +
- - + +
@@ -86,13 +86,13 @@
- - + +
- - + +
@@ -100,7 +100,7 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [标签栏](./tab-bar) | 当目标模块/视图需要从应用的任何地方直接进行访问时使用。| -| [侧边栏](./side-bar) |当内容项数量较多，需要用户根据品类快速选择到目标内容项时使用。| +| 组件名 | 何时使用 | +| :------------------- | :------------------------------------------------------------- | +| [标签栏](./tab-bar) | 当目标模块/视图需要从应用的任何地方直接进行访问时使用。 | +| [侧边栏](./side-bar) | 当内容项数量较多，需要用户根据品类快速选择到目标内容项时使用。 | diff --git a/docs/miniprogram/design/tag.md b/docs/miniprogram/design/tag.md index 316091d4c8..b42ac2bfee 100644 --- a/docs/miniprogram/design/tag.md +++ b/docs/miniprogram/design/tag.md @@ -10,11 +10,11 @@
- +
- +
@@ -22,9 +22,9 @@ ##### 与[下拉菜单](./dropdown-menu)组合使用，作为菜单面板下拉后的选项，供用户进行选择。 -
+
- +
@@ -32,13 +32,13 @@ ##### 常用于展示对象本身的属性、状态、类别、营销情况等信息，且仅作为展示使用。 -
+
- +
- +
@@ -46,13 +46,13 @@ ##### 常用于内容数据基于某个维度或某些维度的检索、筛选。 -
+
- +
- +
@@ -63,8 +63,8 @@
- - + +
@@ -73,14 +73,14 @@ ##### 标签文案需要经过概括和提炼，不建议过长。
- - + +
### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [徽标](./badge) | 当需要展示特定对象的状态变化或承载运营性质提示时使用。| +| 组件名 | 何时使用 | +| :-------------- | :----------------------------------------------------- | +| [徽标](./badge) | 当需要展示特定对象的状态变化或承载运营性质提示时使用。 | diff --git a/docs/miniprogram/design/textarea.md b/docs/miniprogram/design/textarea.md index ce907af8cf..1d5b15da73 100644 --- a/docs/miniprogram/design/textarea.md +++ b/docs/miniprogram/design/textarea.md @@ -10,11 +10,11 @@
- +
- +
@@ -25,13 +25,13 @@
- - + +
- - + +
@@ -40,13 +40,13 @@ ##### 建议根据待输入的内容决定多行文本框的高度。
- - + +
- - + +
diff --git a/docs/miniprogram/design/toast.md b/docs/miniprogram/design/toast.md index 43af7fa315..4c2f010789 100644 --- a/docs/miniprogram/design/toast.md +++ b/docs/miniprogram/design/toast.md @@ -10,7 +10,7 @@
- +
@@ -21,7 +21,7 @@
- +
@@ -32,13 +32,13 @@
- - + +
- - + +
diff --git a/docs/miniprogram/design/tree-select.md b/docs/miniprogram/design/tree-select.md index b6229eaa51..eda2403196 100644 --- a/docs/miniprogram/design/tree-select.md +++ b/docs/miniprogram/design/tree-select.md @@ -1,5 +1,6 @@ + ### 何时使用 当一组选项由2-3个层级构成，且每个层级有大量的选项需要用户逐级选择时使用。 @@ -11,8 +12,8 @@
- - + +
@@ -20,7 +21,7 @@ ### 相似组件 -| 组件名 | 何时使用 | -| :----- | :----------------------------------- | -| [选择器](./picker) | 当需要在有限的空间展示大量选项供用户选择时，或一组选项由递进层级构成，需要用户逐级选择使用时。| -| [级联选择器](./cascader) |当一组选项由递进层级构成，且有每个层级有大量的选项需要用户逐级选择使用时。| +| 组件名 | 何时使用 | +| :----------------------- | :--------------------------------------------------------------------------------------------- | +| [选择器](./picker) | 当需要在有限的空间展示大量选项供用户选择时，或一组选项由递进层级构成，需要用户逐级选择使用时。 | +| [级联选择器](./cascader) | 当一组选项由递进层级构成，且有每个层级有大量的选项需要用户逐级选择使用时。 | diff --git a/docs/miniprogram/design/upload.md b/docs/miniprogram/design/upload.md index 5ce2473d2b..085e8de153 100644 --- a/docs/miniprogram/design/upload.md +++ b/docs/miniprogram/design/upload.md @@ -9,7 +9,7 @@ ##### 通常用于图片上传，点击上传按钮可唤起[动作面板](./action-sheet)，供用户选择不同渠道进行新的上传。
- +
@@ -17,7 +17,7 @@ ##### 点击已经上传的图片可跳转[图片预览](./image-viewer)，让用户对已上传的图片进行快速查看。
- +
@@ -27,8 +27,8 @@ ##### 若上传的文件有尺寸、格式、数量限制，推荐在文案中进行明确标识。
- - + +
@@ -37,7 +37,7 @@
- - + +