[ { "name": "NutButton", "description": "按钮用于触发一个操作，如提交表单。", "description_zh": "按钮用于触发一个操作，如提交表单。", "tag": "按钮", "props": { "type": { "default": "default", "value": "", "type": "string", "description": "类型，可选值为 primary info warning danger success default", "description_zh": "类型，可选值为 primary info warning danger success default" }, "size": { "default": "normal", "value": "", "type": "string", "description": "尺寸，可选值为 large small mini normal", "description_zh": "尺寸，可选值为 large small mini normal" }, "shape": { "default": "round", "value": "", "type": "string", "description": "形状，可选值为 square round", "description_zh": "形状，可选值为 square round" }, "color": { "default": "-", "value": "", "type": "string", "description": "按钮颜色，支持传入 linear-gradient 渐变色", "description_zh": "按钮颜色，支持传入 linear-gradient 渐变色" }, "plain": { "default": "false", "value": "", "type": "boolean", "description": "是否为朴素按钮", "description_zh": "是否为朴素按钮" }, "disabled": { "default": "false", "value": "", "type": "boolean", "description": "是否禁用按钮", "description_zh": "是否禁用按钮" }, "block": { "default": "false", "value": "", "type": "boolean", "description": "是否为块级元素", "description_zh": "是否为块级元素" }, "loading": { "default": "false", "value": "", "type": "boolean", "description": "按钮 loading 状态", "description_zh": "按钮 loading 状态" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/button", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/button", "typeDetail": {}, "events": [ { "name": "click", "description": "点击按钮时触发", "description_zh": "点击按钮时触发", "params": "event: MouseEvent" } ], "methods": [], "slots": [ { "name": "default", "description": "按钮内容", "description_zh": "按钮内容" }, { "name": "icon", "description": "按钮图标", "description_zh": "按钮图标" } ], "filename": "Button", "suggestions": [] }, { "name": "NutCellGroup", "description": "列表项，可组成列表。", "description_zh": "列表项，可组成列表。", "tag": "单元格", "props": { "title": { "default": "-", "value": "", "type": "string", "description": "分组标题", "description_zh": "分组标题" }, "desc": { "default": "-", "value": "", "type": "string", "description": "分组描述", "description_zh": "分组描述" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/cell", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/cell", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "title", "description": "自定义 title 标题区域", "description_zh": "自定义 title 标题区域" }, { "name": "desc", "description": "自定义 desc 描述区域", "description_zh": "自定义 desc 描述区域" } ], "filename": "CellGroup", "suggestions": [ "nut-cell" ] }, { "name": "NutCell", "description": "列表项，可组成列表。", "description_zh": "列表项，可组成列表。", "tag": "单元格", "props": { "title": { "default": "-", "value": "", "type": "string", "description": "标题名称", "description_zh": "标题名称" }, "sub-title": { "default": "-", "value": "", "type": "string", "description": "左侧副标题", "description_zh": "左侧副标题" }, "desc": { "default": "-", "value": "", "type": "string", "description": "右侧描述", "description_zh": "右侧描述" }, "desc-text-align": { "default": "right", "value": "", "type": "string", "description": "右侧描述文本对齐方式 text-align", "description_zh": "右侧描述文本对齐方式 text-align" }, "is-link": { "default": "false", "value": "", "type": "boolean", "description": "是否展示右侧箭头并开启点击反馈", "description_zh": "是否展示右侧箭头并开启点击反馈" }, ":round-radius": { "default": "6px", "value": "", "type": "number", "description": "圆角半径", "description_zh": "圆角半径" }, "url": { "default": "-", "value": "", "type": "string", "description": "点击后跳转的链接地址", "description_zh": "点击后跳转的链接地址" }, "to": { "default": "-", "value": "", "type": "string | object", "description": "点击后跳转的目标路由对象，同 vue-router 的 to 属性 属性", "description_zh": "点击后跳转的目标路由对象，同 vue-router 的 to 属性 属性" }, "replace": { "default": "false", "value": "", "type": "boolean", "description": "是否在跳转时替换当前页面历史", "description_zh": "是否在跳转时替换当前页面历史" }, "center": { "default": "false", "value": "", "type": "boolean", "description": "是否使内容垂直居中", "description_zh": "是否使内容垂直居中" }, "size": { "default": "-", "value": "", "type": "string", "description": "单元格大小，可选值为 large", "description_zh": "单元格大小，可选值为 large" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/cell", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/cell", "typeDetail": {}, "events": [ { "name": "click", "description": "点击事件", "description_zh": "点击事件", "params": "event:Event" } ], "methods": [], "slots": [ { "name": "icon", "description": "自定义左侧 icon 区域", "description_zh": "自定义左侧 icon 区域" }, { "name": "default", "description": "自定义内容", "description_zh": "自定义内容" }, { "name": "link", "description": "自定义右侧 link 区域", "description_zh": "自定义右侧 link 区域" }, { "name": "title", "description": "自定义 title 标题区域", "description_zh": "自定义 title 标题区域" }, { "name": "desc", "description": "自定义 desc 描述区域", "description_zh": "自定义 desc 描述区域" } ], "filename": "Cell", "suggestions": [] }, { "name": "NutConfigProvider", "description": "用于全局配置 NutUI 组件，提供暗黑模式，动态主题。", "description_zh": "用于全局配置 NutUI 组件，提供暗黑模式，动态主题。", "tag": "全局配置", "props": { "theme": { "default": "-", "value": "", "type": "string", "description": "主题风格，设置为 dark 来开启深色模式，全局生效", "description_zh": "主题风格，设置为 dark 来开启深色模式，全局生效" }, ":theme-vars": { "default": "-", "value": "", "type": "object", "description": "自定义主题变量", "description_zh": "自定义主题变量" }, "tag": { "default": "div", "value": "", "type": "string", "description": "根节点对应的 HTML 标签名", "description_zh": "根节点对应的 HTML 标签名" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/configprovider", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/configprovider", "typeDetail": {}, "events": [], "methods": [], "slots": [], "filename": "ConfigProvider", "suggestions": [] }, { "name": "NutImage", "description": "增强版的 img 标签，提供多种图片填充模式，支持图片加载中提示、加载失败提示。", "description_zh": "增强版的 img 标签，提供多种图片填充模式，支持图片加载中提示、加载失败提示。", "tag": "图片", "props": { "src": { "default": "-", "value": "", "type": "string", "description": "图片链接", "description_zh": "图片链接" }, "fit": { "default": "fill", "value": "", "type": "ImageFit", "description": "图片填充模式，等同于原生的 object-fit 属性", "description_zh": "图片填充模式，等同于原生的 object-fit 属性" }, "position": { "default": "center", "value": "", "type": "ImagePosition", "description": "图片位置，等同于原生的 object-position 属性", "description_zh": "图片位置，等同于原生的 object-position 属性" }, "alt": { "default": "-", "value": "", "type": "string", "description": "替代文本", "description_zh": "替代文本" }, "width": { "default": "-", "value": "", "type": "string", "description": "宽度，默认单位 px", "description_zh": "宽度，默认单位 px" }, "height": { "default": "-", "value": "", "type": "string", "description": "高度，默认单位 px", "description_zh": "高度，默认单位 px" }, "round": { "default": "false", "value": "", "type": "boolean", "description": "是否显示为圆角", "description_zh": "是否显示为圆角" }, "radius": { "default": "-", "value": "", "type": "string | number", "description": "圆角大小", "description_zh": "圆角大小" }, "show-error": { "default": "false", "value": "", "type": "boolean", "description": "是否展示图片加载失败", "description_zh": "是否展示图片加载失败" }, "show-loading": { "default": "true", "value": "", "type": "boolean", "description": "是否展示加载中图片", "description_zh": "是否展示加载中图片" }, "lazy-load4.0.8": { "default": "false", "value": "", "type": "boolean", "description": "懒加载", "description_zh": "懒加载" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/image", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/image", "typeDetail": {}, "events": [ { "name": "click", "description": "点击图片时触发", "description_zh": "点击图片时触发", "params": "event: Event" }, { "name": "load", "description": "图片加载完后触发", "description_zh": "图片加载完后触发", "params": "–" }, { "name": "error", "description": "图片加载失败后触发", "description_zh": "图片加载失败后触发", "params": "–" } ], "methods": [], "slots": [ { "name": "loading", "description": "自定义加载中的提示内容", "description_zh": "自定义加载中的提示内容" }, { "name": "error", "description": "自定义记载失败的提示内容", "description_zh": "自定义记载失败的提示内容" } ], "filename": "Image", "suggestions": [] }, { "name": "NutOverlay", "description": "创建一个遮罩层，通常用于阻止用户进行其他操作", "description_zh": "创建一个遮罩层，通常用于阻止用户进行其他操作", "tag": "遮罩层", "props": { "v-model:visible": { "default": "false", "value": "", "type": "boolean", "description": "控制遮罩的显示/隐藏", "description_zh": "控制遮罩的显示/隐藏" }, "z-index": { "default": "2000", "value": "", "type": "string | number", "description": "自定义遮罩层级", "description_zh": "自定义遮罩层级" }, "duration": { "default": "0.3", "value": "", "type": "string | number", "description": "显示/隐藏的动画时长，单位秒", "description_zh": "显示/隐藏的动画时长，单位秒" }, "overlay-class": { "default": "-", "value": "", "type": "string", "description": "自定义遮罩类名", "description_zh": "自定义遮罩类名" }, ":overlay-style": { "default": "-", "value": "", "type": "CSSProperties", "description": "自定义遮罩样式", "description_zh": "自定义遮罩样式" }, "lock-scroll": { "default": "true", "value": "", "type": "boolean", "description": "遮罩显示时的背景是否锁定", "description_zh": "遮罩显示时的背景是否锁定" }, "close-on-click-overlay": { "default": "true", "value": "", "type": "boolean", "description": "点击遮罩时是否关闭", "description_zh": "点击遮罩时是否关闭" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/overlay", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/overlay", "typeDetail": {}, "events": [ { "name": "click", "description": "点击时触发", "description_zh": "点击时触发", "params": "event: MouseEvent" } ], "methods": [], "slots": [ { "name": "default", "description": "内嵌遮罩内容自定义", "description_zh": "内嵌遮罩内容自定义" } ], "filename": "Overlay", "suggestions": [] }, { "name": "NutPopup", "description": "弹出层容器，用于展示弹窗、信息提示等内容，支持多个弹出层叠加展示", "description_zh": "弹出层容器，用于展示弹窗、信息提示等内容，支持多个弹出层叠加展示", "tag": "弹出层", "props": { "v-model:visible": { "default": "false", "value": "", "type": "boolean", "description": "控制当前组件显示/隐藏", "description_zh": "控制当前组件显示/隐藏" }, "z-index": { "default": "2000", "value": "", "type": "string | number", "description": "遮罩层级", "description_zh": "遮罩层级" }, "duration": { "default": "0.3", "value": "", "type": "string | number", "description": "组件显示/隐藏的动画时长，单位秒", "description_zh": "组件显示/隐藏的动画时长，单位秒" }, "lock-scroll": { "default": "true", "value": "", "type": "boolean", "description": "背景是否锁定", "description_zh": "背景是否锁定" }, "overlay": { "default": "true", "value": "", "type": "boolean", "description": "是否显示遮罩", "description_zh": "是否显示遮罩" }, "close-on-click-overlay": { "default": "true", "value": "", "type": "boolean", "description": "是否点击遮罩关闭", "description_zh": "是否点击遮罩关闭" }, "position": { "default": "\"center\"", "value": "", "type": "string", "description": "弹出位置（top,bottom,left,right,center）", "description_zh": "弹出位置（top,bottom,left,right,center）" }, "transition": { "default": "-", "value": "", "type": "string", "description": "动画名", "description_zh": "动画名" }, ":style": { "default": "-", "value": "", "type": "CSSProperties", "description": "自定义弹框样式", "description_zh": "自定义弹框样式" }, "pop-class": { "default": "-", "value": "", "type": "string", "description": "自定义弹框类名", "description_zh": "自定义弹框类名" }, "closeable": { "default": "false", "value": "", "type": "boolean", "description": "是否显示关闭按钮", "description_zh": "是否显示关闭按钮" }, "close-icon-position": { "default": "\"top-right\"", "value": "", "type": "string", "description": "关闭按钮位置（top-left,top-right,bottom-left,bottom-right）", "description_zh": "关闭按钮位置（top-left,top-right,bottom-left,bottom-right）" }, "destroy-on-close": { "default": "true", "value": "", "type": "boolean", "description": "弹层关闭后 slot内容会不会清空", "description_zh": "弹层关闭后 slot内容会不会清空" }, "round": { "default": "false", "value": "", "type": "boolean", "description": "是否显示圆角", "description_zh": "是否显示圆角" }, "overlay-class": { "default": "‘’", "value": "", "type": "string", "description": "自定义遮罩层类名", "description_zh": "自定义遮罩层类名" }, "overlay-style": { "default": "‘’", "value": "", "type": "string", "description": "自定义遮罩层样式", "description_zh": "自定义遮罩层样式" }, "safe-area-inset-bottom": { "default": "false", "value": "", "type": "boolean", "description": "是否开启全面屏底部安全区适配,仅当 position 为 bottom 时有效", "description_zh": "是否开启全面屏底部安全区适配,仅当 position 为 bottom 时有效" }, "teleport": { "default": "\"body\"", "value": "", "type": "string", "description": "指定挂载节点", "description_zh": "指定挂载节点" }, "teleport-disable": { "default": "false", "value": "", "type": "boolean", "description": "是否挂载节点，false 不挂载，true 挂载", "description_zh": "是否挂载节点，false 不挂载，true 挂载" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/popup", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/popup", "typeDetail": {}, "events": [ { "name": "click-pop", "description": "点击弹出层时触发", "description_zh": "点击弹出层时触发", "params": "event: Event" }, { "name": "click-close-icon", "description": "点击关闭图标时触发", "description_zh": "点击关闭图标时触发", "params": "event: Event" }, { "name": "open", "description": "打开弹框时触发", "description_zh": "打开弹框时触发", "params": "-" }, { "name": "close", "description": "关闭弹框时触发", "description_zh": "关闭弹框时触发", "params": "-" }, { "name": "opened", "description": "遮罩打开动画结束时触发", "description_zh": "遮罩打开动画结束时触发", "params": "el: Element" }, { "name": "closed", "description": "遮罩关闭动画结束时触发", "description_zh": "遮罩关闭动画结束时触发", "params": "el: Element" }, { "name": "click-overlay", "description": "点击遮罩触发", "description_zh": "点击遮罩触发", "params": "event: Event" } ], "methods": [], "slots": [ { "name": "default", "description": "自定义内嵌内容", "description_zh": "自定义内嵌内容" }, { "name": "close-icon", "description": "关闭按钮的自定义图标", "description_zh": "关闭按钮的自定义图标" } ], "filename": "Popup", "suggestions": [] }, { "name": "NutDivider", "description": "用于将内容分隔为多个区域。", "description_zh": "用于将内容分隔为多个区域。", "tag": "分割线", "props": { "dashed": { "default": "false", "value": "", "type": "boolean", "description": "是否使用虚线", "description_zh": "是否使用虚线" }, "hairline": { "default": "true", "value": "", "type": "boolean", "description": "是否使用 0.5px 线", "description_zh": "是否使用 0.5px 线" }, "content-position": { "default": "center", "value": "", "type": "string", "description": "内容位置，可选值为 left、right", "description_zh": "内容位置，可选值为 left、right" }, "direction": { "default": "horizontal", "value": "", "type": "string", "description": "水平还是垂直类型，可选值 vertical", "description_zh": "水平还是垂直类型，可选值 vertical" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/divider", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/divider", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "default", "description": "内容，仅在 direction 为 horizontal 时生效", "description_zh": "内容，仅在 direction 为 horizontal 时生效" } ], "filename": "Divider", "suggestions": [] }, { "name": "NutGrid", "description": "用于分隔成等宽区块进行页面导航。", "description_zh": "用于分隔成等宽区块进行页面导航。", "tag": "宫格", "props": { "column-num": { "default": "4", "value": "", "type": "number | string", "description": "列数", "description_zh": "列数" }, "border": { "default": "true", "value": "", "type": "boolean", "description": "是否显示边框", "description_zh": "是否显示边框" }, "gutter": { "default": "0", "value": "", "type": "number | string", "description": "格子之间的间距，默认单位为 px", "description_zh": "格子之间的间距，默认单位为 px" }, "center": { "default": "true", "value": "", "type": "boolean", "description": "是否将格子内容居中显示", "description_zh": "是否将格子内容居中显示" }, "square": { "default": "false", "value": "", "type": "boolean", "description": "是否将格子固定为正方形", "description_zh": "是否将格子固定为正方形" }, "reverse": { "default": "false", "value": "", "type": "boolean", "description": "内容翻转", "description_zh": "内容翻转" }, "direction": { "default": "vertical", "value": "", "type": "string", "description": "格子内容排列的方向，可选值为 horizontal", "description_zh": "格子内容排列的方向，可选值为 horizontal" }, "clickable": { "default": "false", "value": "", "type": "boolean", "description": "是否开启格子点击反馈", "description_zh": "是否开启格子点击反馈" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/grid", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/grid", "typeDetail": {}, "events": [], "methods": [], "slots": [], "filename": "Grid", "suggestions": [ "nut-grid-item" ] }, { "name": "NutGridItem", "description": "用于分隔成等宽区块进行页面导航。", "description_zh": "用于分隔成等宽区块进行页面导航。", "tag": "宫格", "props": { "text": { "default": "-", "value": "", "type": "string", "description": "文字", "description_zh": "文字" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/grid", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/grid", "typeDetail": {}, "events": [ { "name": "click", "description": "点击格子时触发", "description_zh": "点击格子时触发", "params": "event: Event" } ], "methods": [], "slots": [ { "name": "default", "description": "自定义所有内容", "description_zh": "自定义所有内容" }, { "name": "text", "description": "自定义文字", "description_zh": "自定义文字" } ], "filename": "GridItem", "suggestions": [] }, { "name": "NutRow", "description": "用于快速进行布局", "description_zh": "用于快速进行布局", "tag": "布局", "props": { "type": { "default": "-", "value": "", "type": "string", "description": "布局方式，可选值为 flex", "description_zh": "布局方式，可选值为 flex" }, "gutter": { "default": "-", "value": "", "type": "string | number", "description": "列元素之间的间距（单位为px）", "description_zh": "列元素之间的间距（单位为px）" }, "justify": { "default": "start", "value": "", "type": "string", "description": "Flex 主轴对齐方式，可选值为 start end center space-around space-between space-evenly", "description_zh": "Flex 主轴对齐方式，可选值为 start end center space-around space-between space-evenly" }, "align": { "default": "flex-start", "value": "", "type": "string", "description": "Flex 交叉轴对齐方式，可选值为 flex-start center flex-end", "description_zh": "Flex 交叉轴对齐方式，可选值为 flex-start center flex-end" }, "flex-wrap": { "default": "nowrap", "value": "", "type": "string", "description": "Flex 是否换行，可选值为 nowrap wrap reverse", "description_zh": "Flex 是否换行，可选值为 nowrap wrap reverse" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/layout", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/layout", "typeDetail": {}, "events": [ { "name": "click", "description": "点击时触发", "description_zh": "点击时触发", "params": "event: MouseEvent" } ], "methods": [], "slots": [], "filename": "Row", "suggestions": [ "nut-col" ] }, { "name": "NutCol", "description": "用于快速进行布局", "description_zh": "用于快速进行布局", "tag": "布局", "props": { "span": { "default": "24", "value": "", "type": "string | number", "description": "列元素宽度（共分为 24 份，例如设置一行 3 个，那么 span 值为 8）", "description_zh": "列元素宽度（共分为 24 份，例如设置一行 3 个，那么 span 值为 8）" }, "offset": { "default": "0", "value": "", "type": "string | number", "description": "列元素偏移距离", "description_zh": "列元素偏移距离" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/layout", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/layout", "typeDetail": {}, "events": [ { "name": "click", "description": "点击时触发", "description_zh": "点击时触发", "params": "event: MouseEvent" } ], "methods": [], "slots": [], "filename": "Col", "suggestions": [] }, { "name": "NutSpace", "description": "设置元素之间的间距。在 NutUI >= 4.2.0 版本中提供。", "description_zh": "设置元素之间的间距。在 NutUI >= 4.2.0 版本中提供。", "tag": "间距", "props": { "direction": { "default": "horizontal", "value": "", "type": "string", "description": "间距方向，可选值 vertical horizontal", "description_zh": "间距方向，可选值 vertical horizontal" }, "align": { "default": "-", "value": "", "type": "string", "description": "交叉轴对齐方式，可选值 start end center baseline", "description_zh": "交叉轴对齐方式，可选值 start end center baseline" }, "justify": { "default": "-", "value": "", "type": "string", "description": "主轴对齐方式，可选值 start end center between around evenly stretch", "description_zh": "主轴对齐方式，可选值 start end center between around evenly stretch" }, "wrap": { "default": "false", "value": "", "type": "boolean", "description": "是否自动换行，仅在 horizontal 时有效", "description_zh": "是否自动换行，仅在 horizontal 时有效" }, "fill": { "default": "false", "value": "", "type": "boolean", "description": "是否让 Space 变为一个块级元素，填充整个父元素", "description_zh": "是否让 Space 变为一个块级元素，填充整个父元素" }, "gutter": { "default": "-", "value": "", "type": "number | string | number[] | string[]", "description": "间距大小，如 20px 2em，默认单位为 px，支持数组形式来分别设置横向和纵向间距", "description_zh": "间距大小，如 20px 2em，默认单位为 px，支持数组形式来分别设置横向和纵向间距" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/space", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/space", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "default", "description": "Default slot", "description_zh": "Default slot" } ], "filename": "Space", "suggestions": [] }, { "name": "NutSticky", "description": "使用 fixed 定位实现的类似 position: sticky 的吸顶效果。", "description_zh": "使用 fixed 定位实现的类似 position: sticky 的吸顶效果。", "tag": "粘性布局", "props": { "position": { "default": "top", "value": "", "type": "string", "description": "吸附位置（top、bottom）", "description_zh": "吸附位置（top、bottom）" }, ":top": { "default": "0", "value": "", "type": "number", "description": "吸顶距离，position 为 top 时生效", "description_zh": "吸顶距离，position 为 top 时生效" }, ":bottom": { "default": "0", "value": "", "type": "number", "description": "吸底距离，position 为 bottom 时生效", "description_zh": "吸底距离，position 为 bottom 时生效" }, "container": { "default": "-", "value": "", "type": "Element", "description": "容器的 HTML 节点", "description_zh": "容器的 HTML 节点" }, ":z-index": { "default": "99", "value": "", "type": "number", "description": "吸附时的层级", "description_zh": "吸附时的层级" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/sticky", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/sticky", "typeDetail": {}, "events": [ { "name": "change", "description": "吸附状态改变时触发", "description_zh": "吸附状态改变时触发", "params": "fixed: boolean" } ], "methods": [], "slots": [], "filename": "Sticky", "suggestions": [] }, { "name": "NutElevator", "description": "用于列表快速定位以及索引的显示", "description_zh": "用于列表快速定位以及索引的显示", "tag": "电梯楼层", "props": { "height": { "default": "200px", "value": "", "type": "number | string", "description": "电梯区域的高度", "description_zh": "电梯区域的高度" }, "accept-key": { "default": "title", "value": "", "type": "string", "description": "索引 key 值", "description_zh": "索引 key 值" }, "index-list": { "default": "[{id: 0, name: ''}]", "value": "", "type": "Array（item 需包含 id、name 属性, name 支持传入 html 结构）", "description": "索引列表", "description_zh": "索引列表" }, "is-sticky": { "default": "false", "value": "", "type": "boolean", "description": "索引是否吸顶", "description_zh": "索引是否吸顶" }, ":space-height": { "default": "23", "value": "", "type": "number", "description": "右侧锚点的上下间距", "description_zh": "右侧锚点的上下间距" }, ":title-height": { "default": "35", "value": "", "type": "number", "description": "左侧索引的高度", "description_zh": "左侧索引的高度" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/elevator", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/elevator", "typeDetail": {}, "events": [ { "name": "click-item", "description": "点击内容", "description_zh": "点击内容", "params": "key: string, item: { id: 0, name: '' }" }, { "name": "click-index", "description": "点击索引", "description_zh": "点击索引", "params": "key: string" }, { "name": "change", "description": "索引改变", "description_zh": "索引改变", "params": "index: number" } ], "methods": [ { "name": "scrollTo", "description": "index:number", "params": "滚动到对应索引的位置", "description_zh": "index:number" } ], "slots": [ { "name": "default", "description": "自定义左侧索引下每条数据的内容", "description_zh": "自定义左侧索引下每条数据的内容" } ], "filename": "Elevator", "suggestions": [] }, { "name": "NutFixedNav", "description": "悬浮收起体验交互，用于快捷导航", "description_zh": "悬浮收起体验交互，用于快捷导航", "tag": "悬浮导航", "props": { "visible": { "default": "false", "value": "", "type": "boolean", "description": "是否打开", "description_zh": "是否打开" }, "nav-list": { "default": "[]", "value": "", "type": "Array", "description": "悬浮列表内容数据", "description_zh": "悬浮列表内容数据" }, "active-color": { "default": "#fa2c19 默认集成主题色", "value": "", "type": "string", "description": "选中按钮文案颜色", "description_zh": "选中按钮文案颜色" }, "active-text": { "default": "收起导航", "value": "", "type": "string", "description": "收起列表按钮文案", "description_zh": "收起列表按钮文案" }, "un-active-text": { "default": "快速导航", "value": "", "type": "string", "description": "展开列表按钮文案", "description_zh": "展开列表按钮文案" }, "type": { "default": "right", "value": "", "type": "string", "description": "导航方向,可选值 left right", "description_zh": "导航方向,可选值 left right" }, "overlay": { "default": "true", "value": "", "type": "boolean", "description": "展开时是否显示遮罩", "description_zh": "展开时是否显示遮罩" }, ":position": { "default": "{top: 'auto',bottom: 'auto'}", "value": "", "type": "object", "description": "fixed 垂直位置", "description_zh": "fixed 垂直位置" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/fixednav", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/fixednav", "typeDetail": {}, "events": [ { "name": "selected", "description": "选择之后触发", "description_zh": "选择之后触发", "params": "{item:item,$event:Event}" } ], "methods": [], "slots": [ { "name": "btn", "description": "自定义按钮", "description_zh": "自定义按钮" }, { "name": "list", "description": "自定义展开列表内容", "description_zh": "自定义展开列表内容" } ], "filename": "FixedNav", "suggestions": [] }, { "name": "NutIndicator", "description": "显示一个任务或流程的进度，常用于开通流程。", "description_zh": "显示一个任务或流程的进度，常用于开通流程。", "tag": "指示器", "props": { ":current": { "default": "1", "value": "", "type": "number", "description": "当前步骤", "description_zh": "当前步骤" }, ":size": { "default": "3", "value": "", "type": "number", "description": "步骤长度", "description_zh": "步骤长度" }, "block": { "default": "false", "value": "", "type": "boolean", "description": "是否启用块级布局", "description_zh": "是否启用块级布局" }, "align": { "default": "left", "value": "", "type": "string", "description": "对齐方式，仅在 block 为 true 时生效, 可选值 left, right, center", "description_zh": "对齐方式，仅在 block 为 true 时生效, 可选值 left, right, center" }, "fill-zero": { "default": "true", "value": "", "type": "boolean", "description": "单数前面是否补 0", "description_zh": "单数前面是否补 0" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/indicator", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/indicator", "typeDetail": {}, "events": [], "methods": [], "slots": [], "filename": "Indicator", "suggestions": [] }, { "name": "NutMenu", "description": "向下弹出的菜单列表", "description_zh": "向下弹出的菜单列表", "tag": "菜单", "props": { "direction": { "default": "down", "value": "", "type": "string", "description": "菜单展开方向，可选值为 up", "description_zh": "菜单展开方向，可选值为 up" }, "duration": { "default": "0.3", "value": "", "type": "string | number", "description": "动画时长，单位 s", "description_zh": "动画时长，单位 s" }, "active-color": { "default": "#F2270C", "value": "", "type": "string", "description": "选项的选中态图标颜色", "description_zh": "选项的选中态图标颜色" }, "close-on-click-overlay": { "default": "true", "value": "", "type": "boolean", "description": "是否在点击遮罩层后关闭菜单", "description_zh": "是否在点击遮罩层后关闭菜单" }, "scroll-fixed": { "default": "false", "value": "", "type": "boolean | string | number", "description": "滚动后是否固定，可设置固定位置", "description_zh": "滚动后是否固定，可设置固定位置" }, "title-class": { "default": "-", "value": "", "type": "string", "description": "自定义标题样式类", "description_zh": "自定义标题样式类" }, "lock-scroll": { "default": "true", "value": "", "type": "boolean", "description": "背景是否锁定", "description_zh": "背景是否锁定" }, "overlay": { "default": "true", "value": "", "type": "boolean", "description": "是否开启背景遮罩", "description_zh": "是否开启背景遮罩" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/menu", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/menu", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "icon", "description": "自定义标题图标", "description_zh": "自定义标题图标" } ], "filename": "Menu", "suggestions": [ "nut-menu-item" ] }, { "name": "NutMenuItem", "description": "向下弹出的菜单列表", "description_zh": "向下弹出的菜单列表", "tag": "菜单", "props": { "title": { "default": "当前选中项文字", "value": "", "type": "string", "description": "菜单项标题", "description_zh": "菜单项标题" }, "options": { "default": "-", "value": "", "type": "Array", "description": "选项数组", "description_zh": "选项数组" }, "disabled": { "default": "false", "value": "", "type": "boolean", "description": "是否禁用菜单", "description_zh": "是否禁用菜单" }, ":cols": { "default": "1", "value": "", "type": "number", "description": "可以设置一行展示多少列 options", "description_zh": "可以设置一行展示多少列 options" }, "active-title-class": { "default": "-", "value": "", "type": "string", "description": "选项选中时自定义标题样式类", "description_zh": "选项选中时自定义标题样式类" }, "inactive-title-class": { "default": "-", "value": "", "type": "string", "description": "选项非选中时自定义标题样式类", "description_zh": "选项非选中时自定义标题样式类" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/menu", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/menu", "typeDetail": {}, "events": [ { "name": "change", "description": "选择 option 之后触发", "description_zh": "选择 option 之后触发", "params": "选择的 value" }, { "name": "toggle", "description": "切换菜单展示状态，传 true 为显示，false 为隐藏，不传参为取反", "description_zh": "切换菜单展示状态，传 true 为显示，false 为隐藏，不传参为取反", "params": "show?: boolean" }, { "name": "open", "description": "打开菜单栏时触发", "description_zh": "打开菜单栏时触发", "params": "-" }, { "name": "close", "description": "关闭菜单栏时触发", "description_zh": "关闭菜单栏时触发", "params": "-" } ], "methods": [], "slots": [ { "name": "icon", "description": "自定义选项图标", "description_zh": "自定义选项图标" } ], "filename": "MenuItem", "suggestions": [] }, { "name": "NutNavbar", "description": "提供导航功能，常用于页面顶部。", "description_zh": "提供导航功能，常用于页面顶部。", "tag": "头部导航", "props": { "title": { "default": "-", "value": "", "type": "string", "description": "标题名称", "description_zh": "标题名称" }, "left-text": { "default": "-", "value": "", "type": "string", "description": "左侧文案", "description_zh": "左侧文案" }, "desc": { "default": "-", "value": "", "type": "string", "description": "右侧描述", "description_zh": "右侧描述" }, "left-show": { "default": "false", "value": "", "type": "boolean", "description": "是否展示左侧箭头", "description_zh": "是否展示左侧箭头" }, "title-icon": { "default": "false", "value": "", "type": "boolean", "description": "标题中是否展示 icon", "description_zh": "标题中是否展示 icon" }, "border": { "default": "false", "value": "", "type": "boolean", "description": "是否显示下边框", "description_zh": "是否显示下边框" }, "fixed": { "default": "false", "value": "", "type": "boolean", "description": "是否固定到顶部", "description_zh": "是否固定到顶部" }, "placeholder": { "default": "false", "value": "", "type": "boolean", "description": "固定在顶部时，是否在标签位置生成一个等高的占位元素", "description_zh": "固定在顶部时，是否在标签位置生成一个等高的占位元素" }, "safe-area-inset-top": { "default": "false", "value": "", "type": "boolean", "description": "是否开启顶部安全区适配", "description_zh": "是否开启顶部安全区适配" }, "z-index": { "default": "-", "value": "", "type": "number ｜ string", "description": "导航栏 z-index", "description_zh": "导航栏 z-index" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/navbar", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/navbar", "typeDetail": {}, "events": [ { "name": "click-title4.1.5", "description": "点击页面标题事件", "description_zh": "点击页面标题事件", "params": "event:Event" }, { "name": "click-icon4.1.5", "description": "点击页面标题 icon 事件", "description_zh": "点击页面标题 icon 事件", "params": "event:Event" }, { "name": "click-right4.1.5", "description": "点击右侧按钮事件", "description_zh": "点击右侧按钮事件", "params": "event:Event" }, { "name": "click-back4.1.5", "description": "点击左侧图标事件", "description_zh": "点击左侧图标事件", "params": "event:Event" }, { "name": "on-click-title", "description": "点击页面标题事件", "description_zh": "点击页面标题事件", "params": "event:Event" }, { "name": "on-click-icon", "description": "点击页面标题 icon 事件", "description_zh": "点击页面标题 icon 事件", "params": "event:Event" }, { "name": "on-click-right", "description": "点击右侧按钮事件", "description_zh": "点击右侧按钮事件", "params": "event:Event" }, { "name": "on-click-back", "description": "点击左侧图标事件", "description_zh": "点击左侧图标事件", "params": "event:Event" } ], "methods": [], "slots": [ { "name": "left", "description": "自定义左侧内容", "description_zh": "自定义左侧内容" }, { "name": "right", "description": "自定义右侧内容", "description_zh": "自定义右侧内容" }, { "name": "content", "description": "自定义导航栏中间内容", "description_zh": "自定义导航栏中间内容" }, { "name": "left-show", "description": "左侧箭头自定义图标", "description_zh": "左侧箭头自定义图标" }, { "name": "title-icon", "description": "标题中自定义图标", "description_zh": "标题中自定义图标" } ], "filename": "Navbar", "suggestions": [] }, { "name": "NutPagination", "description": "当数据量较多时，采用分页的形式分隔长列表。", "description_zh": "当数据量较多时，采用分页的形式分隔长列表。", "tag": "分页", "props": { ":v-model": { "default": "1", "value": "", "type": "number", "description": "当前页码", "description_zh": "当前页码" }, "mode": { "default": "multi", "value": "", "type": "string", "description": "显示模式,可选值为 simple", "description_zh": "显示模式,可选值为 simple" }, "prev-text": { "default": "上一页", "value": "", "type": "string", "description": "上一页按钮文字", "description_zh": "上一页按钮文字" }, "next-text": { "default": "下一页", "value": "", "type": "string", "description": "下一页按钮文字", "description_zh": "下一页按钮文字" }, "page-count": { "default": "传入/根据页数计算", "value": "", "type": "string | number", "description": "总页数", "description_zh": "总页数" }, "total-items": { "default": "0", "value": "", "type": "string | number", "description": "总记录数", "description_zh": "总记录数" }, "items-per-page": { "default": "10", "value": "", "type": "string | number", "description": "每页记录数", "description_zh": "每页记录数" }, "show-page-size": { "default": "5", "value": "", "type": "string | number", "description": "显示的页码个数", "description_zh": "显示的页码个数" }, "force-ellipses": { "default": "false", "value": "", "type": "boolean", "description": "是否显示省略号", "description_zh": "是否显示省略号" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/pagination", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/pagination", "typeDetail": {}, "events": [ { "name": "change", "description": "页码改变时触发", "description_zh": "页码改变时触发", "params": "value" } ], "methods": [], "slots": [ { "name": "prev-text", "description": "自定义上一页按钮内容", "description_zh": "自定义上一页按钮内容" }, { "name": "next-text", "description": "自定义下一页按钮内容", "description_zh": "自定义下一页按钮内容" }, { "name": "page", "description": "自定义页码", "description_zh": "自定义页码" } ], "filename": "Pagination", "suggestions": [] }, { "name": "NutSideNavbar", "description": "用于内容选择和切换", "description_zh": "用于内容选择和切换", "tag": "侧边栏导航", "props": { "offset": { "default": "15", "value": "", "type": "number | string", "description": "导航缩进宽度", "description_zh": "导航缩进宽度" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/sidenavbar", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/sidenavbar", "typeDetail": {}, "events": [], "methods": [], "slots": [], "filename": "SideNavbar", "suggestions": [] }, { "name": "NutSubSideNavbar", "description": "用于内容选择和切换", "description_zh": "用于内容选择和切换", "tag": "侧边栏导航", "props": { "title": { "default": "``", "value": "", "type": "string", "description": "导航标题", "description_zh": "导航标题" }, "open": { "default": "true", "value": "", "type": "boolean", "description": "导航是否默认展开", "description_zh": "导航是否默认展开" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/sidenavbar", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/sidenavbar", "typeDetail": {}, "events": [ { "name": "title-click", "description": "导航点击", "description_zh": "导航点击", "params": "-" } ], "methods": [], "slots": [], "filename": "SubSideNavbar", "suggestions": [ "nut-side-navbar-item" ] }, { "name": "NutSideNavbarItem", "description": "用于内容选择和切换", "description_zh": "用于内容选择和切换", "tag": "侧边栏导航", "props": { "title": { "default": "15", "value": "", "type": "string", "description": "导航标题", "description_zh": "导航标题" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/sidenavbar", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/sidenavbar", "typeDetail": {}, "events": [ { "name": "click", "description": "导航点击", "description_zh": "导航点击", "params": "-" } ], "methods": [], "slots": [], "filename": "SideNavbarItem", "suggestions": [] }, { "name": "NutTabbar", "description": "底部导航常用场景", "description_zh": "底部导航常用场景", "tag": "标签栏", "props": { "v-model": { "default": "0", "value": "", "type": "string | number", "description": "选中标签的索引值或者名称", "description_zh": "选中标签的索引值或者名称" }, "bottom": { "default": "false", "value": "", "type": "boolean", "description": "是否固定在页面底部", "description_zh": "是否固定在页面底部" }, "unactive-color": { "default": "#7d7e80", "value": "", "type": "string", "description": "icon 未激活的颜色", "description_zh": "icon 未激活的颜色" }, "active-color": { "default": "#1989fa", "value": "", "type": "string", "description": "icon 激活的颜色", "description_zh": "icon 激活的颜色" }, "safe-area-inset-bottom": { "default": "false", "value": "", "type": "boolean", "description": "是否开启 iphone 系列全面屏底部安全区适配", "description_zh": "是否开启 iphone 系列全面屏底部安全区适配" }, "placeholder": { "default": "false", "value": "", "type": "boolean", "description": "固定在底部时，是否在标签位置生成一个等高的占位元素", "description_zh": "固定在底部时，是否在标签位置生成一个等高的占位元素" }, "before-switch version": { "default": "() => true", "value": "", "type": "(data, value) => boolean | Promise", "description": "切换前的回调函数，返回 false 时拦截切换操作", "description_zh": "切换前的回调函数，返回 false 时拦截切换操作" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/tabbar", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/tabbar", "typeDetail": {}, "events": [ { "name": "tab-switch", "description": "切换页签时触发事件", "description_zh": "切换页签时触发事件", "params": "点击的数据和索引值" } ], "methods": [], "slots": [], "filename": "Tabbar", "suggestions": [ "nut-tabbar-item" ] }, { "name": "NutTabbarItem", "description": "底部导航常用场景", "description_zh": "底部导航常用场景", "tag": "标签栏", "props": { "tab-title": { "default": "–", "value": "", "type": "string", "description": "标签页的标题", "description_zh": "标签页的标题" }, "name": { "default": "当前标签的索引值", "value": "", "type": "string", "description": "标签名称，作为匹配的标识符", "description_zh": "标签名称，作为匹配的标识符" }, "icon": { "default": "–", "value": "", "type": "Component", "description": "标签页显示的图标", "description_zh": "标签页显示的图标" }, "href deprecated": { "default": "–", "value": "", "type": "string", "description": "标签页的跳转链接；如果同时存在 to，优先级高于 to", "description_zh": "标签页的跳转链接；如果同时存在 to，优先级高于 to" }, "to deprecated": { "default": "–", "value": "", "type": "string | object", "description": "标签页的路由对象，等于 vue-router 的 to 属性 属性", "description_zh": "标签页的路由对象，等于 vue-router 的 to 属性 属性" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/tabbar", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/tabbar", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "icon", "description": "自定义图标", "description_zh": "自定义图标" } ], "filename": "TabbarItem", "suggestions": [] }, { "name": "NutTabs", "description": "常用于平级区域大块内容的的收纳和展现，支持内嵌标签形式和渲染循环数据形式", "description_zh": "常用于平级区域大块内容的的收纳和展现，支持内嵌标签形式和渲染循环数据形式", "tag": "选项卡切换", "props": { "v-model": { "default": "0", "value": "", "type": "number | string", "description": "绑定当前选中标签的标识符", "description_zh": "绑定当前选中标签的标识符" }, "color": { "default": "#1a1a1a", "value": "", "type": "string", "description": "标签选中色", "description_zh": "标签选中色" }, "background": { "default": "#f5f5f5", "value": "", "type": "string", "description": "标签栏背景颜色", "description_zh": "标签栏背景颜色" }, "direction": { "default": "horizontal", "value": "", "type": "string", "description": "使用横纵方向 可选值 horizontal、vertical", "description_zh": "使用横纵方向 可选值 horizontal、vertical" }, "type": { "default": "line", "value": "", "type": "string", "description": "选中底部展示样式 可选值 line、smile", "description_zh": "选中底部展示样式 可选值 line、smile" }, "swipeable4.0.3": { "default": "false", "value": "", "type": "boolean", "description": "是否开启手势左右滑动切换", "description_zh": "是否开启手势左右滑动切换" }, "title-scroll": { "default": "false", "value": "", "type": "boolean", "description": "标签栏是否可以滚动", "description_zh": "标签栏是否可以滚动" }, "ellipsis": { "default": "true", "value": "", "type": "boolean", "description": "是否省略过长的标题文字", "description_zh": "是否省略过长的标题文字" }, "animated-time": { "default": "300", "value": "", "type": "number | string", "description": "切换动画时长，单位 ms。0 代表无动画，此时必须设置 pane-key", "description_zh": "切换动画时长，单位 ms。0 代表无动画，此时必须设置 pane-key" }, "title-gutter": { "default": "0", "value": "", "type": "number | string", "description": "标签间隙", "description_zh": "标签间隙" }, "size": { "default": "normal", "value": "", "type": "string", "description": "标签栏字体尺寸大小 可选值 large normal small", "description_zh": "标签栏字体尺寸大小 可选值 large normal small" }, "auto-height": { "default": "false", "value": "", "type": "boolean", "description": "自动高度。设置为 true 时，nut-tabs 和 nut-tabs__content 会随着当前 nut-tab-pane 的高度而发生变化。", "description_zh": "自动高度。设置为 true 时，nut-tabs 和 nut-tabs__content 会随着当前 nut-tab-pane 的高度而发生变化。" }, "sticky": { "default": "false", "value": "", "type": "boolean", "description": "是否使用粘性布局", "description_zh": "是否使用粘性布局" }, ":top": { "default": "0", "value": "", "type": "number", "description": "粘性布局下的吸顶距离", "description_zh": "粘性布局下的吸顶距离" }, "align ": { "default": "center", "value": "", "type": "string", "description": "横轴方向的标题对齐方式，可选值 left、center", "description_zh": "横轴方向的标题对齐方式，可选值 left、center" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/tabs", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/tabs", "typeDetail": {}, "events": [ { "name": "click", "description": "点击标签时触发", "description_zh": "点击标签时触发", "params": "{title,paneKey,disabled}" }, { "name": "change", "description": "当前激活的标签改变时触发", "description_zh": "当前激活的标签改变时触发", "params": "{title,paneKey,disabled}" } ], "methods": [], "slots": [ { "name": "titles", "description": "自定义导航区域", "description_zh": "自定义导航区域" }, { "name": "default", "description": "自定义内容", "description_zh": "自定义内容" } ], "filename": "Tabs", "suggestions": [ "nut-tab-pane" ] }, { "name": "NutTabPane", "description": "常用于平级区域大块内容的的收纳和展现，支持内嵌标签形式和渲染循环数据形式", "description_zh": "常用于平级区域大块内容的的收纳和展现，支持内嵌标签形式和渲染循环数据形式", "tag": "选项卡切换", "props": { "title": { "default": "-", "value": "", "type": "string", "description": "标题", "description_zh": "标题" }, "pane-key": { "default": "-", "value": "", "type": "string", "description": "标签 Key , 匹配的标识符", "description_zh": "标签 Key , 匹配的标识符" }, "disabled": { "default": "false", "value": "", "type": "boolean", "description": "是否禁用标签", "description_zh": "是否禁用标签" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/tabs", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/tabs", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "default", "description": "自定义内容", "description_zh": "自定义内容" } ], "filename": "TabPane", "suggestions": [] }, { "name": "NutCalendar", "description": "日历，可平铺/弹窗展示", "description_zh": "日历，可平铺/弹窗展示", "tag": "日历", "props": { "v-model:visible": { "default": "false", "value": "", "type": "boolean", "description": "是否可见", "description_zh": "是否可见" }, "type": { "default": "‘one’", "value": "", "type": "string", "description": "类型，日期单择one，区间选择range,日期多选multiple,周选择week(v4.0.1)", "description_zh": "类型，日期单择one，区间选择range,日期多选multiple,周选择week(v4.0.1)" }, "poppable": { "default": "true", "value": "", "type": "boolean", "description": "是否弹窗状态展示", "description_zh": "是否弹窗状态展示" }, "is-auto-back-fill": { "default": "false", "value": "", "type": "boolean", "description": "自动回填", "description_zh": "自动回填" }, "title": { "default": "日期选择", "value": "", "type": "string", "description": "显示标题", "description_zh": "显示标题" }, "default-value": { "default": "null", "value": "", "type": "string | string[]", "description": "默认值，单个日期选择 string，其他为 string[]", "description_zh": "默认值，单个日期选择 string，其他为 string[]" }, "start-date": { "default": "今天", "value": "", "type": "string", "description": "开始日期", "description_zh": "开始日期" }, "end-date": { "default": "距离今天 365 天", "value": "", "type": "string", "description": "结束日期", "description_zh": "结束日期" }, "show-today": { "default": "true", "value": "", "type": "boolean", "description": "是否展示今天标记", "description_zh": "是否展示今天标记" }, "start-text": { "default": "开始", "value": "", "type": "string", "description": "范围选择，开始信息文案", "description_zh": "范围选择，开始信息文案" }, "end-text": { "default": "结束", "value": "", "type": "string", "description": "范围选择，结束信息文案", "description_zh": "范围选择，结束信息文案" }, "confirm-text": { "default": "确认", "value": "", "type": "string", "description": "底部确认按钮文案", "description_zh": "底部确认按钮文案" }, "show-title": { "default": "true", "value": "", "type": "boolean", "description": "是否在展示日历标题", "description_zh": "是否在展示日历标题" }, "show-sub-title": { "default": "true", "value": "", "type": "boolean", "description": "是否展示日期标题", "description_zh": "是否展示日期标题" }, "to-date-animation": { "default": "true", "value": "", "type": "boolean", "description": "是否启动滚动动画", "description_zh": "是否启动滚动动画" }, "first-day-of-week": { "default": "0", "value": "", "type": "0-6", "description": "设置周起始日", "description_zh": "设置周起始日" }, "disabled-date": { "default": "-", "value": "", "type": "function", "description": "一个用来判断该日期是否被禁用的函数，接受一个年-月-日作为参数。 应该返回一个 Boolean 值。", "description_zh": "一个用来判断该日期是否被禁用的函数，接受一个年-月-日作为参数。 应该返回一个 Boolean 值。" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/calendar", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/calendar", "typeDetail": {}, "events": [ { "name": "choose", "description": "选择之后或是点击确认按钮触发,日期数组（包含年月日和星期）", "description_zh": "选择之后或是点击确认按钮触发,日期数组（包含年月日和星期）", "params": "(string | string[])[]" }, { "name": "close", "description": "关闭时触发", "description_zh": "关闭时触发", "params": "-" }, { "name": "select", "description": "点击/选择后触发", "description_zh": "点击/选择后触发", "params": "(string | string[])[]" } ], "methods": [ { "name": "scrollToDate", "description": "string", "params": "滚动到指定日期所在月,如：‘2021-12-30’", "description_zh": "string" }, { "name": "initPosition", "description": "无", "params": "初始化滚动位置", "description_zh": "无" } ], "slots": [ { "name": "btn", "description": "自定义日历标题下部，可用以添加自定义操作", "description_zh": "自定义日历标题下部，可用以添加自定义操作" }, { "name": "day", "description": "日期信息", "description_zh": "日期信息" }, { "name": "top-info", "description": "日期顶部信息", "description_zh": "日期顶部信息" }, { "name": "bottom-info", "description": "日期底部信息", "description_zh": "日期底部信息" }, { "name": "footer-info", "description": "日历自定义底部，替代confirm按钮", "description_zh": "日历自定义底部，替代confirm按钮" } ], "filename": "Calendar", "suggestions": [] }, { "name": "NutCalendarCard", "description": "日历卡片。在 NutUI >= 4.3.0 版本中提供。", "description_zh": "日历卡片。在 NutUI >= 4.3.0 版本中提供。", "tag": "日历卡片", "props": { "type": { "default": "single", "value": "", "type": "string", "description": "类型，单个日期 single，多个日期 multiple，日期范围 range，周选择 week", "description_zh": "类型，单个日期 single，多个日期 multiple，日期范围 range，周选择 week" }, "v-model": { "default": "-", "value": "", "type": "Date | Date[]", "description": "当前选中值，单个日期 Date 格式，多个日期/范围选择 Date[] 格式", "description_zh": "当前选中值，单个日期 Date 格式，多个日期/范围选择 Date[] 格式" }, "startDate": { "default": "-", "value": "", "type": "Date", "description": "限制范围开始日期", "description_zh": "限制范围开始日期" }, "endDate": { "default": "-", "value": "", "type": "Date", "description": "限制范围结束日期", "description_zh": "限制范围结束日期" }, "firstDayOfWeek": { "default": "1", "value": "", "type": "0-6", "description": "设置周起始日，0 为周日，1 为周一", "description_zh": "设置周起始日，0 为周日，1 为周一" }, "disableDay": { "default": "-", "value": "", "type": "(day: CalendarCardDay) => boolean", "description": "设置不可选日期", "description_zh": "设置不可选日期" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/calendarcard", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/calendarcard", "typeDetail": {}, "events": [ { "name": "change", "description": "选择值发生变化时触发", "description_zh": "选择值发生变化时触发", "params": "(val: Date | Date[]) => void" }, { "name": "day-click", "description": "点击后触发", "description_zh": "点击后触发", "params": "(day: CalendarCardDay) => void" }, { "name": "page-change", "description": "切换月份时触发", "description_zh": "切换月份时触发", "params": "(val: { year, month }) => void" } ], "methods": [ { "name": "jump", "description": "step: number", "params": "在当前基础上前进或后退月数，正数向前，负数向后", "description_zh": "step: number" }, { "name": "jumpTo", "description": "year: number, month: number", "params": "跳转至特定的年月", "description_zh": "year: number, month: number" } ], "slots": [ { "name": "default", "description": "日期信息", "description_zh": "日期信息" }, { "name": "top", "description": "日期顶部信息", "description_zh": "日期顶部信息" }, { "name": "bottom", "description": "日期底部信息", "description_zh": "日期底部信息" } ], "filename": "CalendarCard", "suggestions": [] }, { "name": "NutCascader", "description": "级联选择器，用于多层级数据的选择，典型场景为省市区选择。", "description_zh": "级联选择器，用于多层级数据的选择，典型场景为省市区选择。", "tag": "级联选择器", "props": { "v-model": { "default": "-", "value": "", "type": "Array", "description": "选中值，双向绑定", "description_zh": "选中值，双向绑定" }, "v-model:visible": { "default": "false", "value": "", "type": "boolean", "description": "显示选择层", "description_zh": "显示选择层" }, "options": { "default": "-", "value": "", "type": "Array", "description": "级联数据", "description_zh": "级联数据" }, "lazy": { "default": "false", "value": "", "type": "boolean", "description": "是否开启动态加载", "description_zh": "是否开启动态加载" }, "lazy-load": { "default": "-", "value": "", "type": "Function", "description": "动态加载回调，开启动态加载时生效", "description_zh": "动态加载回调，开启动态加载时生效" }, "value-key": { "default": "-", "value": "", "type": "string", "description": "自定义 options 结构中 value 的字段", "description_zh": "自定义 options 结构中 value 的字段" }, "text-key": { "default": "-", "value": "", "type": "string", "description": "自定义 options 结构中 text 的字段", "description_zh": "自定义 options 结构中 text 的字段" }, "children-key": { "default": "-", "value": "", "type": "string", "description": "自定义 options 结构中 children 的字段", "description_zh": "自定义 options 结构中 children 的字段" }, ":convert-config": { "default": "-", "value": "", "type": "object", "description": "当 options 为可转换为树形结构的扁平结构时，配置转换规则", "description_zh": "当 options 为可转换为树形结构的扁平结构时，配置转换规则" }, "title": { "default": "''", "value": "", "type": "string", "description": "标题", "description_zh": "标题" }, "close-icon-position": { "default": "\"top-right\"", "value": "", "type": "string", "description": "取消按钮位置，继承 Popup 组件", "description_zh": "取消按钮位置，继承 Popup 组件" }, "closeable": { "default": "false", "value": "", "type": "boolean", "description": "是否显示关闭按钮，继承 Popup 组件", "description_zh": "是否显示关闭按钮，继承 Popup 组件" }, "poppable": { "default": "true", "value": "", "type": "boolean", "description": "是否需要弹层展示（设置为 false 后，title 失效）", "description_zh": "是否需要弹层展示（设置为 false 后，title 失效）" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/cascader", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/cascader", "typeDetail": {}, "events": [ { "name": "change", "description": "选中值改变时触发", "description_zh": "选中值改变时触发", "params": "(value, pathNodes)" }, { "name": "path-change", "description": "选中项改变时触发", "description_zh": "选中项改变时触发", "params": "(pathNodes)" } ], "methods": [], "slots": [], "filename": "Cascader", "suggestions": [] }, { "name": "NutCheckbox", "description": "多选按钮用于选择。", "description_zh": "多选按钮用于选择。", "tag": "复选按钮", "props": { "v-model": { "default": "false", "value": "", "type": "boolean", "description": "是否处于选中状态", "description_zh": "是否处于选中状态" }, "disabled": { "default": "false", "value": "", "type": "boolean", "description": "是否禁用选择", "description_zh": "是否禁用选择" }, "text-position": { "default": "right", "value": "", "type": "string", "description": "文本所在的位置，可选值：left,right", "description_zh": "文本所在的位置，可选值：left,right" }, "icon-size": { "default": "18", "value": "", "type": "string | number", "description": "图标尺寸", "description_zh": "图标尺寸" }, "label": { "default": "-", "value": "", "type": "string", "description": "复选框的文本内容", "description_zh": "复选框的文本内容" }, "indeterminate": { "default": "false", "value": "", "type": "boolean", "description": "当前是否支持半选状态，一般用在全选操作中", "description_zh": "当前是否支持半选状态，一般用在全选操作中" }, "shape": { "default": "round", "value": "", "type": "String", "description": "形状，可选值：button、round", "description_zh": "形状，可选值：button、round" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/checkbox", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/checkbox", "typeDetail": {}, "events": [ { "name": "change", "description": "值变化时触发", "description_zh": "值变化时触发", "params": "(state, label), state 代表当前状态，label 表示当前选中的值" } ], "methods": [], "slots": [ { "name": "icon", "description": "未选中时的图标", "description_zh": "未选中时的图标" }, { "name": "checkedIcon", "description": "选中时的图标", "description_zh": "选中时的图标" }, { "name": "indeterminate", "description": "半选时的图标", "description_zh": "半选时的图标" } ], "filename": "Checkbox", "suggestions": [] }, { "name": "NutCheckboxGroup", "description": "多选按钮用于选择。", "description_zh": "多选按钮用于选择。", "tag": "复选按钮", "props": { "v-model": { "default": "-", "value": "", "type": "Array", "description": "当前选中项的标识符，和 label 相对应", "description_zh": "当前选中项的标识符，和 label 相对应" }, "disabled": { "default": "false", "value": "", "type": "boolean", "description": "是否禁用选择,将用于其下的全部复选框", "description_zh": "是否禁用选择,将用于其下的全部复选框" }, ":max": { "default": "0", "value": "", "type": "number", "description": "限制选择的数量，不能和全选/取消/反选一起使用, 0表示没有限制", "description_zh": "限制选择的数量，不能和全选/取消/反选一起使用, 0表示没有限制" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/checkbox", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/checkbox", "typeDetail": {}, "events": [ { "name": "change", "description": "值变化时触发", "description_zh": "值变化时触发", "params": "label,label 返回一个数组，表示当前选中项的集合" } ], "methods": [], "slots": [], "filename": "CheckboxGroup", "suggestions": [ "nut-checkbox" ] }, { "name": "NutDatePicker", "description": "时间选择器，支持日期、年月、时分等维度，通常与弹出层组件配合使用。", "description_zh": "时间选择器，支持日期、年月、时分等维度，通常与弹出层组件配合使用。", "tag": "日期选择器", "props": { "v-model": { "default": "null", "value": "", "type": "date", "description": "初始值", "description_zh": "初始值" }, "type": { "default": "date", "value": "", "type": "string", "description": "时间类型，可选值 date(年月日) time(时分秒) year-month(年月) month-day(月日) datehour(年月日时) hour-minute(时分v4.0.5)", "description_zh": "时间类型，可选值 date(年月日) time(时分秒) year-month(年月) month-day(月日) datehour(年月日时) hour-minute(时分v4.0.5)" }, ":minute-step": { "default": "1", "value": "", "type": "number", "description": "分钟步进值", "description_zh": "分钟步进值" }, "is-show-chinese": { "default": "false", "value": "", "type": "boolean", "description": "每列是否展示中文", "description_zh": "每列是否展示中文" }, "min-date": { "default": "十年前", "value": "", "type": "date", "description": "开始日期", "description_zh": "开始日期" }, "max-date": { "default": "十年后", "value": "", "type": "date", "description": "结束日期", "description_zh": "结束日期" }, "formatter": { "default": "", "value": "", "type": "(type: string, option: PickerOption) => PickerOption", "description": "选项格式化函数", "description_zh": "选项格式化函数" }, "filter": { "default": "", "value": "", "type": "(type: string, option: PickerOption) => PickerOption[]", "description": "选项过滤函数", "description_zh": "选项过滤函数" }, "title": { "default": "null", "value": "", "type": "string", "description": "设置标题", "description_zh": "设置标题" }, "ok-text": { "default": "确定", "value": "", "type": "string", "description": "确定按钮文案", "description_zh": "确定按钮文案" }, "cancel-text": { "default": "取消", "value": "", "type": "string", "description": "取消按钮文案", "description_zh": "取消按钮文案" }, "three-dimensional": { "default": "true", "value": "", "type": "boolean", "description": "是否开启 3D 效果", "description_zh": "是否开启 3D 效果" }, "swipe-duration": { "default": "1000", "value": "", "type": "number | string", "description": "惯性滚动时长", "description_zh": "惯性滚动时长" }, "visible-option-num": { "default": "7", "value": "", "type": "number | string", "description": "可见的选项个数", "description_zh": "可见的选项个数" }, "option-height": { "default": "36", "value": "", "type": "number | string", "description": "选项高度", "description_zh": "选项高度" }, "show-toolbar": { "default": "true", "value": "", "type": "boolean", "description": "是否显示顶部导航", "description_zh": "是否显示顶部导航" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/datepicker", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/datepicker", "typeDetail": { "PickerOption": [ { "name": "text", "detail": "选项的文字内容", "type": "string | number" }, { "name": "value", "detail": "选项对应的值，且唯一", "type": "string | number" }, { "name": "children", "detail": "用于级联选项", "type": "Array" }, { "name": "className", "detail": "添加额外的类名", "type": "string" } ] }, "events": [ { "name": "confirm", "description": "点击确定按钮时触发", "description_zh": "点击确定按钮时触发", "params": "{ selectedValue, selectedOptions }" }, { "name": "cancel", "description": "点击取消按钮时触发", "description_zh": "点击取消按钮时触发", "params": "{ selectedValue, selectedOptions }" }, { "name": "change", "description": "选项改变时触发", "description_zh": "选项改变时触发", "params": "{ columnIndex, selectedValue, selectedOptions }" } ], "methods": [], "slots": [ { "name": "default", "description": "自定义滑动数据底部区域", "description_zh": "自定义滑动数据底部区域" }, { "name": "top", "description": "自定义滑动数据顶部区域", "description_zh": "自定义滑动数据顶部区域" } ], "filename": "DatePicker", "suggestions": [] }, { "name": "NutForm", "description": "用于数据录入、校验，支持输入框、单选框、复选框、文件上传等类型。", "description_zh": "用于数据录入、校验，支持输入框、单选框、复选框、文件上传等类型。", "tag": "表单", "props": { ":model-value": { "default": "", "value": "", "type": "object", "description": "表单数据对象(使用表单校验时，必填)", "description_zh": "表单数据对象(使用表单校验时，必填)" }, "rules": { "default": "{}", "value": "", "type": "{ prop: FormItemRule[] }", "description": "统一配置每个 FormItem 的 rules", "description_zh": "统一配置每个 FormItem 的 rules" }, "disabled": { "default": "false", "value": "", "type": "boolean", "description": "禁用表单下的所有数据录入组件", "description_zh": "禁用表单下的所有数据录入组件" }, "label-position": { "default": "left", "value": "", "type": "top | left | right", "description": "表单项 label 的位置", "description_zh": "表单项 label 的位置" }, "star-position": { "default": "left", "value": "", "type": "left | right", "description": "必填表单项 label 的红色星标位置", "description_zh": "必填表单项 label 的红色星标位置" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/form", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/form", "typeDetail": { "FormItemRule": [ { "name": "required", "detail": "是否为必选字段", "type": "boolean" }, { "name": "message", "detail": "错误提示文案", "type": "string" }, { "name": "validator", "detail": "通过函数进行校验", "type": "(value:string, rule?:FormItemRule ) => boolean | Promise" }, { "name": "regex", "detail": "通过正则表达式进行校验", "type": "RegExp" } ] }, "events": [ { "name": "validate", "description": "任一表单项被校验失败后触发", "description_zh": "任一表单项被校验失败后触发", "params": "被校验的表单项 prop 值，校验是否通过，错误消息（如果存在）" } ], "methods": [], "slots": [], "filename": "Form", "suggestions": [ "nut-form-item" ] }, { "name": "NutFormItem", "description": "用于数据录入、校验，支持输入框、单选框、复选框、文件上传等类型。", "description_zh": "用于数据录入、校验，支持输入框、单选框、复选框、文件上传等类型。", "tag": "表单", "props": { "required": { "default": "false", "value": "", "type": "boolean", "description": "是否显示必填字段的标签旁边的红色星号", "description_zh": "是否显示必填字段的标签旁边的红色星号" }, "prop": { "default": "-", "value": "", "type": "string", "description": "表单域 v-model 字段， 在使用表单校验功能的情况下，该属性是必填的", "description_zh": "表单域 v-model 字段， 在使用表单校验功能的情况下，该属性是必填的" }, "rules": { "default": "[]", "value": "", "type": "FormItemRule []", "description": "定义校验规则", "description_zh": "定义校验规则" }, "label-width": { "default": "-", "value": "", "type": "number | string", "description": "表单项 label 宽度，默认单位为px", "description_zh": "表单项 label 宽度，默认单位为px" }, "label-align": { "default": "left", "value": "", "type": "string", "description": "表单项 label 对齐方式，可选值为 center right", "description_zh": "表单项 label 对齐方式，可选值为 center right" }, "body-align": { "default": "left", "value": "", "type": "string", "description": "右侧插槽对齐方式，可选值为 center right", "description_zh": "右侧插槽对齐方式，可选值为 center right" }, "error-message-align": { "default": "left", "value": "", "type": "string", "description": "错误提示文案对齐方式，可选值为 center right", "description_zh": "错误提示文案对齐方式，可选值为 center right" }, "show-error-line": { "default": "true", "value": "", "type": "boolean", "description": "是否在校验不通过时标红输入框", "description_zh": "是否在校验不通过时标红输入框" }, "show-error-message": { "default": "true", "value": "", "type": "boolean", "description": "是否在校验不通过时在输入框下方展示错误提示", "description_zh": "是否在校验不通过时在输入框下方展示错误提示" }, "label-position": { "default": "left", "value": "", "type": "top | left | right", "description": "表单项 label 的位置，优先级高于 form 中的 label-position", "description_zh": "表单项 label 的位置，优先级高于 form 中的 label-position" }, "star-position": { "default": "left", "value": "", "type": "left | right", "description": "必填表单项 label 的红色星标位置，优先级高于 form 中的 star-position", "description_zh": "必填表单项 label 的红色星标位置，优先级高于 form 中的 star-position" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/form", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/form", "typeDetail": { "FormItemRule": [ { "name": "required", "detail": "是否为必选字段", "type": "boolean" }, { "name": "message", "detail": "错误提示文案", "type": "string" }, { "name": "validator", "detail": "通过函数进行校验", "type": "(value:string, rule?:FormItemRule ) => boolean | Promise" }, { "name": "regex", "detail": "通过正则表达式进行校验", "type": "RegExp" } ] }, "events": [], "methods": [], "slots": [ { "name": "default", "description": "自定义内容", "description_zh": "自定义内容" }, { "name": "label", "description": "自定义 label 区域", "description_zh": "自定义 label 区域" } ], "filename": "FormItem", "suggestions": [] }, { "name": "NutInput", "description": "用户可以在文本框里输入内容。", "description_zh": "用户可以在文本框里输入内容。", "tag": "输入框", "props": { "v-model": { "default": "-", "value": "", "type": "string | number", "description": "输入值，双向绑定", "isRequired": false, "description_zh": "输入值，双向绑定" }, "type": { "default": "text", "value": "", "type": "string", "description": "输入框类型，支持原生 input 标签的所有 type 属性，另外还支持 number digit", "isRequired": false, "description_zh": "输入框类型，支持原生 input 标签的所有 type 属性，另外还支持 number digit" }, "placeholder": { "default": "-", "value": "", "type": "string", "description": "输入框为空时占位符", "isRequired": false, "description_zh": "输入框为空时占位符" }, "input-align": { "default": "left", "value": "", "type": "string", "description": "输入框内容对齐方式，可选值 left、center、right", "isRequired": false, "description_zh": "输入框内容对齐方式，可选值 left、center、right" }, "border": { "default": "true", "value": "", "type": "boolean", "description": "是否显示下边框", "isRequired": false, "description_zh": "是否显示下边框" }, "disabled": { "default": "false", "value": "", "type": "boolean", "description": "是否禁用", "isRequired": false, "description_zh": "是否禁用" }, "readonly": { "default": "false", "value": "", "type": "boolean", "description": "是否只读", "isRequired": false, "description_zh": "是否只读" }, "autofocus": { "default": "false", "value": "", "type": "boolean", "description": "是否自动获得焦点，iOS 系统不支持该属性", "isRequired": false, "description_zh": "是否自动获得焦点，iOS 系统不支持该属性" }, "max-length": { "default": "-", "value": "", "type": "string ｜ number", "description": "限制最长输入字符", "isRequired": false, "description_zh": "限制最长输入字符" }, "clearable": { "default": "false", "value": "", "type": "boolean", "description": "展示清除 Icon", "isRequired": false, "description_zh": "展示清除 Icon" }, "show-clear-icon": { "default": "false", "value": "", "type": "boolean", "description": "是否在失去焦点后，继续展示清除按钮，在设置 clearable 时生效", "isRequired": false, "description_zh": "是否在失去焦点后，继续展示清除按钮，在设置 clearable 时生效" }, "clear-size": { "default": "14", "value": "", "type": "string", "description": "清除图标的 font-size 大小", "isRequired": false, "description_zh": "清除图标的 font-size 大小" }, "show-word-limit": { "default": "false", "value": "", "type": "boolean", "description": "是否显示限制最长输入字符，需要设置 max-length 属性", "isRequired": false, "description_zh": "是否显示限制最长输入字符，需要设置 max-length 属性" }, "error": { "default": "false", "value": "", "type": "boolean", "description": "是否标红", "isRequired": false, "description_zh": "是否标红" }, "formatter": { "default": "-", "value": "", "type": "(val: string) => string", "description": "输入内容格式化函数", "isRequired": false, "description_zh": "输入内容格式化函数" }, "format-trigger": { "default": "onChange", "value": "", "type": "string", "description": "格式化函数触发的时机，可选值为 onChange、onBlur", "isRequired": false, "description_zh": "格式化函数触发的时机，可选值为 onChange、onBlur" }, "confirm-type": { "default": "done", "value": "", "type": "string", "description": "键盘右下角按钮的文字，仅在type='text'时生效,可选值 send：发送、search：搜索、next：下一个、go：前往、done：完成", "isRequired": false, "description_zh": "键盘右下角按钮的文字，仅在type='text'时生效,可选值 send：发送、search：搜索、next：下一个、go：前往、done：完成" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/input", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/input", "typeDetail": {}, "events": [ { "name": "update:model-value", "description": "输入框内容变化时触发", "description_zh": "输入框内容变化时触发", "params": "val" }, { "name": "focus", "description": "输入框聚焦时触发", "description_zh": "输入框聚焦时触发", "params": "event" }, { "name": "blur", "description": "输入框失焦时触发", "description_zh": "输入框失焦时触发", "params": "event" }, { "name": "clear", "description": "点击清除按钮时触发", "description_zh": "点击清除按钮时触发", "params": "event" }, { "name": "click", "description": "点击组件时触发", "description_zh": "点击组件时触发", "params": "event" }, { "name": "click-input", "description": "点击输入区域时触发", "description_zh": "点击输入区域时触发", "params": "event" }, { "name": "confirm4.2.1", "description": "点击软键盘确认时触发 ｜ event", "description_zh": "点击软键盘确认时触发 ｜ event", "params": "" } ], "methods": [ { "name": "focus", "description": "获取焦点", "params": "", "description_zh": "获取焦点" }, { "name": "blur", "description": "失去焦点", "params": "", "description_zh": "失去焦点" }, { "name": "select", "description": "选择文字", "params": "", "description_zh": "选择文字" } ], "slots": [ { "name": "clear", "description": "自定义输入框尾部清除按钮", "description_zh": "自定义输入框尾部清除按钮" }, { "name": "left", "description": "自定义输入框左侧插槽内容", "description_zh": "自定义输入框左侧插槽内容" }, { "name": "right", "description": "自定义输入框右侧插槽内容", "description_zh": "自定义输入框右侧插槽内容" } ], "filename": "Input", "suggestions": [] }, { "name": "NutInputNumber", "description": "通过点击按钮控制数字增减。", "description_zh": "通过点击按钮控制数字增减。", "tag": "数字输入框", "props": { "v-model": { "default": "-", "value": "", "type": "string | number", "description": "初始值", "description_zh": "初始值" }, "input-width": { "default": "``", "value": "", "type": "string", "description": "输入框宽度", "description_zh": "输入框宽度" }, "button-size": { "default": "``", "value": "", "type": "string", "description": "操作符+、-尺寸", "description_zh": "操作符+、-尺寸" }, "min": { "default": "1", "value": "", "type": "string | number", "description": "最小值限制", "description_zh": "最小值限制" }, "max": { "default": "9999", "value": "", "type": "string | number", "description": "最大值限制", "description_zh": "最大值限制" }, "step": { "default": "1", "value": "", "type": "string | number", "description": "步长", "description_zh": "步长" }, "decimal-places": { "default": "0", "value": "", "type": "string | number", "description": "设置保留的小数位", "description_zh": "设置保留的小数位" }, "disabled": { "default": "false", "value": "", "type": "boolean", "description": "禁用所有功能", "description_zh": "禁用所有功能" }, "readonly": { "default": "false", "value": "", "type": "boolean", "description": "只读状态禁用输入框操作行为", "description_zh": "只读状态禁用输入框操作行为" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/inputnumber", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/inputnumber", "typeDetail": {}, "events": [ { "name": "add", "description": "点击增加按钮时触发", "description_zh": "点击增加按钮时触发", "params": "(event: Event)" }, { "name": "reduce", "description": "点击减少按钮时触发", "description_zh": "点击减少按钮时触发", "params": "(event: Event) " }, { "name": "overlimit", "description": "点击不可用的按钮时触发", "description_zh": "点击不可用的按钮时触发", "params": "(event: Event,type:string (reduce or add) )" }, { "name": "change", "description": "值改变时触发", "description_zh": "值改变时触发", "params": "(value: number , event : Event) " }, { "name": "blur", "description": "输入框失去焦点时触发", "description_zh": "输入框失去焦点时触发", "params": "(event: Event) " }, { "name": "focus", "description": "输入框获得焦点时触发", "description_zh": "输入框获得焦点时触发", "params": "(event: Event ) " } ], "methods": [], "slots": [ { "name": "left-icon", "description": "自定义左侧按钮", "description_zh": "自定义左侧按钮" }, { "name": "right-icon", "description": "自定义右侧按钮", "description_zh": "自定义右侧按钮" } ], "filename": "InputNumber", "suggestions": [] }, { "name": "NutNumberKeyboard", "description": "虚拟数字键盘，用于输入支付密码的场景。", "description_zh": "虚拟数字键盘，用于输入支付密码的场景。", "tag": "数字键盘", "props": { "v-model:visible": { "default": "false", "value": "", "type": "boolean", "description": "是否显示键盘", "description_zh": "是否显示键盘" }, "v-model": { "default": "-", "value": "", "type": "string", "description": "当前输入值", "description_zh": "当前输入值" }, "title": { "default": "-", "value": "", "type": "string", "description": "键盘标题", "description_zh": "键盘标题" }, "type": { "default": "default：默认样式rightColumn：带右侧栏", "value": "", "type": "string", "description": "键盘模式", "description_zh": "键盘模式" }, "random-keys": { "default": "false", "value": "", "type": "boolean", "description": "随机数", "description_zh": "随机数" }, "custom-key": { "default": "数组形式最多支持添加2个,超出默认取前2项", "value": "", "type": "string []", "description": "自定义键盘额外的键", "description_zh": "自定义键盘额外的键" }, "maxlength": { "default": "6", "value": "", "type": "number | string", "description": "输入值最大长度，结合 v-model 使用", "description_zh": "输入值最大长度，结合 v-model 使用" }, "confirm-text": { "default": "完成", "value": "", "type": "string", "description": "自定义完成按钮文字，如\"支付\"，“下一步”，\"提交\"等", "description_zh": "自定义完成按钮文字，如\"支付\"，“下一步”，\"提交\"等" }, "pop-class": { "default": "-", "value": "", "type": "string", "description": "自定义弹框类名", "description_zh": "自定义弹框类名" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/numberkeyboard", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/numberkeyboard", "typeDetail": {}, "events": [ { "name": "input", "description": "点击按键时触发", "description_zh": "点击按键时触发", "params": "按键内容" }, { "name": "delete", "description": "点击删除键时触发", "description_zh": "点击删除键时触发", "params": "-" }, { "name": "close", "description": "点击关闭按钮时触发", "description_zh": "点击关闭按钮时触发", "params": "-" }, { "name": "blur", "description": "点击关闭按钮或非键盘区域时触发", "description_zh": "点击关闭按钮或非键盘区域时触发", "params": "-" }, { "name": "confirm", "description": "点击确认按钮", "description_zh": "点击确认按钮", "params": "-" } ], "methods": [], "slots": [], "filename": "NumberKeyboard", "suggestions": [] }, { "name": "NutPicker", "description": "提供多个选项集合供用户选择其中一项，通常与弹出层组件配合使用。", "description_zh": "提供多个选项集合供用户选择其中一项，通常与弹出层组件配合使用。", "tag": "选择器", "props": { "v-model:value": { "default": "[]", "value": "", "type": "Array", "description": "默认选中项", "isRequired": false, "description_zh": "默认选中项" }, "columns": { "default": "-", "value": "", "type": "PickerOption[] | PickerOption[][]", "description": "对象数组，配置每一列显示的数据", "isRequired": false, "description_zh": "对象数组，配置每一列显示的数据" }, ":field-names": { "default": "{ text: 'text', value: 'value', children: 'children', className: 'className' }", "value": "", "type": "object", "description": "自定义 columns 中的字段", "isRequired": false, "description_zh": "自定义 columns 中的字段" }, "title": { "default": "-", "value": "", "type": "string", "description": "设置标题", "isRequired": false, "description_zh": "设置标题" }, "cancel-text": { "default": "取消", "value": "", "type": "string", "description": "取消按钮文案", "isRequired": false, "description_zh": "取消按钮文案" }, "ok-text": { "default": "确定", "value": "", "type": "string", "description": "确定按钮文案", "isRequired": false, "description_zh": "确定按钮文案" }, "three-dimensional": { "default": "false", "value": "", "type": "boolean", "description": "是否开启 3D 效果", "isRequired": false, "description_zh": "是否开启 3D 效果" }, "swipe-duration": { "default": "1000", "value": "", "type": "number | string", "description": "惯性滚动时长", "isRequired": false, "description_zh": "惯性滚动时长" }, "visible-option-num": { "default": "7", "value": "", "type": "number | string", "description": "可见的选项个数", "isRequired": false, "description_zh": "可见的选项个数" }, "option-height": { "default": "36", "value": "", "type": "number | string", "description": "选项高度", "isRequired": false, "description_zh": "选项高度" }, "show-toolbar": { "default": "true", "value": "", "type": "boolean", "description": "是否显示顶部导航", "isRequired": false, "description_zh": "是否显示顶部导航" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/picker", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/picker", "typeDetail": {}, "events": [ { "name": "confirm", "description": "点击确定按钮时触发", "description_zh": "点击确定按钮时触发", "params": "{ selectedValue, selectedOptions }" }, { "name": "cancel", "description": "点击取消按钮时触发", "description_zh": "点击取消按钮时触发", "params": "{ selectedValue, selectedOptions }" }, { "name": "change", "description": "选项发生改变时触发", "description_zh": "选项发生改变时触发", "params": "{ columnIndex, selectedValue, selectedOptions }" } ], "methods": [], "slots": [ { "name": "default", "description": "自定义滑动数据底部区域", "description_zh": "自定义滑动数据底部区域" }, { "name": "top", "description": "自定义滑动数据顶部区域", "description_zh": "自定义滑动数据顶部区域" } ], "filename": "Picker", "suggestions": [] }, { "name": "NutRadio", "description": "用于在一组备选项中进行单选", "description_zh": "用于在一组备选项中进行单选", "tag": "单选按钮", "props": { "disabled": { "default": "false", "value": "", "type": "boolean", "description": "是否禁用选择", "isRequired": false, "description_zh": "是否禁用选择" }, "icon-size": { "default": "18", "value": "", "type": "string | number", "description": "图标尺寸", "isRequired": false, "description_zh": "图标尺寸" }, "label": { "default": "-", "value": "", "type": "string | number | boolean", "description": "单选框标识", "isRequired": false, "description_zh": "单选框标识" }, "shape": { "default": "round", "value": "", "type": "string", "description": "形状，可选值为 button、round", "isRequired": false, "description_zh": "形状，可选值为 button、round" }, "size": { "default": "normal", "value": "", "type": "string", "description": "尺寸，可选值为 small mini normal，仅在 shape 为 button 时生效", "isRequired": false, "description_zh": "尺寸，可选值为 small mini normal，仅在 shape 为 button 时生效" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/radio", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/radio", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "icon", "description": "未选中时的图标", "description_zh": "未选中时的图标" }, { "name": "checkedIcon", "description": "选中时的图标", "description_zh": "选中时的图标" } ], "filename": "Radio", "suggestions": [] }, { "name": "NutRadioGroup", "description": "用于在一组备选项中进行单选", "description_zh": "用于在一组备选项中进行单选", "tag": "单选按钮", "props": { "v-model": { "default": "-", "value": "", "type": "string | number | boolean", "description": "当前选中项的标识符，与 label 值一致时呈选中状态", "isRequired": false, "description_zh": "当前选中项的标识符，与 label 值一致时呈选中状态" }, "text-position": { "default": "right", "value": "", "type": "string", "description": "文本所在的位置，可选值：left,right", "isRequired": false, "description_zh": "文本所在的位置，可选值：left,right" }, "direction": { "default": "vertical", "value": "", "type": "string", "description": "使用横纵方向 可选值 horizontal、vertical ", "isRequired": false, "description_zh": "使用横纵方向 可选值 horizontal、vertical " } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/radio", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/radio", "typeDetail": {}, "events": [ { "name": "change", "description": "值变化时触发", "description_zh": "值变化时触发", "params": "当前选中项值（label）【设置 label 后有值、默认为空】" } ], "methods": [], "slots": [], "filename": "RadioGroup", "suggestions": [ "nut-radio" ] }, { "name": "NutRange", "description": "滑动输入条，用于在给定的范围内选择一个值。", "description_zh": "滑动输入条，用于在给定的范围内选择一个值。", "tag": "区间选择器", "props": { "v-model": { "default": "0", "value": "", "type": "number | number[]", "description": "当前进度百分比", "isRequired": false, "description_zh": "当前进度百分比" }, "range": { "default": "false", "value": "", "type": "boolean", "description": "是否开启双滑块模式", "isRequired": false, "description_zh": "是否开启双滑块模式" }, "max": { "default": "100", "value": "", "type": "number | string", "description": "最大值", "isRequired": false, "description_zh": "最大值" }, "min": { "default": "0", "value": "", "type": "number | string", "description": "最小值", "isRequired": false, "description_zh": "最小值" }, "step": { "default": "1", "value": "", "type": "number | string", "description": "步长", "isRequired": false, "description_zh": "步长" }, "disabled": { "default": "false", "value": "", "type": "boolean", "description": "是否禁用滑块", "isRequired": false, "description_zh": "是否禁用滑块" }, "vertical": { "default": "false", "value": "", "type": "boolean", "description": "是否竖向展示", "isRequired": false, "description_zh": "是否竖向展示" }, "hidden-range": { "default": "false", "value": "", "type": "boolean", "description": "是否隐藏范围值", "isRequired": false, "description_zh": "是否隐藏范围值" }, "hidden-tag": { "default": "false", "value": "", "type": "boolean", "description": "是否隐藏标签", "isRequired": false, "description_zh": "是否隐藏标签" }, "active-color": { "default": "rgba(250, 44, 25, 1)", "value": "", "type": "string", "description": "进度条激活态颜色", "isRequired": false, "description_zh": "进度条激活态颜色" }, "inactive-color": { "default": "rgba(255, 163, 154, 1)", "value": "", "type": "string", "description": "进度条非激活态颜色", "isRequired": false, "description_zh": "进度条非激活态颜色" }, "button-color": { "default": "rgba(250, 44, 25, 1)", "value": "", "type": "string", "description": "按钮颜色", "isRequired": false, "description_zh": "按钮颜色" }, "marks": { "default": "{}", "value": "", "type": "object{key:number}", "description": "刻度标示", "isRequired": false, "description_zh": "刻度标示" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/range", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/range", "typeDetail": {}, "events": [ { "name": "change", "description": "进度变化且结束拖动后触发", "description_zh": "进度变化且结束拖动后触发", "params": "value: number | number[]" }, { "name": "drag-start", "description": "开始拖动时触发", "description_zh": "开始拖动时触发", "params": "-" }, { "name": "drag-end", "description": "结束拖动时触发", "description_zh": "结束拖动时触发", "params": "-" } ], "methods": [], "slots": [ { "name": "button", "description": "自定义滑动按钮", "description_zh": "自定义滑动按钮" } ], "filename": "Range", "suggestions": [] }, { "name": "NutRate", "description": "用于快速的评级操作，或对评价进行展示。", "description_zh": "用于快速的评级操作，或对评价进行展示。", "tag": "评分", "props": { "v-model": { "default": "-", "value": "", "type": "number | string", "description": "当前 star 数，可使用 v-model 双向绑定数据", "isRequired": false, "description_zh": "当前 star 数，可使用 v-model 双向绑定数据" }, "count": { "default": "5", "value": "", "type": "number | string", "description": "star 总数", "isRequired": false, "description_zh": "star 总数" }, "active-color": { "default": "#fa200c", "value": "", "type": "string", "description": "图标选中颜色", "isRequired": false, "description_zh": "图标选中颜色" }, "void-color": { "default": "#ccc", "value": "", "type": "string", "description": "图标未选中颜色", "isRequired": false, "description_zh": "图标未选中颜色" }, "allow-half": { "default": "false", "value": "", "type": "boolean", "description": "是否半星", "isRequired": false, "description_zh": "是否半星" }, "readonly": { "default": "false", "value": "", "type": "boolean", "description": "是否只读", "isRequired": false, "description_zh": "是否只读" }, "disabled": { "default": "false", "value": "", "type": "boolean", "description": "是否禁用", "isRequired": false, "description_zh": "是否禁用" }, "spacing": { "default": "20", "value": "", "type": "number | string", "description": "间距", "isRequired": false, "description_zh": "间距" }, "touchable": { "default": "true", "value": "", "type": "boolean", "description": "是否可以通过滑动手势选择评分", "isRequired": false, "description_zh": "是否可以通过滑动手势选择评分" }, "size": { "default": "-", "value": "", "type": "number | string", "description": "Icon 尺寸大小，如 20px 2em 2rem", "isRequired": false, "description_zh": "Icon 尺寸大小，如 20px 2em 2rem" }, "custom-icon": { "default": "StarFillN", "value": "", "type": "VNode", "description": "自定义 Icon, 传入 VNode", "isRequired": false, "description_zh": "自定义 Icon, 传入 VNode" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/rate", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/rate", "typeDetail": {}, "events": [ { "name": "change", "description": "当前分值修改时时触发的事件", "description_zh": "当前分值修改时时触发的事件", "params": "当前值" } ], "methods": [], "slots": [], "filename": "Rate", "suggestions": [] }, { "name": "NutRate", "description": "用于快速的评级操作，或对评价进行展示。", "description_zh": "用于快速的评级操作，或对评价进行展示。", "tag": "评分", "props": { "v-model": { "default": "-", "value": "", "type": "number | string", "description": "当前 star 数，可使用 v-model 双向绑定数据", "isRequired": false, "description_zh": "当前 star 数，可使用 v-model 双向绑定数据" }, "count": { "default": "5", "value": "", "type": "number | string", "description": "star 总数", "isRequired": false, "description_zh": "star 总数" }, "active-color": { "default": "#fa200c", "value": "", "type": "string", "description": "图标选中颜色", "isRequired": false, "description_zh": "图标选中颜色" }, "void-color": { "default": "#ccc", "value": "", "type": "string", "description": "图标未选中颜色", "isRequired": false, "description_zh": "图标未选中颜色" }, "allow-half": { "default": "false", "value": "", "type": "boolean", "description": "是否半星", "isRequired": false, "description_zh": "是否半星" }, "readonly": { "default": "false", "value": "", "type": "boolean", "description": "是否只读", "isRequired": false, "description_zh": "是否只读" }, "disabled": { "default": "false", "value": "", "type": "boolean", "description": "是否禁用", "isRequired": false, "description_zh": "是否禁用" }, "spacing": { "default": "20", "value": "", "type": "number | string", "description": "间距", "isRequired": false, "description_zh": "间距" }, "touchable": { "default": "true", "value": "", "type": "boolean", "description": "是否可以通过滑动手势选择评分", "isRequired": false, "description_zh": "是否可以通过滑动手势选择评分" }, "size": { "default": "-", "value": "", "type": "number | string", "description": "Icon 尺寸大小，如 20px 2em 2rem", "isRequired": false, "description_zh": "Icon 尺寸大小，如 20px 2em 2rem" }, "custom-icon": { "default": "StarFillN", "value": "", "type": "VNode", "description": "自定义 Icon, 传入 VNode", "isRequired": false, "description_zh": "自定义 Icon, 传入 VNode" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/rate", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/rate", "typeDetail": {}, "events": [ { "name": "change", "description": "当前分值修改时时触发的事件", "description_zh": "当前分值修改时时触发的事件", "params": "当前值" } ], "methods": [], "slots": [], "filename": "Rate", "suggestions": [] }, { "name": "NutSearchbar", "description": "搜索栏", "description_zh": "搜索栏", "tag": "搜索栏", "props": { "v-model": { "default": "''", "value": "", "type": "number | string", "description": "当前输入的值", "isRequired": false, "description_zh": "当前输入的值" }, "label": { "default": "''", "value": "", "type": "string", "description": "搜索框左侧文本", "isRequired": false, "description_zh": "搜索框左侧文本" }, "shape": { "default": "round", "value": "", "type": "string", "description": "搜索框形状，可选值为 square round", "isRequired": false, "description_zh": "搜索框形状，可选值为 square round" }, "max-length": { "default": "9999", "value": "", "type": "number | string", "description": "最大输入长度", "isRequired": false, "description_zh": "最大输入长度" }, "input-type": { "default": "text", "value": "", "type": "string", "description": "输入框类型", "isRequired": false, "description_zh": "输入框类型" }, "placeholder": { "default": "请输入", "value": "", "type": "string", "description": "输入框默认暗纹", "isRequired": false, "description_zh": "输入框默认暗纹" }, "clearable": { "default": "true", "value": "", "type": "boolean", "description": "是否展示清除按钮", "isRequired": false, "description_zh": "是否展示清除按钮" }, "clear-icon": { "default": "CircleClose", "value": "", "type": "Object", "description": "自定义清除按钮图标（默认使用 @nutui/nutui-icons）", "isRequired": false, "description_zh": "自定义清除按钮图标（默认使用 @nutui/nutui-icons）" }, "background": { "default": "#fff", "value": "", "type": "string", "description": "输入框外部背景", "isRequired": false, "description_zh": "输入框外部背景" }, "input-background": { "default": "#f7f7f7", "value": "", "type": "string", "description": "输入框内部背景", "isRequired": false, "description_zh": "输入框内部背景" }, "autofocus": { "default": "false", "value": "", "type": "boolean", "description": "是否自动聚焦", "isRequired": false, "description_zh": "是否自动聚焦" }, "focus-style": { "default": "-", "value": "", "type": "Object", "description": "聚焦时搜索框样式", "isRequired": false, "description_zh": "聚焦时搜索框样式" }, "disabled": { "default": "false", "value": "", "type": "boolean", "description": "是否禁用输入框", "isRequired": false, "description_zh": "是否禁用输入框" }, "readonly": { "default": "false", "value": "", "type": "boolean", "description": "输入框只读", "isRequired": false, "description_zh": "输入框只读" }, "input-align": { "default": "left", "value": "", "type": "string", "description": "对齐方式，可选left center right", "isRequired": false, "description_zh": "对齐方式，可选left center right" }, "safe-area-inset-bottom": { "default": "false", "value": "", "type": "boolean", "description": "是否开启 iphone 系列全面屏底部安全区适配", "isRequired": false, "description_zh": "是否开启 iphone 系列全面屏底部安全区适配" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/searchbar", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/searchbar", "typeDetail": {}, "events": [ { "name": "change", "description": "输入内容时触发", "description_zh": "输入内容时触发", "params": "val, event" }, { "name": "focus", "description": "聚焦时触发", "description_zh": "聚焦时触发", "params": "val, event" }, { "name": "blur", "description": "失焦时触发", "description_zh": "失焦时触发", "params": "val, event" }, { "name": "clear", "description": "点击清空时触发", "description_zh": "点击清空时触发", "params": "val" }, { "name": "search", "description": "按下 ENTER 键时触发", "description_zh": "按下 ENTER 键时触发", "params": "val, event" }, { "name": "click-input", "description": "点击输入区域时触发", "description_zh": "点击输入区域时触发", "params": "event" }, { "name": "click-left-icon", "description": "点击左侧图标时触发", "description_zh": "点击左侧图标时触发", "params": "val, event" }, { "name": "click-right-icon", "description": "点击右侧图标时触发", "description_zh": "点击右侧图标时触发", "params": "val, event" } ], "methods": [], "slots": [ { "name": "leftin", "description": "输入框内 左 icon", "description_zh": "输入框内 左 icon" }, { "name": "leftout", "description": "输入框外 左 icon", "description_zh": "输入框外 左 icon" }, { "name": "rightin", "description": "输入框内 右 icon", "description_zh": "输入框内 右 icon" }, { "name": "rightout", "description": "输入框外 右 icon", "description_zh": "输入框外 右 icon" } ], "filename": "Searchbar", "suggestions": [] }, { "name": "NutShortPassword", "description": "短密码输入框，可用于输入密码、短信验证码等", "description_zh": "短密码输入框，可用于输入密码、短信验证码等", "tag": "短密码", "props": { "v-model": { "default": "", "value": "", "type": "string", "description": "密码初始值", "isRequired": false, "description_zh": "密码初始值" }, "v-model:visible": { "default": "false", "value": "", "type": "boolean", "description": "是否展示短密码框", "isRequired": false, "description_zh": "是否展示短密码框" }, "title": { "default": "请输入密码", "value": "", "type": "string", "description": "标题", "isRequired": false, "description_zh": "标题" }, "desc": { "default": "您使用了虚拟资产，请进行验证", "value": "", "type": "string", "description": "密码框描述", "isRequired": false, "description_zh": "密码框描述" }, "tips": { "default": "忘记密码", "value": "", "type": "string", "description": "提示语", "isRequired": false, "description_zh": "提示语" }, "close-on-click-overlay": { "default": "true", "value": "", "type": "boolean", "description": "是否点击遮罩关闭", "isRequired": false, "description_zh": "是否点击遮罩关闭" }, "length": { "default": "6", "value": "", "type": "string | number", "description": "密码长度，取值为 4~6", "isRequired": false, "description_zh": "密码长度，取值为 4~6" }, "error-msg": { "default": "''", "value": "", "type": "string", "description": "错误信息提示", "isRequired": false, "description_zh": "错误信息提示" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/shortpassword", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/shortpassword", "typeDetail": {}, "events": [ { "name": "close", "description": "点击关闭图标时触发事件", "description_zh": "点击关闭图标时触发事件", "params": "-" }, { "name": "complete", "description": "输入完成的回调", "description_zh": "输入完成的回调", "params": "value:string" }, { "name": "focus", "description": "输入框聚焦时触发", "description_zh": "输入框聚焦时触发", "params": "-" } ], "methods": [], "slots": [], "filename": "ShortPassword", "suggestions": [] }, { "name": "NutTextarea", "description": "文本框内输入或编辑文字，支持限制输入数量。", "description_zh": "文本框内输入或编辑文字，支持限制输入数量。", "tag": "文本域", "props": { "v-model": { "default": "-", "value": "", "type": "string", "description": "输入值，支持双向绑定", "isRequired": false, "description_zh": "输入值，支持双向绑定" }, "placeholder": { "default": "请输入", "value": "", "type": "string", "description": "设置占位提示文字", "isRequired": false, "description_zh": "设置占位提示文字" }, "max-length": { "default": "-", "value": "", "type": "string | number", "description": "限制最长输入字符", "isRequired": false, "description_zh": "限制最长输入字符" }, "rows": { "default": "2", "value": "", "type": "string | number", "description": "textarea 的高度，优先级高于 autosize 属性 仅支持 H5", "isRequired": false, "description_zh": "textarea 的高度，优先级高于 autosize 属性 仅支持 H5" }, "limit-show": { "default": "false", "value": "", "type": "boolean", "description": "textarea 是否展示输入字符。须配合max-length使用", "isRequired": false, "description_zh": "textarea 是否展示输入字符。须配合max-length使用" }, "autosize": { "default": "false", "value": "", "type": "boolean | {maxHeight?: number; minHeight?: number}", "description": "是否自适应内容高度，也可传入对象, 如 { maxHeight: 200, minHeight: 100 }，单位为 px", "isRequired": false, "description_zh": "是否自适应内容高度，也可传入对象, 如 { maxHeight: 200, minHeight: 100 }，单位为 px" }, "text-align": { "default": "left", "value": "", "type": "string", "description": "文本位置,可选值left,center,right", "isRequired": false, "description_zh": "文本位置,可选值left,center,right" }, "readonly": { "default": "false", "value": "", "type": "boolean", "description": "只读属性", "isRequired": false, "description_zh": "只读属性" }, "disabled": { "default": "false", "value": "", "type": "boolean", "description": "禁用属性", "isRequired": false, "description_zh": "禁用属性" }, "autofocus": { "default": "false", "value": "", "type": "boolean", "description": "自动获取焦点", "isRequired": false, "description_zh": "自动获取焦点" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/textarea", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/textarea", "typeDetail": {}, "events": [ { "name": "change", "description": "输入框值改变时触发", "description_zh": "输入框值改变时触发", "params": "value" }, { "name": "focus", "description": "聚焦时触发", "description_zh": "聚焦时触发", "params": "event" }, { "name": "blur", "description": "失焦时触发", "description_zh": "失焦时触发", "params": "value,event" } ], "methods": [], "slots": [], "filename": "Textarea", "suggestions": [] }, { "name": "NutUploader", "description": "用于将本地的图片或文件上传至服务器。", "description_zh": "用于将本地的图片或文件上传至服务器。", "tag": "上传", "props": { "auto-upload": { "default": "true", "value": "", "type": "boolean", "description": "是否在选取文件后立即进行上传，false 时需要手动执行 ref submit 方法进行上传", "isRequired": false, "description_zh": "是否在选取文件后立即进行上传，false 时需要手动执行 ref submit 方法进行上传" }, "name": { "default": "\"file\"", "value": "", "type": "string", "description": "input 标签 name 的名称，发到后台的文件参数名", "isRequired": false, "description_zh": "input 标签 name 的名称，发到后台的文件参数名" }, "url": { "default": "-", "value": "", "type": "string", "description": "上传服务器的接口地址", "isRequired": false, "description_zh": "上传服务器的接口地址" }, "v-model:file-list": { "default": "[]", "value": "", "type": "FileItem[]", "description": "默认已经上传的文件列表", "isRequired": false, "description_zh": "默认已经上传的文件列表" }, "is-preview": { "default": "true", "value": "", "type": "boolean", "description": "是否上传成功后展示预览图", "isRequired": false, "description_zh": "是否上传成功后展示预览图" }, "is-deletable": { "default": "true", "value": "", "type": "boolean", "description": "是否展示删除按钮", "isRequired": false, "description_zh": "是否展示删除按钮" }, "method": { "default": "\"post\"", "value": "", "type": "string", "description": "上传请求的 http method", "isRequired": false, "description_zh": "上传请求的 http method" }, "list-type": { "default": "\"picture\"", "value": "", "type": "string", "description": "上传列表的内建样式，支持两种基础样式 picture、list", "isRequired": false, "description_zh": "上传列表的内建样式，支持两种基础样式 picture、list" }, "capture": { "default": "false", "value": "", "type": "string", "description": "图片选取模式，直接调起摄像头", "isRequired": false, "description_zh": "图片选取模式，直接调起摄像头" }, "maximize": { "default": "Number.MAX_VALUE", "value": "", "type": "number | string", "description": "可以设定最大上传文件的大小（字节）", "isRequired": false, "description_zh": "可以设定最大上传文件的大小（字节）" }, "maximum": { "default": "1", "value": "", "type": "number | string", "description": "文件上传数量限制", "isRequired": false, "description_zh": "文件上传数量限制" }, "clear-input": { "default": "true", "value": "", "type": "boolean", "description": "是否需要清空input内容，设为true支持重复选择上传同一个文件", "isRequired": false, "description_zh": "是否需要清空input内容，设为true支持重复选择上传同一个文件" }, "accept": { "default": "* ", "value": "", "type": "string", "description": "允许上传的文件类型，详细说明", "isRequired": false, "description_zh": "允许上传的文件类型，详细说明" }, ":headers": { "default": "{}", "value": "", "type": "object", "description": "设置上传的请求头部", "isRequired": false, "description_zh": "设置上传的请求头部" }, ":data": { "default": "{}", "value": "", "type": "object", "description": "附加上传的信息 formData", "isRequired": false, "description_zh": "附加上传的信息 formData" }, ":xhr-state": { "default": "200", "value": "", "type": "number", "description": "接口响应的成功状态（status）值", "isRequired": false, "description_zh": "接口响应的成功状态（status）值" }, "with-credentials": { "default": "false", "value": "", "type": "boolean", "description": "支持发送 cookie 凭证信息", "isRequired": false, "description_zh": "支持发送 cookie 凭证信息" }, "multiple": { "default": "false", "value": "", "type": "boolean", "description": "是否支持文件多选", "isRequired": false, "description_zh": "是否支持文件多选" }, "disabled": { "default": "false", "value": "", "type": "boolean", "description": "是否禁用文件上传", "isRequired": false, "description_zh": "是否禁用文件上传" }, "timeout": { "default": "1000 * 30", "value": "", "type": "number | string", "description": "超时时间，单位为毫秒", "isRequired": false, "description_zh": "超时时间，单位为毫秒" }, "before-upload": { "default": "null", "value": "", "type": "Function", "description": "上传前的函数需要返回一个Promise对象", "isRequired": false, "description_zh": "上传前的函数需要返回一个Promise对象" }, "before-xhr-upload": { "default": "null", "value": "", "type": "Function(xhr，option)", "description": "执行 XHR 上传时，自定义方式", "isRequired": false, "description_zh": "执行 XHR 上传时，自定义方式" }, "before-delete": { "default": "-", "value": "", "type": "Function(file,fileList): boolean 丨Promise", "description": "除文件时的回调，返回值为 false 时不移除。支持返回一个 Promise 对象，Promise 对象 resolve(false) 或 reject 时不移除", "isRequired": false, "description_zh": "除文件时的回调，返回值为 false 时不移除。支持返回一个 Promise 对象，Promise 对象 resolve(false) 或 reject 时不移除" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/uploader", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/uploader", "typeDetail": { "FileItem": [ { "name": "status", "detail": "文件状态值，可选 ready,uploading,success,error", "type": "ready" }, { "name": "uid", "detail": "文件的唯一标识", "type": "new Date().getTime().toString()" }, { "name": "name", "detail": "文件名称", "type": "-" }, { "name": "url", "detail": "文件路径", "type": "-" }, { "name": "type", "detail": "文件类型", "type": "\"image/jpeg\"" }, { "name": "formData", "detail": "上传所需的 data", "type": "new FormData() " }, { "name": "percentage", "detail": "上传百分比", "type": "0" } ] }, "events": [ { "name": "start", "description": "文件上传开始", "description_zh": "文件上传开始", "params": "options" }, { "name": "progress", "description": "文件上传的进度", "description_zh": "文件上传的进度", "params": "{event,option,percentage}" }, { "name": "oversize", "description": "文件大小超过限制时触发", "description_zh": "文件大小超过限制时触发", "params": "files" }, { "name": "success", "description": "上传成功", "description_zh": "上传成功", "params": "{responseText,option,fileItem}" }, { "name": "failure", "description": "上传失败", "description_zh": "上传失败", "params": "{responseText,option,fileItem}" }, { "name": "change", "description": "上传文件改变时的状态", "description_zh": "上传文件改变时的状态", "params": "{fileList,event}" }, { "name": "delete", "description": "文件删除事件", "description_zh": "文件删除事件", "params": "{files,fileList,index}" }, { "name": "file-item-click", "description": "文件上传成功后点击触发", "description_zh": "文件上传成功后点击触发", "params": "{fileItem}" } ], "methods": [], "slots": [ { "name": "default", "description": "默认插槽自定义内容", "description_zh": "默认插槽自定义内容" }, { "name": "upload-icon", "description": "自定义上传按钮中间icon区域", "description_zh": "自定义上传按钮中间icon区域" }, { "name": "delete-icon", "description": "自定义右上角删除按钮区域", "description_zh": "自定义右上角删除按钮区域" } ], "filename": "Uploader", "suggestions": [] }, { "name": "NutActionSheet", "description": "从底部弹出的动作菜单面板。", "description_zh": "从底部弹出的动作菜单面板。", "tag": "动作面板", "props": { "v-model:visible": { "default": "false", "value": "", "type": "boolean", "description": "是否展示动作面板", "isRequired": false, "description_zh": "是否展示动作面板" }, "menu-items": { "default": "[ ] ", "value": "", "type": "MenuItems[]", "description": "列表项", "isRequired": false, "description_zh": "列表项" }, "option-tag": { "default": "'name'", "value": "", "type": "string", "description": "设置列表项标题展示使用参数", "isRequired": false, "description_zh": "设置列表项标题展示使用参数" }, "option-sub-tag": { "default": "'subname'", "value": "", "type": "string", "description": "设置列表项二级标题展示使用参数", "isRequired": false, "description_zh": "设置列表项二级标题展示使用参数" }, "choose-tag-value": { "default": "‘’", "value": "", "type": "string", "description": "设置选中项的值，和 'option-tag' 的值对应", "isRequired": false, "description_zh": "设置选中项的值，和 'option-tag' 的值对应" }, "color": { "default": "'#ee0a24'", "value": "", "type": "string", "description": "选中项颜色，当 choose-tag-value == option-tag 的值 生效", "isRequired": false, "description_zh": "选中项颜色，当 choose-tag-value == option-tag 的值 生效" }, "title": { "default": "''", "value": "", "type": "string", "description": "设置列表项标题", "isRequired": false, "description_zh": "设置列表项标题" }, "description": { "default": "''", "value": "", "type": "string", "description": "设置列表项副标题/描述", "isRequired": false, "description_zh": "设置列表项副标题/描述" }, "cancel-txt": { "default": "'取消'", "value": "", "type": "string", "description": "取消文案", "isRequired": false, "description_zh": "取消文案" }, "close-abled": { "default": "true", "value": "", "type": "boolean", "description": "遮罩层是否可关闭", "isRequired": false, "description_zh": "遮罩层是否可关闭" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/actionsheet", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/actionsheet", "typeDetail": { "MenuItems": [ { "name": "name", "detail": "标题", "type": "string" }, { "name": "subname", "detail": "二级标题", "type": "string" }, { "name": "color", "detail": "选项字体颜色（选中项颜色层级>选项字体颜色）", "type": "string" }, { "name": "loading", "detail": "是否为 loading 状态", "type": "boolean" }, { "name": "disable", "detail": "是否为禁用状态", "type": "boolean" } ] }, "events": [ { "name": "choose", "description": "选择之后触发", "description_zh": "选择之后触发", "params": "选中列表项 item, 选中的索引值 index" }, { "name": "cancel", "description": "点击取消文案时触发", "description_zh": "点击取消文案时触发", "params": "-" }, { "name": "close", "description": "点击遮罩层时触发", "description_zh": "点击遮罩层时触发", "params": "event: Event" } ], "methods": [], "slots": [], "filename": "ActionSheet", "suggestions": [] }, { "name": "NutAudio", "description": "用于音频播放", "description_zh": "用于音频播放", "tag": "音频播放器", "props": { "url": { "default": "''", "value": "", "type": "string", "description": "语音播放的连接", "isRequired": false, "description_zh": "语音播放的连接" }, "muted": { "default": "false", "value": "", "type": "boolean", "description": "是否静音", "isRequired": false, "description_zh": "是否静音" }, "autoplay": { "default": "false", "value": "", "type": "boolean", "description": "是否自动播放", "isRequired": false, "description_zh": "是否自动播放" }, "loop": { "default": "false", "value": "", "type": "boolean", "description": "是否循环播放", "isRequired": false, "description_zh": "是否循环播放" }, "preload": { "default": "auto", "value": "", "type": "string", "description": "是否预加载语音", "isRequired": false, "description_zh": "是否预加载语音" }, "type": { "default": "progress", "value": "", "type": "string", "description": "展示形式，可选值：controls 控制面板 progress 进度条 icon 图标 none 自定义", "isRequired": false, "description_zh": "展示形式，可选值：controls 控制面板 progress 进度条 icon 图标 none 自定义" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/audio", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/audio", "typeDetail": {}, "events": [ { "name": "fast-back", "description": "触发语音快退", "description_zh": "触发语音快退", "params": "返回当前播放时长（单位：毫秒）" }, { "name": "forward", "description": "触发语音快进", "description_zh": "触发语音快进", "params": "返回当前播放时长（单位：毫秒）" }, { "name": "play", "description": "触发播放/暂停语音", "description_zh": "触发播放/暂停语音", "params": "返回当前播放状态" }, { "name": "ended", "description": "语音播放完成，当 loop == false 时生效", "description_zh": "语音播放完成，当 loop == false 时生效", "params": "——" }, { "name": "mute", "description": "触发静音", "description_zh": "触发静音", "params": "——" }, { "name": "change-progress", "description": "当进度条改变时触发", "description_zh": "当进度条改变时触发", "params": "返回当前播放时长（单位：毫秒）" }, { "name": "can-play", "description": "当可以播放媒体文件时触发", "description_zh": "当可以播放媒体文件时触发", "params": "event: Event" } ], "methods": [], "slots": [], "filename": "Audio", "suggestions": [] }, { "name": "NutBacktop", "description": "提供较长的页面快捷返回顶部功能。", "description_zh": "提供较长的页面快捷返回顶部功能。", "tag": "返回顶部", "props": { "el-id": { "default": "-", "value": "", "type": "string", "description": "获取监听元素的父级元素", "isRequired": false, "description_zh": "获取监听元素的父级元素" }, ":bottom": { "default": "20", "value": "", "type": "number", "description": "距离页面底部距离", "isRequired": false, "description_zh": "距离页面底部距离" }, ":right": { "default": "10", "value": "", "type": "number", "description": "距离页面右侧距离", "isRequired": false, "description_zh": "距离页面右侧距离" }, ":distance": { "default": "200", "value": "", "type": "number", "description": "页面垂直滚动多高后出现", "isRequired": false, "description_zh": "页面垂直滚动多高后出现" }, ":z-index": { "default": "10", "value": "", "type": "number", "description": "设置组件页面层级", "isRequired": false, "description_zh": "设置组件页面层级" }, "is-animation": { "default": "true", "value": "", "type": "boolean", "description": "是否有动画,和 duration 参数互斥", "isRequired": false, "description_zh": "是否有动画,和 duration 参数互斥" }, ":duration": { "default": "1000", "value": "", "type": "number", "description": "设置动画持续时间", "isRequired": false, "description_zh": "设置动画持续时间" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/backtop", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/backtop", "typeDetail": {}, "events": [ { "name": "click", "description": "按钮点击时触发事件", "description_zh": "按钮点击时触发事件", "params": "event: MouseEvent" } ], "methods": [], "slots": [ { "name": "default", "description": "默认 slot，用以自定义内容", "description_zh": "默认 slot，用以自定义内容" } ], "filename": "Backtop", "suggestions": [] }, { "name": "NutDialog", "description": "模态对话框，在浮层中显示，引导用户进行相关操作，常用于消息提示、消息确认，或在当前页面内完成特定的交互操作。", "description_zh": "模态对话框，在浮层中显示，引导用户进行相关操作，常用于消息提示、消息确认，或在当前页面内完成特定的交互操作。", "tag": "对话框", "props": { "title": { "default": "-", "value": "", "type": "string", "description": "标题", "isRequired": false, "description_zh": "标题" }, "content": { "default": "", "value": "", "type": "string | VNode", "description": "内容，支持 HTML 和组件", "isRequired": false, "description_zh": "内容，支持 HTML 和组件" }, "teleport": { "default": "\"body\"", "value": "", "type": "string", "description": "指定挂载节点", "isRequired": false, "description_zh": "指定挂载节点" }, "close-on-click-overlay": { "default": "true", "value": "", "type": "boolean", "description": "点击蒙层是否关闭对话框", "isRequired": false, "description_zh": "点击蒙层是否关闭对话框" }, "no-footer": { "default": "false", "value": "", "type": "boolean", "description": "是否隐藏底部按钮栏", "isRequired": false, "description_zh": "是否隐藏底部按钮栏" }, "no-ok-btn": { "default": "false", "value": "", "type": "boolean", "description": "是否隐藏确定按钮", "isRequired": false, "description_zh": "是否隐藏确定按钮" }, "no-cancel-btn": { "default": "false", "value": "", "type": "boolean", "description": "是否隐藏取消按钮", "isRequired": false, "description_zh": "是否隐藏取消按钮" }, "cancel-text": { "default": "”取消“", "value": "", "type": "string", "description": "取消按钮文案", "isRequired": false, "description_zh": "取消按钮文案" }, "ok-text": { "default": "”确 定“", "value": "", "type": "string", "description": "确定按钮文案", "isRequired": false, "description_zh": "确定按钮文案" }, "cancel-auto-close": { "default": "true", "value": "", "type": "boolean", "description": "取消按钮是否默认关闭弹窗", "isRequired": false, "description_zh": "取消按钮是否默认关闭弹窗" }, "ok-auto-close4.2.1": { "default": "true", "value": "", "type": "boolean", "description": "确认按钮是否默认关闭弹窗", "isRequired": false, "description_zh": "确认按钮是否默认关闭弹窗" }, "text-align": { "default": "\"center\"", "value": "", "type": "string", "description": "文字对齐方向，可选值同 css 的 text-align", "isRequired": false, "description_zh": "文字对齐方向，可选值同 css 的 text-align" }, "close-on-popstate": { "default": "false", "value": "", "type": "boolean", "description": "是否在页面回退时自动关闭", "isRequired": false, "description_zh": "是否在页面回退时自动关闭" }, "lock-scroll": { "default": "true", "value": "", "type": "boolean", "description": "背景是否锁定", "isRequired": false, "description_zh": "背景是否锁定" }, "footer-direction": { "default": "horizontal", "value": "", "type": "string", "description": "使用横纵方向 可选值 horizontal、vertical", "isRequired": false, "description_zh": "使用横纵方向 可选值 horizontal、vertical" }, "overlay-class": { "default": "-", "value": "", "type": "string", "description": "自定义遮罩类名", "isRequired": false, "description_zh": "自定义遮罩类名" }, ":overlay-style": { "default": "-", "value": "", "type": "CSSProperties", "description": "自定义遮罩样式", "isRequired": false, "description_zh": "自定义遮罩样式" }, "pop-class": { "default": "-", "value": "", "type": "string", "description": "自定义 popup 弹框类名", "isRequired": false, "description_zh": "自定义 popup 弹框类名" }, ":pop-style": { "default": "-", "value": "", "type": "CSSProperties", "description": "自定义 popup 弹框样式", "isRequired": false, "description_zh": "自定义 popup 弹框样式" }, "custom-class": { "default": "-", "value": "", "type": "string", "description": "自定义 class", "isRequired": false, "description_zh": "自定义 class" }, "before-close": { "default": "-", "value": "", "type": "Function(action: string)", "description": "关闭前的回调函数，返回 false 可阻止关闭，支持返回 Promise", "isRequired": false, "description_zh": "关闭前的回调函数，返回 false 可阻止关闭，支持返回 Promise" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/dialog", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/dialog", "typeDetail": {}, "events": [ { "name": "ok", "description": "确定按钮回调", "description_zh": "确定按钮回调", "params": "Function" }, { "name": "cancel", "description": "取消按钮回调", "description_zh": "取消按钮回调", "params": "Function" }, { "name": "closed", "description": "关闭弹框回调", "description_zh": "关闭弹框回调", "params": "Function" }, { "name": "opened", "description": "打开弹框回调", "description_zh": "打开弹框回调", "params": "Function" } ], "methods": [], "slots": [ { "name": "header", "description": "自定义标题区域", "description_zh": "自定义标题区域" }, { "name": "default", "description": "自定义内容", "description_zh": "自定义内容" }, { "name": "footer", "description": "自定义底部按钮区域", "description_zh": "自定义底部按钮区域" } ], "filename": "Dialog", "suggestions": [] }, { "name": "NutDrag", "description": "实现可拖拽的任意元素", "description_zh": "实现可拖拽的任意元素", "tag": "拖拽", "props": { "attract": { "default": "false", "value": "", "type": "boolean", "description": "是否开启自动吸边（根据 screenWidth 进行吸边）", "isRequired": false, "description_zh": "是否开启自动吸边（根据 screenWidth 进行吸边）" }, "direction": { "default": "all", "value": "", "type": "string", "description": "拖拽元素的拖拽方向限制，x、y、all", "isRequired": false, "description_zh": "拖拽元素的拖拽方向限制，x、y、all" }, ":boundary": { "default": "{top: 0,left: 0,right: 0,bottom: 0}", "value": "", "type": "object", "description": "拖拽元素的拖拽边界", "isRequired": false, "description_zh": "拖拽元素的拖拽边界" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/drag", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/drag", "typeDetail": {}, "events": [], "methods": [], "slots": [], "filename": "Drag", "suggestions": [] }, { "name": "NutInfiniteLoading", "description": "列表滚动到底部自动加载更多数据。", "description_zh": "列表滚动到底部自动加载更多数据。", "tag": "滚动加载", "props": { "v-model": { "default": "false", "value": "", "type": "boolean", "description": "是否触发滚动加载", "isRequired": false, "description_zh": "是否触发滚动加载" }, "has-more": { "default": "true", "value": "", "type": "boolean", "description": "是否还有更多数据", "isRequired": false, "description_zh": "是否还有更多数据" }, ":threshold": { "default": "200", "value": "", "type": "number", "description": "滚动条与底部距离小于 threshold 时触发 loadMore 事件", "isRequired": false, "description_zh": "滚动条与底部距离小于 threshold 时触发 loadMore 事件" }, "use-capture": { "default": "false", "value": "", "type": "boolean", "description": "是否使用捕获模式 true 捕获 false 冒泡", "isRequired": false, "description_zh": "是否使用捕获模式 true 捕获 false 冒泡" }, "load-more-txt": { "default": "'哎呀，这里是底部了啦'", "value": "", "type": "string", "description": "“没有更多数据” 展示文案", "isRequired": false, "description_zh": "“没有更多数据” 展示文案" }, "load-txt": { "default": "加载中...", "value": "", "type": "string", "description": "上拉加载提示文案", "isRequired": false, "description_zh": "上拉加载提示文案" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/infiniteloading", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/infiniteloading", "typeDetail": {}, "events": [ { "name": "load-more", "description": "继续加载的回调函数", "description_zh": "继续加载的回调函数", "params": "-" }, { "name": "scroll-change", "description": "实时监听滚动高度", "description_zh": "实时监听滚动高度", "params": "滚动高度" } ], "methods": [], "slots": [ { "name": "default", "description": "自定义加载内容", "description_zh": "自定义加载内容" }, { "name": "loading", "description": "自定义底部加载中提示", "description_zh": "自定义底部加载中提示" }, { "name": "loading-icon", "description": "自定义底部加载中图标", "description_zh": "自定义底部加载中图标" }, { "name": "finished", "description": "自定义加载完成后的提示文案", "description_zh": "自定义加载完成后的提示文案" } ], "filename": "InfiniteLoading", "suggestions": [] }, { "name": "NutNotify", "description": "在页面顶部展示消息提示", "description_zh": "在页面顶部展示消息提示", "tag": "消息通知", "props": { "type": { "default": "danger", "value": "", "type": "string", "description": "提示的信息类型，可选值为primary、success、danger、warning", "isRequired": false, "description_zh": "提示的信息类型，可选值为primary、success、danger、warning" }, "visible": { "default": "false", "value": "", "type": "boolean", "description": "显示与否", "isRequired": false, "description_zh": "显示与否" }, "msg": { "default": "''", "value": "", "type": "string", "description": "展示文案，支持通过\\n换行", "isRequired": false, "description_zh": "展示文案，支持通过\\n换行" }, ":duration": { "default": "3000", "value": "", "type": "number", "description": "展示时长(ms)，值为 0 时，notify 不会消失", "isRequired": false, "description_zh": "展示时长(ms)，值为 0 时，notify 不会消失" }, "color": { "default": "''", "value": "", "type": "string", "description": "字体颜色", "isRequired": false, "description_zh": "字体颜色" }, "background": { "default": "''", "value": "", "type": "string", "description": "背景样式", "isRequired": false, "description_zh": "背景样式" }, "class-name": { "default": "1", "value": "", "type": "string | number", "description": "自定义类名", "isRequired": false, "description_zh": "自定义类名" }, "position": { "default": "top", "value": "", "type": "string", "description": "自定义位置，可选值为 top bottom left right center", "isRequired": false, "description_zh": "自定义位置，可选值为 top bottom left right center" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/notify", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/notify", "typeDetail": {}, "events": [ { "name": "click", "description": "点击事件回调", "description_zh": "点击事件回调", "params": "-" }, { "name": "closed", "description": "关闭事件回调", "description_zh": "关闭事件回调", "params": "-" } ], "methods": [], "slots": [], "filename": "Notify", "suggestions": [] }, { "name": "NutPullRefresh", "description": "用于提供下拉刷新的交互操作。", "description_zh": "用于提供下拉刷新的交互操作。", "tag": "下拉刷新", "props": { "v-model": { "default": "false", "value": "", "type": "boolean", "description": "是否触发下拉刷新", "isRequired": false, "description_zh": "是否触发下拉刷新" }, "pull-distance": { "default": "50", "value": "", "type": "number | string", "description": "触发下拉刷新的距离", "isRequired": false, "description_zh": "触发下拉刷新的距离" }, "head-height": { "default": "50", "value": "", "type": "number | string", "description": "顶部内容高度", "isRequired": false, "description_zh": "顶部内容高度" }, "loading-icon": { "default": "loading", "value": "", "type": "string", "description": "加载中状态时，loading 图标。为空表示去掉", "isRequired": false, "description_zh": "加载中状态时，loading 图标。为空表示去掉" }, "pulling-txt": { "default": "下拉刷新", "value": "", "type": "string", "description": "下拉过程提示文案", "isRequired": false, "description_zh": "下拉过程提示文案" }, "loosing-txt": { "default": "释放刷新", "value": "", "type": "string", "description": "释放过程提示文案", "isRequired": false, "description_zh": "释放过程提示文案" }, "loading-txt": { "default": "加载中...", "value": "", "type": "string", "description": "加载过程提示文案", "isRequired": false, "description_zh": "加载过程提示文案" }, "complete-txt": { "default": "刷新成功", "value": "", "type": "string", "description": "加载完成提示文案", "isRequired": false, "description_zh": "加载完成提示文案" }, ":complete-duration": { "default": "0", "value": "", "type": "number", "description": "加载完成时显示文字的持续时间(毫秒),为0时不展示加载完成文案", "isRequired": false, "description_zh": "加载完成时显示文字的持续时间(毫秒),为0时不展示加载完成文案" }, ":duration": { "default": "0.3 ", "value": "", "type": "number", "description": "下拉动画加载时长", "isRequired": false, "description_zh": "下拉动画加载时长" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/pullrefresh", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/pullrefresh", "typeDetail": {}, "events": [ { "name": "change", "description": "下拉过程或状态改变时触发", "description_zh": "下拉过程或状态改变时触发", "params": "{status:string,distance:number}" }, { "name": "refresh", "description": "下拉刷新事件回调", "description_zh": "下拉刷新事件回调", "params": "-" } ], "methods": [], "slots": [ { "name": "pulling", "description": "下拉过程的顶部内容", "description_zh": "下拉过程的顶部内容" }, { "name": "loosing", "description": "释放过程中顶部内容", "description_zh": "释放过程中顶部内容" }, { "name": "loading", "description": "加载过程中顶部内容", "description_zh": "加载过程中顶部内容" }, { "name": "complete", "description": "完成时头部的内容", "description_zh": "完成时头部的内容" }, { "name": "default", "description": "自定义内容", "description_zh": "自定义内容" } ], "filename": "PullRefresh", "suggestions": [] }, { "name": "NutSwipe", "description": "介绍", "description_zh": "介绍", "tag": "滑动手势", "props": { "name": { "default": "-", "value": "", "type": "string", "description": "唯一标识", "isRequired": false, "description_zh": "唯一标识" }, "disabled": { "default": "false", "value": "", "type": "string", "description": "是否禁用滑动", "isRequired": false, "description_zh": "是否禁用滑动" }, "touch-move-prevent-default": { "default": "false", "value": "", "type": "boolean", "description": "是否阻止滑动事件行为", "isRequired": false, "description_zh": "是否阻止滑动事件行为" }, "touch-move-stop-propagation": { "default": "false", "value": "", "type": "boolean", "description": "是否阻止滑动事件冒泡", "isRequired": false, "description_zh": "是否阻止滑动事件冒泡" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/swipe", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/swipe", "typeDetail": {}, "events": [ { "name": "click", "description": "点击事件", "description_zh": "点击事件", "params": "name, position: 'left' | 'content' | 'right'" }, { "name": "open", "description": "滑动时触发，left 指向左滑，right 指向右滑", "description_zh": "滑动时触发，left 指向左滑，right 指向右滑", "params": "name, position: 'left' | 'right'" }, { "name": "close", "description": "关闭时触发，同上", "description_zh": "关闭时触发，同上", "params": "name, position: 'left' | 'right'" } ], "methods": [ { "name": "open", "description": "name, position: 'left' | 'right'", "params": "滑动单元格侧边栏，left 指向左滑，right 指向右滑", "description_zh": "name, position: 'left' | 'right'" }, { "name": "close", "description": "name, position: 'left' | 'right'", "params": "收起单元格侧边栏，同上", "description_zh": "name, position: 'left' | 'right'" } ], "slots": [ { "name": "left", "description": "左侧滑动内容", "description_zh": "左侧滑动内容" }, { "name": "default", "description": "自定义内容", "description_zh": "自定义内容" }, { "name": "right", "description": "右侧滑动内容", "description_zh": "右侧滑动内容" } ], "filename": "Swipe", "suggestions": [] }, { "name": "NutSwipeGroup", "description": "介绍", "description_zh": "介绍", "tag": "滑动手势", "props": { "lock": { "default": "false", "value": "", "type": "boolean", "description": "控制内部 Swipe 互斥，即滑动打开某一个 Swipe 时，触发其余 Swipe 的 close 方法", "isRequired": false, "description_zh": "控制内部 Swipe 互斥，即滑动打开某一个 Swipe 时，触发其余 Swipe 的 close 方法" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/swipe", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/swipe", "typeDetail": {}, "events": [], "methods": [], "slots": [], "filename": "SwipeGroup", "suggestions": [] }, { "name": "NutSwitch", "description": "用来打开或关闭选项。", "description_zh": "用来打开或关闭选项。", "tag": "开关", "props": { "v-model": { "default": "false", "value": "", "type": "boolean | string | number", "description": "开关状态", "isRequired": false, "description_zh": "开关状态" }, "disabled": { "default": "false", "value": "", "type": "boolean", "description": "禁用状态", "isRequired": false, "description_zh": "禁用状态" }, "loading": { "default": "false", "value": "", "type": "boolean", "description": "加载状态", "isRequired": false, "description_zh": "加载状态" }, "active-color": { "default": "#fa2c19", "value": "", "type": "string", "description": "打开时的背景颜色", "isRequired": false, "description_zh": "打开时的背景颜色" }, "inactive-color": { "default": "#ebebeb", "value": "", "type": "string", "description": "关闭时的背景颜色", "isRequired": false, "description_zh": "关闭时的背景颜色" }, "active-text": { "default": "-", "value": "", "type": "string", "description": "打开时文字描述", "isRequired": false, "description_zh": "打开时文字描述" }, "inactive-text": { "default": "-", "value": "", "type": "string", "description": "关闭时文字描述", "isRequired": false, "description_zh": "关闭时文字描述" }, "active-value": { "default": "true", "value": "", "type": "boolean ｜ string ｜ number", "description": "打开时组件的值", "isRequired": false, "description_zh": "打开时组件的值" }, "inactive-value": { "default": "false", "value": "", "type": "boolean ｜ string ｜ number", "description": "关闭组件的值", "isRequired": false, "description_zh": "关闭组件的值" }, "disable": { "default": "false", "value": "", "type": "boolean", "description": "禁用状态", "isRequired": false, "description_zh": "禁用状态" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/switch", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/switch", "typeDetail": {}, "events": [ { "name": "change", "description": "切换开关时触发", "description_zh": "切换开关时触发", "params": "(value: boolean,event: Event)" } ], "methods": [], "slots": [ { "name": "icon", "description": "loading 状态图标", "description_zh": "loading 状态图标" } ], "filename": "Switch", "suggestions": [] }, { "name": "NutToast", "description": "用于轻提示。", "description_zh": "用于轻提示。", "tag": "吐司", "props": {}, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/toast", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/toast", "typeDetail": { "ToastOptions": [ { "name": "id", "detail": "标识符，相同时共用一个实例，默认为多个实例", "type": "string | number" }, { "name": "duration", "detail": "展示时长（毫秒）值为 0 时，toast 不会自动消失", "type": "number" }, { "name": "title", "detail": "标题", "type": "string" }, { "name": "center", "detail": "是否展示在页面中部（为 false 时展示在底部）", "type": "boolean" }, { "name": "bottom", "detail": "距页面底部的距离（像素或者百分比），option.center 为 false 时生效", "type": "string" }, { "name": "text-align-center", "detail": "多行文案是否居中", "type": "boolean" }, { "name": "bg-color", "detail": "背景颜色（透明度）", "type": "string" }, { "name": "custom-class", "detail": "自定义类名", "type": "string" }, { "name": "icon", "detail": "自定义图标，直接传入 Component 或者 h 函数", "type": "Component" }, { "name": "size", "detail": "文案尺寸，small/base/large三选一", "type": "string" }, { "name": "cover", "detail": "是否显示遮罩层", "type": "boolean" }, { "name": "cover-color", "detail": "遮罩层颜色，默认透明", "type": "string" }, { "name": "loading-rotate", "detail": "loading 图标是否旋转，仅对 loading 类型生效", "type": "boolean" }, { "name": "close", "detail": "关闭时触发的事件", "type": "function" }, { "name": "close-on-click-overlay", "detail": "是否在点击遮罩层后关闭提示", "type": "boolean" }, { "name": "custom-class", "detail": "提示框 class", "type": "string" } ] }, "events": [], "methods": [ { "name": "showToast.text", "description": "message ｜ options", "params": "展示文字提示", "description_zh": "message ｜ options" }, { "name": "showToast.success", "description": "message ｜ options", "params": "展示成功提示", "description_zh": "message ｜ options" }, { "name": "showToast.fail", "description": "message ｜ options", "params": "展示失败提示", "description_zh": "message ｜ options" }, { "name": "showToast.warn", "description": "message ｜ options", "params": "展示警告提示", "description_zh": "message ｜ options" }, { "name": "showToast.hide", "description": "默认关闭所有实例，可传 id 关闭指定实例", "params": "关闭提示", "description_zh": "默认关闭所有实例，可传 id 关闭指定实例" }, { "name": "showToast.loading", "description": "message ｜ options", "params": "展示加载提示", "description_zh": "message ｜ options" } ], "slots": [], "filename": "Toast", "suggestions": [] }, { "name": "NutAnimate", "description": "给子元素添加动画效果", "description_zh": "给子元素添加动画效果", "tag": "动画/动效", "props": { "show": { "default": "false", "value": "", "type": "boolean", "description": "控制动画，当值从 false 变为 true 时会触发一次动画", "isRequired": false, "description_zh": "控制动画，当值从 false 变为 true 时会触发一次动画" }, "type": { "default": "-", "value": "", "type": "string", "description": "动画类型，见下方 type 值说明", "isRequired": false, "description_zh": "动画类型，见下方 type 值说明" }, "loop": { "default": "false", "value": "", "type": "boolean", "description": "是否循环执行。true-循环执行; false-执行一次", "isRequired": false, "description_zh": "是否循环执行。true-循环执行; false-执行一次" }, "duration": { "default": "-", "value": "", "type": "number | string", "description": "动画时长，单位 ms", "isRequired": false, "description_zh": "动画时长，单位 ms" }, "action": { "default": "-", "value": "", "type": "string", "description": "（不能与 show 同时使用）触发方式，initial-初始化执行; click-点击执行", "isRequired": false, "description_zh": "（不能与 show 同时使用）触发方式，initial-初始化执行; click-点击执行" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/animate", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/animate", "typeDetail": {}, "events": [ { "name": "animate", "description": "动画触发", "description_zh": "动画触发", "params": "-" }, { "name": "click", "description": "点击元素时触发", "description_zh": "点击元素时触发", "params": "event: Event" } ], "methods": [], "slots": [], "filename": "Animate", "suggestions": [] }, { "name": "NutAvatar", "description": "用来代表用户或事物，支持图片、图标或字符展示。", "description_zh": "用来代表用户或事物，支持图片、图标或字符展示。", "tag": "头像", "props": { "size": { "default": "normal", "value": "", "type": "string | number", "description": "头像的大小，可选值为：large、normal、small，支持输入数字", "isRequired": false, "description_zh": "头像的大小，可选值为：large、normal、small，支持输入数字" }, "shape": { "default": "round", "value": "", "type": "string", "description": "头像的形状，可选值为：square、round ", "isRequired": false, "description_zh": "头像的形状，可选值为：square、round " }, "color": { "default": "#666", "value": "", "type": "string", "description": "字体颜色", "isRequired": false, "description_zh": "字体颜色" }, "bg-color": { "default": "#eee", "value": "", "type": "string", "description": "背景色", "isRequired": false, "description_zh": "背景色" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/avatar", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/avatar", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "default", "description": "默认插槽，可放置图片、图标、文本等元素", "description_zh": "默认插槽，可放置图片、图标、文本等元素" } ], "filename": "Avatar", "suggestions": [] }, { "name": "NutAvatarGroup", "description": "用来代表用户或事物，支持图片、图标或字符展示。", "description_zh": "用来代表用户或事物，支持图片、图标或字符展示。", "tag": "头像", "props": { "max-count": { "default": "-", "value": "", "type": "string | number", "description": "显示的最大头像个数", "isRequired": false, "description_zh": "显示的最大头像个数" }, "max-content": { "default": "+N", "value": "", "type": "string", "description": "头像数量超出时，会出现一个头像折叠元素，该元素内容可为...、more、+N", "isRequired": false, "description_zh": "头像数量超出时，会出现一个头像折叠元素，该元素内容可为...、more、+N" }, "size": { "default": "normal", "value": "", "type": "string | number", "description": "头像的大小，可选值为：large、normal、small，支持直接输入数字", "isRequired": false, "description_zh": "头像的大小，可选值为：large、normal、small，支持直接输入数字" }, "shape": { "default": "round", "value": "", "type": "string", "description": "头像的形状，可选值为：square、round", "isRequired": false, "description_zh": "头像的形状，可选值为：square、round" }, "max-color": { "default": "#666", "value": "", "type": "string", "description": "头像折叠元素的字体颜色", "isRequired": false, "description_zh": "头像折叠元素的字体颜色" }, "max-bg-color": { "default": "#eee", "value": "", "type": "string", "description": "头像折叠元素的背景色", "isRequired": false, "description_zh": "头像折叠元素的背景色" }, "span": { "default": "-8", "value": "", "type": "string", "description": "头像之间的间距", "isRequired": false, "description_zh": "头像之间的间距" }, "zIndex": { "default": "left", "value": "", "type": "string", "description": "组合头像之间的层级方向，可选值为：left、right", "isRequired": false, "description_zh": "组合头像之间的层级方向，可选值为：left、right" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/avatar", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/avatar", "typeDetail": {}, "events": [], "methods": [], "slots": [], "filename": "AvatarGroup", "suggestions": [ "nut-avatar" ] }, { "name": "NutBadge", "description": "出现在图标或文字右上角的红色圆点、数字或者文字，表示有新内容或者待处理的信息。", "description_zh": "出现在图标或文字右上角的红色圆点、数字或者文字，表示有新内容或者待处理的信息。", "tag": "徽标", "props": { "value": { "default": "-", "value": "", "type": "string", "description": "显示的内容", "isRequired": false, "description_zh": "显示的内容" }, ":max": { "default": "10000", "value": "", "type": "number", "description": "value 为数值时，最大值", "isRequired": false, "description_zh": "value 为数值时，最大值" }, ":z-index": { "default": "10", "value": "", "type": "number", "description": "徽标的 z-index 值", "isRequired": false, "description_zh": "徽标的 z-index 值" }, "dot": { "default": "false", "value": "", "type": "boolean", "description": "是否为小点", "isRequired": false, "description_zh": "是否为小点" }, "bubble(>": { "default": "false", "value": "", "type": "Boolean", "description": "是否为气泡形状", "isRequired": false, "description_zh": "是否为气泡形状" }, "hidden": { "default": "false", "value": "", "type": "boolean", "description": "是否隐藏", "isRequired": false, "description_zh": "是否隐藏" }, ":top": { "default": "0", "value": "", "type": "number", "description": "上下偏移量，支持单位设置，可设置为：5px 等", "isRequired": false, "description_zh": "上下偏移量，支持单位设置，可设置为：5px 等" }, ":right": { "default": "0", "value": "", "type": "number", "description": "左右偏移量，支持单位设置，可设置为：5px 等", "isRequired": false, "description_zh": "左右偏移量，支持单位设置，可设置为：5px 等" }, "color": { "default": "#fa2c19", "value": "", "type": "string", "description": "徽标背景颜色", "isRequired": false, "description_zh": "徽标背景颜色" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/badge", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/badge", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "default", "description": "徽标包裹的子元素", "description_zh": "徽标包裹的子元素" }, { "name": "icon", "description": "徽标自定义", "description_zh": "徽标自定义" } ], "filename": "Badge", "suggestions": [] }, { "name": "NutCircleProgress", "description": "圆环形的进度条组件", "description_zh": "圆环形的进度条组件", "tag": "环形进度条", "props": { "progress": { "default": "0", "value": "", "type": "number | string", "description": "百分比", "isRequired": false, "description_zh": "百分比" }, "stroke-width": { "default": "5", "value": "", "type": "number | string", "description": "圆弧的宽度", "isRequired": false, "description_zh": "圆弧的宽度" }, "radius": { "default": "50", "value": "", "type": "number | string", "description": "半径", "isRequired": false, "description_zh": "半径" }, "color": { "default": "#fa2c19", "value": "", "type": "object | string", "description": "圆环进度条颜色", "isRequired": false, "description_zh": "圆环进度条颜色" }, "path-color": { "default": "#d9d9d9", "value": "", "type": "string", "description": "圆环轨道颜色", "isRequired": false, "description_zh": "圆环轨道颜色" }, "stroke-linecap": { "default": "round", "value": "", "type": "string", "description": "圆环进度条端点形状可选值为 square butt", "isRequired": false, "description_zh": "圆环进度条端点形状可选值为 square butt" }, "clockwise": { "default": "true", "value": "", "type": "boolean", "description": "是否顺时针展示", "isRequired": false, "description_zh": "是否顺时针展示" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/circleprogress", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/circleprogress", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "default", "description": "自定义文字内容", "description_zh": "自定义文字内容" } ], "filename": "CircleProgress", "suggestions": [] }, { "name": "NutCollapse", "description": "将内容放置在多个折叠面板中，点击面板标题可展开或收缩内容。", "description_zh": "将内容放置在多个折叠面板中，点击面板标题可展开或收缩内容。", "tag": "折叠面板", "props": { "v-model": { "default": "-", "value": "", "type": "手风琴模式：string | number非手风琴模式：(string | number)[]", "description": "当前展开面板的 name", "isRequired": false, "description_zh": "当前展开面板的 name" }, "accordion": { "default": "false", "value": "", "type": "boolean", "description": "是否开启手风琴模式", "isRequired": false, "description_zh": "是否开启手风琴模式" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/collapse", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/collapse", "typeDetail": {}, "events": [ { "name": "change", "description": "切换面板时触发", "description_zh": "切换面板时触发", "params": "(modelValue, currName, status)" } ], "methods": [], "slots": [], "filename": "Collapse", "suggestions": [ "nut-collapse-item" ] }, { "name": "NutCollapseItem", "description": "将内容放置在多个折叠面板中，点击面板标题可展开或收缩内容。", "description_zh": "将内容放置在多个折叠面板中，点击面板标题可展开或收缩内容。", "tag": "折叠面板", "props": { "name": { "default": "-1", "value": "", "type": "string | number", "description": "唯一标识符，必填", "isRequired": false, "description_zh": "唯一标识符，必填" }, "title": { "default": "-", "value": "", "type": "string", "description": "标题栏左侧内容，支持插槽传入（props 传入的优先级更高）", "isRequired": false, "description_zh": "标题栏左侧内容，支持插槽传入（props 传入的优先级更高）" }, "value": { "default": "-", "value": "", "type": "string", "description": "标题栏右侧内容，支持插槽传入（props 传入的优先级更高）", "isRequired": false, "description_zh": "标题栏右侧内容，支持插槽传入（props 传入的优先级更高）" }, "icon": { "default": "-", "value": "", "type": "-", "description": "标题栏左侧图标组件，等同于 nutui-icon 组件", "isRequired": false, "description_zh": "标题栏左侧图标组件，等同于 nutui-icon 组件" }, "label": { "default": "-", "value": "", "type": "number | string", "description": "标题栏描述信息", "isRequired": false, "description_zh": "标题栏描述信息" }, "rotate": { "default": "180", "value": "", "type": "string | number", "description": "点击折叠和展开的旋转角度,在自定义图标模式下生效", "isRequired": false, "description_zh": "点击折叠和展开的旋转角度,在自定义图标模式下生效" }, "disabled": { "default": "false", "value": "", "type": "boolean", "description": "标题栏是否禁用", "isRequired": false, "description_zh": "标题栏是否禁用" }, "border": { "default": "true", "value": "", "type": "boolean", "description": "是否显示边框", "isRequired": false, "description_zh": "是否显示边框" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/collapse", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/collapse", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "title", "description": "标题栏左侧内容插槽", "description_zh": "标题栏左侧内容插槽" }, { "name": "value", "description": "标题栏右侧内容插槽", "description_zh": "标题栏右侧内容插槽" }, { "name": "extra", "description": "设置标题下固定内容（不折叠）", "description_zh": "设置标题下固定内容（不折叠）" }, { "name": "icon4.2.0", "description": "设置自定义图标", "description_zh": "设置自定义图标" } ], "filename": "CollapseItem", "suggestions": [] }, { "name": "NutCountdown", "description": "用于实时展示倒计时数值，支持毫秒精度。", "description_zh": "用于实时展示倒计时数值，支持毫秒精度。", "tag": "倒计时", "props": { ":v-model": { "default": "{}", "value": "", "type": "object", "description": "当前时间，自定义展示内容时生效", "isRequired": false, "description_zh": "当前时间，自定义展示内容时生效" }, "start-time": { "default": "Date.now()", "value": "", "type": "string | number", "description": "开始时间", "isRequired": false, "description_zh": "开始时间" }, "end-time": { "default": "Date.now()", "value": "", "type": "string | number", "description": "结束时间", "isRequired": false, "description_zh": "结束时间" }, "format": { "default": "HH:mm:ss", "value": "", "type": "string", "description": "时间格式", "isRequired": false, "description_zh": "时间格式" }, "millisecond": { "default": "false", "value": "", "type": "boolean", "description": "是否开启毫秒级渲染", "isRequired": false, "description_zh": "是否开启毫秒级渲染" }, "auto-start": { "default": "true", "value": "", "type": "boolean", "description": "是否自动开始倒计时", "isRequired": false, "description_zh": "是否自动开始倒计时" }, "time": { "default": "0", "value": "", "type": "string | number", "description": "倒计时显示时间，单位是毫秒。auto-start 为 false 时生效", "isRequired": false, "description_zh": "倒计时显示时间，单位是毫秒。auto-start 为 false 时生效" }, "paused": { "default": "false", "value": "", "type": "boolean", "description": "是否暂停", "isRequired": false, "description_zh": "是否暂停" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/countdown", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/countdown", "typeDetail": {}, "events": [ { "name": "end", "description": "倒计时结束时", "description_zh": "倒计时结束时", "params": "剩余时间戳" }, { "name": "paused", "description": "暂停时", "description_zh": "暂停时", "params": "剩余时间戳" }, { "name": "restart", "description": "暂停时", "description_zh": "暂停时", "params": "剩余时间戳" }, { "name": "on-end", "description": "倒计时结束时", "description_zh": "倒计时结束时", "params": "剩余时间戳" }, { "name": "on-paused", "description": "暂停时", "description_zh": "暂停时", "params": "剩余时间戳" }, { "name": "on-restart", "description": "暂停时", "description_zh": "暂停时", "params": "剩余时间戳" } ], "methods": [ { "name": "start", "description": "", "params": "开始倒计时", "description_zh": "" }, { "name": "pause", "description": "", "params": "暂停倒计时", "description_zh": "" }, { "name": "reset", "description": "", "params": "重设倒计时，若 auto-start为 true，重设后会自动开始倒计时", "description_zh": "" } ], "slots": [], "filename": "Countdown", "suggestions": [] }, { "name": "NutCountup", "description": "数字滚动组件，用于数字的动态效果展示", "description_zh": "数字滚动组件，用于数字的动态效果展示", "tag": "数字滚动", "props": { ":init-num": { "default": "0", "value": "", "type": "number", "description": "初始数字", "isRequired": false, "description_zh": "初始数字" }, ":end-num": { "default": "0", "value": "", "type": "number", "description": "结束数字", "isRequired": false, "description_zh": "结束数字" }, ":speed": { "default": "1", "value": "", "type": "number", "description": "间隔数字，目前仅支持基础用法", "isRequired": false, "description_zh": "间隔数字，目前仅支持基础用法" }, ":to-fixed": { "default": "0", "value": "", "type": "number", "description": "保留小数点后几位", "isRequired": false, "description_zh": "保留小数点后几位" }, "start-flag": { "default": "true", "value": "", "type": "boolean", "description": "触发数字滚动的标识", "isRequired": false, "description_zh": "触发数字滚动的标识" }, ":during": { "default": "1000", "value": "", "type": "number", "description": "滚动一次运行时间", "isRequired": false, "description_zh": "滚动一次运行时间" }, ":num-width": { "default": "20", "value": "", "type": "number", "description": "数字宽度，常用于自定义无缝滚动", "isRequired": false, "description_zh": "数字宽度，常用于自定义无缝滚动" }, ":num-height": { "default": "20", "value": "", "type": "number", "description": "数字高度，常用于自定义无缝滚动（抽奖功能必传）", "isRequired": false, "description_zh": "数字高度，常用于自定义无缝滚动（抽奖功能必传）" }, "scrolling": { "default": "false", "value": "", "type": "boolean", "description": "数字滚动模式（仅支持 H5）", "isRequired": false, "description_zh": "数字滚动模式（仅支持 H5）" }, ":custom-change-num": { "default": "1", "value": "", "type": "number", "description": "要变化的数字（用于自定义图片，initNum、endNum 在此无效）", "isRequired": false, "description_zh": "要变化的数字（用于自定义图片，initNum、endNum 在此无效）" }, "custom-bg-img": { "default": "-", "value": "", "type": "string", "description": "自定义图片（建议使用雪碧图实现，使用抽奖功能必须使用雪碧图）", "isRequired": false, "description_zh": "自定义图片（建议使用雪碧图实现，使用抽奖功能必须使用雪碧图）" }, ":custom-spac-num": { "default": "0", "value": "", "type": "number", "description": "图片中数字之间可能会存在间距", "isRequired": false, "description_zh": "图片中数字之间可能会存在间距" }, "type": { "default": "''", "value": "", "type": "string", "description": "抽奖功能传 machine，可选值为 machine ' '", "isRequired": false, "description_zh": "抽奖功能传 machine，可选值为 machine ' '" }, ":machine-prize-num": { "default": "0", "value": "", "type": "number", "description": "奖品个数，一共多少个奖品，必传", "isRequired": false, "description_zh": "奖品个数，一共多少个奖品，必传" }, ":machine-num": { "default": "3", "value": "", "type": "number", "description": "抽奖位，即滚动几个，必传", "isRequired": false, "description_zh": "抽奖位，即滚动几个，必传" }, ":machine-prize-level": { "default": "0", "value": "", "type": "number", "description": "中奖图标，图标在雪碧图中的位置", "isRequired": false, "description_zh": "中奖图标，图标在雪碧图中的位置" }, ":machine-turn-more": { "default": "0", "value": "", "type": "number", "description": "滚动圈数", "isRequired": false, "description_zh": "滚动圈数" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/countup", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/countup", "typeDetail": {}, "events": [ { "name": "scroll-end", "description": "滚动结束后回调函数", "description_zh": "滚动结束后回调函数", "params": "-" } ], "methods": [], "slots": [], "filename": "Countup", "suggestions": [] }, { "name": "NutEllipsis", "description": "展示空间不足时，隐去部分内容并用“…”替代。", "description_zh": "展示空间不足时，隐去部分内容并用“…”替代。", "tag": "文本省略", "props": { "content": { "default": "-", "value": "", "type": "string", "description": "文本内容", "isRequired": false, "description_zh": "文本内容" }, "direction": { "default": "end", "value": "", "type": "string", "description": "省略位置，可选值 start | end | middle", "isRequired": false, "description_zh": "省略位置，可选值 start | end | middle" }, ":rows": { "default": "1", "value": "", "type": "number", "description": "展示几行", "isRequired": false, "description_zh": "展示几行" }, "expand-text": { "default": "''", "value": "", "type": "string", "description": "展开操作的文案", "isRequired": false, "description_zh": "展开操作的文案" }, "collapse-text": { "default": "''", "value": "", "type": "string", "description": "收起操作的文案", "isRequired": false, "description_zh": "收起操作的文案" }, "symbol": { "default": "...", "value": "", "type": "string", "description": "省略的符号", "isRequired": false, "description_zh": "省略的符号" }, "line-height": { "default": "20", "value": "", "type": "string | number", "description": "容器的行高", "isRequired": false, "description_zh": "容器的行高" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/ellipsis", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/ellipsis", "typeDetail": {}, "events": [ { "name": "click", "description": "文本点击时触发", "description_zh": "文本点击时触发", "params": "-" }, { "name": "change", "description": "点击展开收起时触发", "description_zh": "点击展开收起时触发", "params": "expand 或 collapse" } ], "methods": [], "slots": [], "filename": "Ellipsis", "suggestions": [] }, { "name": "NutEmpty", "description": "空状态时的占位提示", "description_zh": "空状态时的占位提示", "tag": "空状态", "props": { "image": { "default": "empty", "value": "", "type": "string", "description": "图片类型，可选值为 empty、error、network，支持传入图片 URL", "isRequired": false, "description_zh": "图片类型，可选值为 empty、error、network，支持传入图片 URL" }, "image-size": { "default": "-", "value": "", "type": "number | string", "description": "图片大小，单位为 px", "isRequired": false, "description_zh": "图片大小，单位为 px" }, "description": { "default": "-", "value": "", "type": "string", "description": "图片下方的描述文字", "isRequired": false, "description_zh": "图片下方的描述文字" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/empty", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/empty", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "default", "description": "自定义底部内容", "description_zh": "自定义底部内容" }, { "name": "image", "description": "自定义图片", "description_zh": "自定义图片" }, { "name": "description", "description": "自定义描述文字", "description_zh": "自定义描述文字" } ], "filename": "Empty", "suggestions": [] }, { "name": "NutImagePreview", "description": "支持全屏预览视频和图片，可函数式调用", "description_zh": "支持全屏预览视频和图片，可函数式调用", "tag": "图片预览", "props": { "show": { "default": "false", "value": "", "type": "boolean", "description": "是否展示预览图片", "isRequired": false, "description_zh": "是否展示预览图片" }, "videos": { "default": "[]", "value": "", "type": "VideoArray[]", "description": "预览的视频数组（视频自动放到图片之前）", "isRequired": false, "description_zh": "预览的视频数组（视频自动放到图片之前）" }, "images": { "default": "[]", "value": "", "type": "ImageArray[]", "description": "预览图片数组", "isRequired": false, "description_zh": "预览图片数组" }, "autoplay": { "default": "3000", "value": "", "type": "number | string", "description": "自动轮播时长，0 表示不会自动轮播", "isRequired": false, "description_zh": "自动轮播时长，0 表示不会自动轮播" }, ":init-no": { "default": "0", "value": "", "type": "number", "description": "初始页码", "isRequired": false, "description_zh": "初始页码" }, "pagination-visible": { "default": "false", "value": "", "type": "boolean", "description": "分页指示器是否展示", "isRequired": false, "description_zh": "分页指示器是否展示" }, "pagination-color": { "default": "#fff", "value": "", "type": "string", "description": "分页指示器选中的颜色", "isRequired": false, "description_zh": "分页指示器选中的颜色" }, "content-close": { "default": "true", "value": "", "type": "boolean", "description": "点击图片可以退出预览", "isRequired": false, "description_zh": "点击图片可以退出预览" }, "show-index": { "default": "true", "value": "", "type": "boolean", "description": "是否显示页码", "isRequired": false, "description_zh": "是否显示页码" }, "closeable": { "default": "false", "value": "", "type": "boolean", "description": "是否显示关闭图标", "isRequired": false, "description_zh": "是否显示关闭图标" }, "close-icon-position": { "default": "top-right", "value": "", "type": "string", "description": "关闭图标位置，可选值：top-left", "isRequired": false, "description_zh": "关闭图标位置，可选值：top-left" }, "before-close": { "default": "-", "value": "", "type": "(active: number) => boolean | Promise", "description": "关闭前的回调函数，返回 false 可阻止关闭，支持返回 Promise", "isRequired": false, "description_zh": "关闭前的回调函数，返回 false 可阻止关闭，支持返回 Promise" }, ":max-zoom": { "default": "3", "value": "", "type": "number", "description": "手势缩放时，最大缩放比例", "isRequired": false, "description_zh": "手势缩放时，最大缩放比例" }, ":min-zoom": { "default": "1/3", "value": "", "type": "number", "description": "手势缩放时，最小缩放比例", "isRequired": false, "description_zh": "手势缩放时，最小缩放比例" }, "is-loop": { "default": "true", "value": "", "type": "boolean", "description": "是否循环播放", "isRequired": false, "description_zh": "是否循环播放" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/imagepreview", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/imagepreview", "typeDetail": {}, "events": [ { "name": "close", "description": "点击遮罩关闭图片预览时触发", "description_zh": "点击遮罩关闭图片预览时触发", "params": "无" }, { "name": "change", "description": "切换图片时触发", "description_zh": "切换图片时触发", "params": "index:当前图片索引" } ], "methods": [], "slots": [ { "name": "closeIcon", "description": "自定义关闭图片", "description_zh": "自定义关闭图片" } ], "filename": "ImagePreview", "suggestions": [] }, { "name": "NutList", "description": "建议优先使用 NutUI 提供的 滚动加载 组件实现列表。", "description_zh": "建议优先使用 NutUI 提供的 滚动加载 组件实现列表。", "tag": "虚拟列表", "props": { "height": { "default": "80", "value": "", "type": "Number", "description": "列表项的高度/预估高度，支持不固定高度", "isRequired": false, "description_zh": "列表项的高度/预估高度，支持不固定高度" }, "list-data": { "default": "[]", "value": "", "type": "any[]", "description": "列表数据", "isRequired": false, "description_zh": "列表数据" }, "container-height": { "default": "可视区高度", "value": "", "type": "Number", "description": "容器高度(最大值不能超过可视区)", "isRequired": false, "description_zh": "容器高度(最大值不能超过可视区)" }, "buffer-size": { "default": "5", "value": "", "type": "Number", "description": "数据缓冲区长度", "isRequired": false, "description_zh": "数据缓冲区长度" }, "margin": { "default": "10", "value": "", "type": "Number", "description": "列表之间的间隙，和自定义样式保持一致", "isRequired": false, "description_zh": "列表之间的间隙，和自定义样式保持一致" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/list", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/list", "typeDetail": {}, "events": [ { "name": "scroll-bottom", "description": "滚动到底部时触发", "description_zh": "滚动到底部时触发", "params": "-" }, { "name": "scroll-up", "description": "向上滚动", "description_zh": "向上滚动", "params": "-" }, { "name": "scroll-down", "description": "向下滚动", "description_zh": "向下滚动", "params": "-" } ], "methods": [], "slots": [ { "name": "item", "description": "列表项数据", "description_zh": "列表项数据" }, { "name": "index", "description": "列表索引", "description_zh": "列表索引" } ], "filename": "List", "suggestions": [] }, { "name": "NutNoticebar", "description": "用于循环播放展示一组消息通知。", "description_zh": "用于循环播放展示一组消息通知。", "tag": "公告栏", "props": { "direction": { "default": "across", "value": "", "type": "string", "description": "滚动的方向，可选 across、vertical", "isRequired": false, "description_zh": "滚动的方向，可选 across、vertical" }, "text": { "default": "-", "value": "", "type": "string", "description": "提示的信息", "isRequired": false, "description_zh": "提示的信息" }, "close-mode": { "default": "false", "value": "", "type": "boolean", "description": "是否启用关闭模式", "isRequired": false, "description_zh": "是否启用关闭模式" }, "left-icon": { "default": "true", "value": "", "type": "boolean", "description": "是否展示左侧图标, 滚动方向为 across 生效", "isRequired": false, "description_zh": "是否展示左侧图标, 滚动方向为 across 生效" }, "color": { "default": "-", "value": "", "type": "string", "description": "导航栏的文字颜色", "isRequired": false, "description_zh": "导航栏的文字颜色" }, "background": { "default": "-", "value": "", "type": "string", "description": "导航栏的背景颜色", "isRequired": false, "description_zh": "导航栏的背景颜色" }, "delay": { "default": "1", "value": "", "type": "string | number", "description": "延时多少秒", "isRequired": false, "description_zh": "延时多少秒" }, "scrollable": { "default": "false", "value": "", "type": "boolean", "description": "是否可以滚动", "isRequired": false, "description_zh": "是否可以滚动" }, ":speed": { "default": "50", "value": "", "type": "number", "description": "滚动速率 (px/s)", "isRequired": false, "description_zh": "滚动速率 (px/s)" }, "wrapable": { "default": "false", "value": "", "type": "boolean", "description": "是否开启文本换行，scrollable 会设置为 false", "isRequired": false, "description_zh": "是否开启文本换行，scrollable 会设置为 false" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/noticebar", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/noticebar", "typeDetail": {}, "events": [ { "name": "click", "description": "外层点击事件回调", "description_zh": "外层点击事件回调", "params": "event: Event" }, { "name": "close", "description": "关闭通知栏时触发", "description_zh": "关闭通知栏时触发", "params": "event: Event" }, { "name": "across-end", "description": "横向滚动结束时触发", "description_zh": "横向滚动结束时触发", "params": "event: Event" } ], "methods": [], "slots": [ { "name": "default", "description": "通知文本的内容", "description_zh": "通知文本的内容" }, { "name": "right-icon", "description": "自定义右侧图标", "description_zh": "自定义右侧图标" }, { "name": "left-icon", "description": "自定义左侧图标, 滚动方向为 across 生效", "description_zh": "自定义左侧图标, 滚动方向为 across 生效" } ], "filename": "Noticebar", "suggestions": [] }, { "name": "NutPopover", "description": "点击或在元素上悬停鼠标，弹出气泡卡片浮层。", "description_zh": "点击或在元素上悬停鼠标，弹出气泡卡片浮层。", "tag": "气泡弹出框", "props": { "list": { "default": "[]", "value": "", "type": "List[]", "description": "选项列表", "isRequired": false, "description_zh": "选项列表" }, "visible": { "default": "false", "value": "", "type": "boolean", "description": "是否展示气泡弹出层", "isRequired": false, "description_zh": "是否展示气泡弹出层" }, "theme": { "default": "light", "value": "", "type": "string", "description": "主题风格，可选值为 dark", "isRequired": false, "description_zh": "主题风格，可选值为 dark" }, "location": { "default": "bottom", "value": "", "type": "string", "description": "弹出位置", "isRequired": false, "description_zh": "弹出位置" }, "offset": { "default": "[0, 12]", "value": "", "type": "[number,number]", "description": "出现位置的偏移量", "isRequired": false, "description_zh": "出现位置的偏移量" }, "show-arrow": { "default": "true", "value": "", "type": "boolean", "description": "是否显示小箭头", "isRequired": false, "description_zh": "是否显示小箭头" }, "custom-class": { "default": "''", "value": "", "type": "string", "description": "自定义 class 值", "isRequired": false, "description_zh": "自定义 class 值" }, "duration": { "default": "0.3", "value": "", "type": "number | string", "description": "动画时长，单位秒", "isRequired": false, "description_zh": "动画时长，单位秒" }, "overlay": { "default": "false", "value": "", "type": "boolean", "description": "是否显示遮罩层", "isRequired": false, "description_zh": "是否显示遮罩层" }, "overlay-class": { "default": "''", "value": "", "type": "string", "description": "自定义遮罩层类名", "isRequired": false, "description_zh": "自定义遮罩层类名" }, "overlay-style": { "default": "''", "value": "", "type": "string", "description": "自定义遮罩层样式", "isRequired": false, "description_zh": "自定义遮罩层样式" }, "close-on-click-overlay": { "default": "true", "value": "", "type": "boolean", "description": "是否在点击遮罩层后关闭菜单", "isRequired": false, "description_zh": "是否在点击遮罩层后关闭菜单" }, "close-on-click-action": { "default": "true", "value": "", "type": "boolean", "description": "是否在点击选项后关闭", "isRequired": false, "description_zh": "是否在点击选项后关闭" }, "close-on-click-outside": { "default": "true", "value": "", "type": "boolean", "description": "是否在点击外部元素后关闭菜单", "isRequired": false, "description_zh": "是否在点击外部元素后关闭菜单" }, "bg-color": { "default": "-", "value": "", "type": "string", "description": "自定义背景色", "isRequired": false, "description_zh": "自定义背景色" }, "target-id": { "default": "-", "value": "", "type": "string", "description": "自定义目标元素 id", "isRequired": false, "description_zh": "自定义目标元素 id" }, ":arrow-offset": { "default": "0", "value": "", "type": "number", "description": "小箭头的偏移量", "isRequired": false, "description_zh": "小箭头的偏移量" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/popover", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/popover", "typeDetail": {}, "events": [ { "name": "choose", "description": "点击选项时触发", "description_zh": "点击选项时触发", "params": "" }, { "name": "open", "description": "打开菜单时触发", "description_zh": "打开菜单时触发", "params": "" }, { "name": "close", "description": "关闭菜单时触发", "description_zh": "关闭菜单时触发", "params": "" } ], "methods": [], "slots": [ { "name": "content", "description": "自定义气泡组件菜单内容", "description_zh": "自定义气泡组件菜单内容" }, { "name": "reference", "description": "触发 Popover 显示的元素内容", "description_zh": "触发 Popover 显示的元素内容" } ], "filename": "Popover", "suggestions": [] }, { "name": "NutPrice", "description": "用来对商品价格数值的小数点前后部分应用不同样式，还支持人民币符号、千位分隔符、设置小数点位数等功能。", "description_zh": "用来对商品价格数值的小数点前后部分应用不同样式，还支持人民币符号、千位分隔符、设置小数点位数等功能。", "tag": "价格", "props": { "price": { "default": "0", "value": "", "type": "number | string", "description": "价格数量", "isRequired": false, "description_zh": "价格数量" }, "need-symbol": { "default": "true", "value": "", "type": "boolean", "description": "是否需要加上 symbol 符号", "isRequired": false, "description_zh": "是否需要加上 symbol 符号" }, "symbol": { "default": "¥", "value": "", "type": "string", "description": "符号类型", "isRequired": false, "description_zh": "符号类型" }, ":decimal-digits": { "default": "2", "value": "", "type": "number", "description": "小数位位数", "isRequired": false, "description_zh": "小数位位数" }, "thousands": { "default": "false", "value": "", "type": "boolean", "description": "是否按照千分号形式显示", "isRequired": false, "description_zh": "是否按照千分号形式显示" }, "position": { "default": "before", "value": "", "type": "string", "description": "符号显示在价格前或者后，before、after", "isRequired": false, "description_zh": "符号显示在价格前或者后，before、after" }, "size": { "default": "normal", "value": "", "type": "string", "description": "价格尺寸，small、normal、large", "isRequired": false, "description_zh": "价格尺寸，small、normal、large" }, "strike-through": { "default": "false", "value": "", "type": "Boolean", "description": "是否展示划线价", "isRequired": false, "description_zh": "是否展示划线价" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/price", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/price", "typeDetail": {}, "events": [], "methods": [], "slots": [], "filename": "Price", "suggestions": [] }, { "name": "NutProgress", "description": "展示操作或任务的当前进度。", "description_zh": "展示操作或任务的当前进度。", "tag": "进度条", "props": { ":percentage": { "default": "0", "value": "", "type": "number", "description": "百分比", "isRequired": false, "description_zh": "百分比" }, "is-show-percentage": { "default": "true", "value": "", "type": "boolean", "description": "是否需要展示百分号", "isRequired": false, "description_zh": "是否需要展示百分号" }, "stroke-color": { "default": "#f30", "value": "", "type": "string", "description": "进度条背景色", "isRequired": false, "description_zh": "进度条背景色" }, "stroke-width": { "default": "-", "value": "", "type": "string", "description": "进度条宽度", "isRequired": false, "description_zh": "进度条宽度" }, "size": { "default": "base", "value": "", "type": "string", "description": "进度条及文字尺寸，可选值 small base large", "isRequired": false, "description_zh": "进度条及文字尺寸，可选值 small base large" }, "show-text": { "default": "true", "value": "", "type": "boolean", "description": "是否显示进度条文字内容", "isRequired": false, "description_zh": "是否显示进度条文字内容" }, "text-inside": { "default": "false", "value": "", "type": "boolean", "description": "进度条文字显示位置(false:外显，true:内显)", "isRequired": false, "description_zh": "进度条文字显示位置(false:外显，true:内显)" }, "text-color": { "default": "#333", "value": "", "type": "string", "description": "进度条文字颜色设置", "isRequired": false, "description_zh": "进度条文字颜色设置" }, "text-background": { "default": "-", "value": "", "type": "string", "description": "进度条文字背景颜色设置", "isRequired": false, "description_zh": "进度条文字背景颜色设置" }, "status": { "default": "text", "value": "", "type": "string", "description": "进度条当前状态，可选值active(展示动画效果) icon(展示icon标签)", "isRequired": false, "description_zh": "进度条当前状态，可选值active(展示动画效果) icon(展示icon标签)" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/progress", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/progress", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "icon-name", "description": "右侧 icon 内容", "description_zh": "右侧 icon 内容" } ], "filename": "Progress", "suggestions": [] }, { "name": "NutSkeleton", "description": "在页面上待加载区域填充灰色的占位图，本质上是界面加载过程中的过渡效果。", "description_zh": "在页面上待加载区域填充灰色的占位图，本质上是界面加载过程中的过渡效果。", "tag": "骨架屏", "props": { "loading": { "default": "true", "value": "", "type": "boolean", "description": "是否显示骨架屏", "isRequired": false, "description_zh": "是否显示骨架屏" }, "width": { "default": "default", "value": "", "type": "string", "description": "每行宽度", "isRequired": false, "description_zh": "每行宽度" }, "height": { "default": "15px", "value": "", "type": "string", "description": "每行高度", "isRequired": false, "description_zh": "每行高度" }, "animated": { "default": "false", "value": "", "type": "boolean", "description": "是否开启骨架屏动画", "isRequired": false, "description_zh": "是否开启骨架屏动画" }, "avatar": { "default": "false", "value": "", "type": "boolean", "description": "是否显示头像", "isRequired": false, "description_zh": "是否显示头像" }, "avatar-shape": { "default": "round", "value": "", "type": "string", "description": "头像形状：正方形/圆形", "isRequired": false, "description_zh": "头像形状：正方形/圆形" }, "avatar-size": { "default": "50px", "value": "", "type": "string", "description": "头像大小", "isRequired": false, "description_zh": "头像大小" }, "round": { "default": "false", "value": "", "type": "boolean", "description": "标题/段落是否采用圆角风格", "isRequired": false, "description_zh": "标题/段落是否采用圆角风格" }, "title": { "default": "true", "value": "", "type": "boolean", "description": "是否显示段落标题（第一行显示）", "isRequired": false, "description_zh": "是否显示段落标题（第一行显示）" }, "row": { "default": "1", "value": "", "type": "string", "description": "设置段落行数（title 下方展示）", "isRequired": false, "description_zh": "设置段落行数（title 下方展示）" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/skeleton", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/skeleton", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "default", "description": "骨架屏显示内容", "description_zh": "骨架屏显示内容" } ], "filename": "Skeleton", "suggestions": [] }, { "name": "NutSteps", "description": "拆分展示某项流程的步骤，引导用户按流程完成任务或向用户展示当前状态。", "description_zh": "拆分展示某项流程的步骤，引导用户按流程完成任务或向用户展示当前状态。", "tag": "步骤条", "props": { "direction": { "default": "horizontal", "value": "", "type": "string", "description": "显示方向，horizontal,vertical", "isRequired": false, "description_zh": "显示方向，horizontal,vertical" }, "current": { "default": "0", "value": "", "type": "number | string", "description": "当前所在的步骤", "isRequired": false, "description_zh": "当前所在的步骤" }, "progress-dot": { "default": "false", "value": "", "type": "boolean", "description": "点状步骤条", "isRequired": false, "description_zh": "点状步骤条" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/steps", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/steps", "typeDetail": {}, "events": [ { "name": "click-step", "description": "点击步骤的标题或图标时触发", "description_zh": "点击步骤的标题或图标时触发", "params": "index: number" } ], "methods": [], "slots": [], "filename": "Steps", "suggestions": [ "nut-step" ] }, { "name": "NutStep", "description": "拆分展示某项流程的步骤，引导用户按流程完成任务或向用户展示当前状态。", "description_zh": "拆分展示某项流程的步骤，引导用户按流程完成任务或向用户展示当前状态。", "tag": "步骤条", "props": { "title": { "default": "步骤", "value": "", "type": "string", "description": "流程步骤的标题", "isRequired": false, "description_zh": "流程步骤的标题" }, "content": { "default": "步骤描述", "value": "", "type": "string", "description": "流程步骤的描述性文字(支持 html 结构)", "isRequired": false, "description_zh": "流程步骤的描述性文字(支持 html 结构)" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/steps", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/steps", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "title", "description": "步骤标题", "description_zh": "步骤标题" }, { "name": "content", "description": "步骤内容", "description_zh": "步骤内容" }, { "name": "icon", "description": "步骤图标", "description_zh": "步骤图标" } ], "filename": "Step", "suggestions": [] }, { "name": "NutSwiper", "description": "常用于一组图片或卡片轮播。", "description_zh": "常用于一组图片或卡片轮播。", "tag": "轮播", "props": { "width": { "default": "-", "value": "", "type": "number | string", "description": "轮播卡片的宽度", "isRequired": false, "description_zh": "轮播卡片的宽度" }, "height": { "default": "-", "value": "", "type": "number | string", "description": "轮播卡片的高度", "isRequired": false, "description_zh": "轮播卡片的高度" }, "direction": { "default": "'horizontal'", "value": "", "type": "string", "description": "轮播方向,可选值horizontal,vertical", "isRequired": false, "description_zh": "轮播方向,可选值horizontal,vertical" }, "pagination-visible": { "default": "false", "value": "", "type": "boolean", "description": "分页指示器是否展示", "isRequired": false, "description_zh": "分页指示器是否展示" }, "pagination-color": { "default": "'#fff'", "value": "", "type": "string", "description": "分页指示器选中的颜色", "isRequired": false, "description_zh": "分页指示器选中的颜色" }, "pagination-unselected-color": { "default": "'#ddd'", "value": "", "type": "string", "description": "分页指示器没有选中的颜色", "isRequired": false, "description_zh": "分页指示器没有选中的颜色" }, "loop": { "default": "true", "value": "", "type": "boolean", "description": "是否循环轮播", "isRequired": false, "description_zh": "是否循环轮播" }, "duration": { "default": "500", "value": "", "type": "number | string", "description": "动画时长（单位是 ms）", "isRequired": false, "description_zh": "动画时长（单位是 ms）" }, "auto-play": { "default": "0", "value": "", "type": "number | string", "description": "自动轮播时长，0 表示不会自动轮播", "isRequired": false, "description_zh": "自动轮播时长，0 表示不会自动轮播" }, "init-page": { "default": "0", "value": "", "type": "number | string", "description": "初始化索引值", "isRequired": false, "description_zh": "初始化索引值" }, "touchable": { "default": "true", "value": "", "type": "boolean", "description": "是否可触摸滑动", "isRequired": false, "description_zh": "是否可触摸滑动" }, "is-prevent-default": { "default": "true", "value": "", "type": "boolean", "description": "滑动过程中是否禁用默认事件", "isRequired": false, "description_zh": "滑动过程中是否禁用默认事件" }, "is-stop-propagation": { "default": "true", "value": "", "type": "boolean", "description": "滑动过程中是否禁止冒泡", "isRequired": false, "description_zh": "滑动过程中是否禁止冒泡" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/swiper", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/swiper", "typeDetail": {}, "events": [ { "name": "change", "description": "滑动之后的回调", "description_zh": "滑动之后的回调", "params": "当前索引值 index" } ], "methods": [ { "name": "prev", "description": "-", "params": "切换到上一页", "description_zh": "-" }, { "name": "next", "description": "-", "params": "切换到下一页", "description_zh": "-" }, { "name": "to", "description": "index:number", "params": "切换到指定轮播", "description_zh": "index:number" } ], "slots": [ { "name": "page", "description": "自定义指示器", "description_zh": "自定义指示器" } ], "filename": "Swiper", "suggestions": [] }, { "name": "NutTable", "description": "用于展示基础表格", "description_zh": "用于展示基础表格", "tag": "表格", "props": { "bordered": { "default": "true", "value": "", "type": "boolean", "description": "是否显示边框", "isRequired": false, "description_zh": "是否显示边框" }, "columns": { "default": "[]", "value": "", "type": "TableColumnProps[]", "description": "表头数据", "isRequired": false, "description_zh": "表头数据" }, "data": { "default": "[]", "value": "", "type": "object[]", "description": "表格数据", "isRequired": false, "description_zh": "表格数据" }, "summary": { "default": "-", "value": "", "type": "Function", "description": "是否显示简介", "isRequired": false, "description_zh": "是否显示简介" }, "striped": { "default": "false", "value": "", "type": "boolean", "description": "条纹是否明暗交替", "isRequired": false, "description_zh": "条纹是否明暗交替" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/table", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/table", "typeDetail": {}, "events": [ { "name": "sorter", "description": "点击排序按钮触发", "description_zh": "点击排序按钮触发", "params": "item: 当前点击的表头的数据" } ], "methods": [], "slots": [], "filename": "Table", "suggestions": [ "nut-table-column" ] }, { "name": "NutTableColumn", "description": "用于展示基础表格", "description_zh": "用于展示基础表格", "tag": "表格", "props": { "key": { "default": "``", "value": "", "type": "string", "description": "列的唯一标识", "isRequired": false, "description_zh": "列的唯一标识" }, "title": { "default": "``", "value": "", "type": "string", "description": "表头标题", "isRequired": false, "description_zh": "表头标题" }, "stylehead": { "default": "``", "value": "", "type": "string", "description": "表头样式", "isRequired": false, "description_zh": "表头样式" }, "stylecolumn": { "default": "``", "value": "", "type": "string", "description": "列样式", "isRequired": false, "description_zh": "列样式" }, "align": { "default": "left", "value": "", "type": "string", "description": "列的对齐方式，可选值left,center,right", "isRequired": false, "description_zh": "列的对齐方式，可选值left,center,right" }, "sorter": { "default": "-", "value": "", "type": "boolean | Function | string", "description": "排序，可选值有 true,function, default, 其中 default表示点击之后可能会依赖接口, function可以返回具体的排序函数, default表示采用默认的排序算法", "isRequired": false, "description_zh": "排序，可选值有 true,function, default, 其中 default表示点击之后可能会依赖接口, function可以返回具体的排序函数, default表示采用默认的排序算法" }, "render": { "default": "-", "value": "", "type": "Function(record)", "description": "自定义渲染列数据，优先级高", "isRequired": false, "description_zh": "自定义渲染列数据，优先级高" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/table", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/table", "typeDetail": {}, "events": [], "methods": [], "slots": [], "filename": "TableColumn", "suggestions": [] }, { "name": "NutTag", "description": "用于标记和分类的标签。", "description_zh": "用于标记和分类的标签。", "tag": "标签", "props": { "type": { "default": "default", "value": "", "type": "string", "description": "标签类型，可选值为 primary、success、danger、warning、default", "isRequired": false, "description_zh": "标签类型，可选值为 primary、success、danger、warning、default" }, "color": { "default": "-", "value": "", "type": "string", "description": "标签颜色", "isRequired": false, "description_zh": "标签颜色" }, "text-color": { "default": "white", "value": "", "type": "string", "description": "文本颜色，优先级高于 color 属性", "isRequired": false, "description_zh": "文本颜色，优先级高于 color 属性" }, "plain": { "default": "false", "value": "", "type": "boolean", "description": "是否为空心样式", "isRequired": false, "description_zh": "是否为空心样式" }, "round": { "default": "false", "value": "", "type": "boolean", "description": "是否为圆角样式", "isRequired": false, "description_zh": "是否为圆角样式" }, "mark": { "default": "false", "value": "", "type": "boolean", "description": "是否为标记样式", "isRequired": false, "description_zh": "是否为标记样式" }, "closeable": { "default": "false", "value": "", "type": "boolean", "description": "是否为可关闭标签", "isRequired": false, "description_zh": "是否为可关闭标签" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/tag", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/tag", "typeDetail": {}, "events": [ { "name": "click", "description": "点击事件", "description_zh": "点击事件", "params": "event" }, { "name": "close", "description": "关闭事件", "description_zh": "关闭事件", "params": "event" } ], "methods": [], "slots": [ { "name": "default", "description": "标签显示内容", "description_zh": "标签显示内容" } ], "filename": "Tag", "suggestions": [] }, { "name": "NutTour", "description": "用于引导用户了解产品功能的气泡组件。自 4.0 版本开始提供该组件。", "description_zh": "用于引导用户了解产品功能的气泡组件。自 4.0 版本开始提供该组件。", "tag": "引导", "props": { "v-model": { "default": "false", "value": "", "type": "boolean", "description": "是否展示引导弹出层", "isRequired": false, "description_zh": "是否展示引导弹出层" }, "type": { "default": "step", "value": "", "type": "string", "description": "引导类型", "isRequired": false, "description_zh": "引导类型" }, "steps": { "default": "[]", "value": "", "type": "StepOptions[]", "description": "引导步骤内容", "isRequired": false, "description_zh": "引导步骤内容" }, "offset": { "default": "[8, 10]", "value": "", "type": "[number, number]", "description": "镂空遮罩相对于目标元素的偏移量", "isRequired": false, "description_zh": "镂空遮罩相对于目标元素的偏移量" }, ":current": { "default": "0", "value": "", "type": "number", "description": "类型为 step 时，默认展示第几步", "isRequired": false, "description_zh": "类型为 step 时，默认展示第几步" }, "custom-class": { "default": "‘’", "value": "", "type": "string", "description": "自定义 class 值", "isRequired": false, "description_zh": "自定义 class 值" }, "location": { "default": "bottom", "value": "", "type": "string", "description": "弹出层位置,同 Popopver 的location 属性", "isRequired": false, "description_zh": "弹出层位置,同 Popopver 的location 属性" }, "next-step-Txt": { "default": "下一步", "value": "", "type": "string", "description": "下一步按钮文案", "isRequired": false, "description_zh": "下一步按钮文案" }, "prev-step-Txt": { "default": "上一步", "value": "", "type": "string", "description": "上一步按钮文案", "isRequired": false, "description_zh": "上一步按钮文案" }, "complete-txt": { "default": "'完成'", "value": "", "type": "string", "description": "完成按钮文案", "isRequired": false, "description_zh": "完成按钮文案" }, "mask": { "default": "true", "value": "", "type": "boolean", "description": "是否显示镂空遮罩", "isRequired": false, "description_zh": "是否显示镂空遮罩" }, "bg-color": { "default": "false", "value": "", "type": "boolean", "description": "自定义背景色", "isRequired": false, "description_zh": "自定义背景色" }, "theme": { "default": "'light'", "value": "", "type": "string", "description": "气泡遮罩层主题,同 Popopver 的theme 属性", "isRequired": false, "description_zh": "气泡遮罩层主题,同 Popopver 的theme 属性" }, "mask-width": { "default": "‘’", "value": "", "type": "number | string", "description": "镂空遮罩层宽度", "isRequired": false, "description_zh": "镂空遮罩层宽度" }, "mask-height": { "default": "‘’", "value": "", "type": "number | string", "description": "镂空遮罩层高度", "isRequired": false, "description_zh": "镂空遮罩层高度" }, "close-on-click-overlay": { "default": "true", "value": "", "type": "Boolean", "description": "是否在点击镂空遮罩层后关闭,同 Popopver 的closeOnClickOverlay 属性", "isRequired": false, "description_zh": "是否在点击镂空遮罩层后关闭,同 Popopver 的closeOnClickOverlay 属性" }, "show-prev-step": { "default": "true", "value": "", "type": "boolean", "description": "是否展示上一步按钮", "isRequired": false, "description_zh": "是否展示上一步按钮" }, "show-title-bar": { "default": "false", "value": "", "type": "boolean", "description": "是否展示标题栏", "isRequired": false, "description_zh": "是否展示标题栏" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/tour", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/tour", "typeDetail": { "StepOptions": [ { "name": "target", "detail": "目标对象", "type": "id" }, { "name": "content", "detail": "气泡层内容", "type": "string" }, { "name": "location", "detail": "弹出层位置,同 Popopver 的location 属性", "type": "string" }, { "name": "popover-offset", "detail": "气泡层偏移量，同 Popopver 的offset 属性", "type": "[number, number]" }, { "name": "arrow-offset", "detail": "小箭头的偏移量，同 Popopver 的arrowOffset 属性", "type": "number" } ] }, "events": [ { "name": "change", "description": "切换步骤时触发", "description_zh": "切换步骤时触发", "params": "" }, { "name": "close", "description": "气泡层关闭时触发", "description_zh": "气泡层关闭时触发", "params": "" } ], "methods": [], "slots": [ { "name": "default", "description": "自定义气泡层内容", "description_zh": "自定义气泡层内容" }, { "name": "prev-step", "description": "自定义上一步内容", "description_zh": "自定义上一步内容" }, { "name": "next-step", "description": "自定义下一步内容", "description_zh": "自定义下一步内容" } ], "filename": "Tour", "suggestions": [] }, { "name": "NutTrendArrow", "description": "带有箭头指示的百分比数字，用以展示指标趋势。", "description_zh": "带有箭头指示的百分比数字，用以展示指标趋势。", "tag": "趋势箭头", "props": { ":rate": { "default": "-", "value": "", "type": "number", "description": "数值，大于 0 时箭头向上，小于 0 时箭头向下", "isRequired": false, "description_zh": "数值，大于 0 时箭头向上，小于 0 时箭头向下" }, ":digits": { "default": "2", "value": "", "type": "number", "description": "小数位精度", "isRequired": false, "description_zh": "小数位精度" }, "show-sign": { "default": "false", "value": "", "type": "boolean", "description": "是否显示加减号", "isRequired": false, "description_zh": "是否显示加减号" }, "show-zero": { "default": "false", "value": "", "type": "boolean", "description": "是否显示 0", "isRequired": false, "description_zh": "是否显示 0" }, "arrow-left": { "default": "false", "value": "", "type": "boolean", "description": "是否在数字左侧显示箭头", "isRequired": false, "description_zh": "是否在数字左侧显示箭头" }, "sync-text-color": { "default": "true", "value": "", "type": "boolean", "description": "文字颜色是否与箭头同步", "isRequired": false, "description_zh": "文字颜色是否与箭头同步" }, "text-color": { "default": "#333333", "value": "", "type": "string", "description": "文字颜色", "isRequired": false, "description_zh": "文字颜色" }, "rise-color": { "default": "#fa2c19", "value": "", "type": "string", "description": "向上箭头颜色", "isRequired": false, "description_zh": "向上箭头颜色" }, "drop-color": { "default": "#64b578", "value": "", "type": "string", "description": "向下箭头颜色", "isRequired": false, "description_zh": "向下箭头颜色" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/trendarrow", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/trendarrow", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "up-icon", "description": "自定义向上箭头图标，默认使用 TriangleUp", "description_zh": "自定义向上箭头图标，默认使用 TriangleUp" }, { "name": "down-icon", "description": "自定义向下箭头图标，默认使用 TriangleDown", "description_zh": "自定义向下箭头图标，默认使用 TriangleDown" } ], "filename": "TrendArrow", "suggestions": [] }, { "name": "NutVideo", "description": "原生 video 实现的视频播放器", "description_zh": "原生 video 实现的视频播放器", "tag": "视频播放器", "props": { "source": { "default": "{}", "value": "", "type": "VideoSource", "description": "视频地址和类型设置", "isRequired": false, "description_zh": "视频地址和类型设置" }, "options": { "default": "{}", "value": "", "type": "VideoOptions", "description": "控制视频播放属性", "isRequired": false, "description_zh": "控制视频播放属性" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/video", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/video", "typeDetail": { "VideoSource": [ { "name": "src", "detail": "视频链接", "type": "boolean" }, { "name": "type", "detail": "视频类型", "type": "string" } ], "VideoOptions": [ { "name": "autoplay", "detail": "是否自动播放", "type": "boolean" }, { "name": "poster", "detail": "海报设置", "type": "string" }, { "name": "loop", "detail": "是否循环播放", "type": "boolean" }, { "name": "controls", "detail": "是否展示操作栏", "type": "boolean" }, { "name": "muted", "detail": "是否静音", "type": "boolean" }, { "name": "volume", "detail": "音量控制", "type": "number" }, { "name": "disabled", "detail": "禁用操作（如循环播放的背景图，禁止操作）", "type": "boolean" }, { "name": "playsinline", "detail": "是否设置为行内播放元素（解决安卓兼容问题）", "type": "boolean" } ] }, "events": [ { "name": "play", "description": "播放", "description_zh": "播放", "params": "videoElm" }, { "name": "pause", "description": "暂停", "description_zh": "暂停", "params": "videoElm" }, { "name": "playend", "description": "播放完成回调", "description_zh": "播放完成回调", "params": "videoElm" }, { "name": "time", "description": "播放时触发(current 为当前播放时间，total 为总时间)", "description_zh": "播放时触发(current 为当前播放时间，total 为总时间)", "params": "(current:string,total:string)" } ], "methods": [ { "name": "play", "description": "", "params": "播放", "description_zh": "" }, { "name": "pause", "description": "", "params": "暂停", "description_zh": "" }, { "name": "stop", "description": "", "params": "结束", "description_zh": "" }, { "name": "muted", "description": "", "params": "静音", "description_zh": "" }, { "name": "unmuted", "description": "", "params": "取消静音", "description_zh": "" } ], "slots": [], "filename": "Video", "suggestions": [] }, { "name": "NutWatermark", "description": "页面上添加特定的文字或图案，可用于防止信息盗用。", "description_zh": "页面上添加特定的文字或图案，可用于防止信息盗用。", "tag": "水印", "props": { ":width": { "default": "120", "value": "", "type": "number", "description": "水印的宽度", "isRequired": false, "description_zh": "水印的宽度" }, ":height": { "default": "64", "value": "", "type": "number", "description": "水印的高度", "isRequired": false, "description_zh": "水印的高度" }, ":rotate": { "default": "-22", "value": "", "type": "number", "description": "水印绘制时，旋转的角度", "isRequired": false, "description_zh": "水印绘制时，旋转的角度" }, "image": { "default": "-", "value": "", "type": "string", "description": "图片源，建议导出 2 倍或 3 倍图，优先使用图片渲染水印", "isRequired": false, "description_zh": "图片源，建议导出 2 倍或 3 倍图，优先使用图片渲染水印" }, ":image-width": { "default": "120", "value": "", "type": "number", "description": "图片宽度", "isRequired": false, "description_zh": "图片宽度" }, ":image-height": { "default": "64", "value": "", "type": "number", "description": "图片高度", "isRequired": false, "description_zh": "图片高度" }, ":z-index": { "default": "2000", "value": "", "type": "number", "description": "追加的水印元素的 z-index", "isRequired": false, "description_zh": "追加的水印元素的 z-index" }, "content": { "default": "-", "value": "", "type": "string | string[]", "description": "水印文字内容", "isRequired": false, "description_zh": "水印文字内容" }, "font-color": { "default": "rgba(0, 0, 0, .15)", "value": "", "type": "string", "description": "水印文字颜色", "isRequired": false, "description_zh": "水印文字颜色" }, "font-size": { "default": "16", "value": "", "type": "string | number", "description": "文字大小", "isRequired": false, "description_zh": "文字大小" }, ":gap-x": { "default": "24", "value": "", "type": "number", "description": "水印之间的水平间距", "isRequired": false, "description_zh": "水印之间的水平间距" }, ":gap-y": { "default": "48", "value": "", "type": "number", "description": "水印之间的垂直间距", "isRequired": false, "description_zh": "水印之间的垂直间距" }, "full-page": { "default": "true", "value": "", "type": "boolean", "description": "是否覆盖整个页面", "isRequired": false, "description_zh": "是否覆盖整个页面" }, "font-family": { "default": "PingFang SC", "value": "", "type": "string", "description": "水印文字字体", "isRequired": false, "description_zh": "水印文字字体" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/watermark", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/watermark", "typeDetail": {}, "events": [], "methods": [], "slots": [], "filename": "Watermark", "suggestions": [] }, { "name": "NutAddress", "description": "用于进行四级地址选择", "description_zh": "用于进行四级地址选择", "tag": "地址", "props": { "v-model:visible": { "default": "false", "value": "", "type": "boolean", "description": "是否打开地址选择", "isRequired": false, "description_zh": "是否打开地址选择" }, "v-model:value": { "default": "[]", "value": "", "type": "Array", "description": "设置默认选中值", "isRequired": false, "description_zh": "设置默认选中值" }, "type": { "default": "custom", "value": "", "type": "string", "description": "地址选择类型 exist/custom/custom2", "isRequired": false, "description_zh": "地址选择类型 exist/custom/custom2" }, "province": { "default": "[]", "value": "", "type": "Array", "description": "省，每个省的对象中，必须有 name 字段，如果类型选择 custom2，必须指定 title 字段为首字母", "isRequired": false, "description_zh": "省，每个省的对象中，必须有 name 字段，如果类型选择 custom2，必须指定 title 字段为首字母" }, "city": { "default": "[]", "value": "", "type": "Array", "description": "市，每个市的对象中，必须有 name 字段，如果类型选择 custom2，必须指定 title 字段为首字母", "isRequired": false, "description_zh": "市，每个市的对象中，必须有 name 字段，如果类型选择 custom2，必须指定 title 字段为首字母" }, "country": { "default": "[]", "value": "", "type": "Array", "description": "县，每个县的对象中，必须有 name 字段，如果类型选择 custom2，必须指定 title 字段为首字母", "isRequired": false, "description_zh": "县，每个县的对象中，必须有 name 字段，如果类型选择 custom2，必须指定 title 字段为首字母" }, "town": { "default": "[]", "value": "", "type": "Array", "description": "乡/镇，每个乡/镇的对象中,必须有 name 字段,如果类型选择 custom2，必须指定 title 字段为首字母", "isRequired": false, "description_zh": "乡/镇，每个乡/镇的对象中,必须有 name 字段,如果类型选择 custom2，必须指定 title 字段为首字母" }, "height": { "default": "200px", "value": "", "type": "string | number", "description": "弹层中内容容器的高度，仅在 type=\"custom2\" 时有效", "isRequired": false, "description_zh": "弹层中内容容器的高度，仅在 type=\"custom2\" 时有效" }, "exist-address": { "default": "[]", "value": "", "type": "Array", "description": "已存在地址列表，每个地址对象中，必传值 provinceName、cityName、countyName、townName、addressDetail、selectedAddress（字段解释见下）", "isRequired": false, "description_zh": "已存在地址列表，每个地址对象中，必传值 provinceName、cityName、countyName、townName、addressDetail、selectedAddress（字段解释见下）" }, "is-show-custom-address": { "default": "true", "value": "", "type": "boolean", "description": "是否可以切换自定义地址选择，type=‘exist’ 时生效", "isRequired": false, "description_zh": "是否可以切换自定义地址选择，type=‘exist’ 时生效" }, "custom-address-title": { "default": "请选择所在地区", "value": "", "type": "string", "description": "自定义地址选择文案，type='custom' 时生效", "isRequired": false, "description_zh": "自定义地址选择文案，type='custom' 时生效" }, "exist-address-title": { "default": "配送至", "value": "", "type": "string", "description": "已有地址文案 ，type=‘exist’ 时生效", "isRequired": false, "description_zh": "已有地址文案 ，type=‘exist’ 时生效" }, "custom-and-exist-title": { "default": "选择其他地址", "value": "", "type": "string", "description": "自定义地址与已有地址切换按钮文案 ，type=‘exist’ 时生效", "isRequired": false, "description_zh": "自定义地址与已有地址切换按钮文案 ，type=‘exist’ 时生效" }, "columns-placeholder": { "default": "请选择", "value": "", "type": "string | Array", "description": "列提示文字", "isRequired": false, "description_zh": "列提示文字" }, "lock-scroll": { "default": "true", "value": "", "type": "boolean", "description": "背景是否锁定", "isRequired": false, "description_zh": "背景是否锁定" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/address", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/address", "typeDetail": { "change": [ { "name": "custom", "detail": "当前点击的行政区域", "type": "province(省) / city(市) / country(县) / town(乡)" }, { "name": "next", "detail": "当前点击的行政区域的下一级", "type": "province(省) / city(市) / country(县) / town(乡)" }, { "name": "value", "detail": "当前点击的行政区域的值（返回传入的值）", "type": "{}" } ], "selected": [ { "name": "第一个参数（prevExistAdd）", "detail": "选择前选中的地址", "type": "{}" }, { "name": "第二个参数（nowExistAdd）", "detail": "当前选中的地址", "type": "{}" }, { "name": "第三个参数（arr）", "detail": "选择完之后的已有地址列表（selectedAddress 值发生改变）", "type": "{}" } ], "close": [ { "name": "type", "detail": "地址选择类型 exist/custom/custom2", "type": "exist/custom/custom2" }, { "name": "data", "detail": "选择地址的值,custom 时，addressStr 为选择的地址组合", "type": "{}" } ] }, "events": [ { "name": "change", "description": "自定义选择地址时，选择地区时触发", "description_zh": "自定义选择地址时，选择地区时触发", "params": "参考 onChange" }, { "name": "selected", "description": "选择已有地址列表时触发", "description_zh": "选择已有地址列表时触发", "params": "参考 selected" }, { "name": "close", "description": "地址选择弹框关闭时触发", "description_zh": "地址选择弹框关闭时触发", "params": "参考 close" }, { "name": "close-mask", "description": "点击遮罩层或点击右上角叉号关闭时触发", "description_zh": "点击遮罩层或点击右上角叉号关闭时触发", "params": "{closeWay:‘mask’/‘cross’}" }, { "name": "switch-module", "description": "点击‘选择其他地址’或自定义地址选择左上角返回按钮触发", "description_zh": "点击‘选择其他地址’或自定义地址选择左上角返回按钮触发", "params": "{type:‘exist’/‘custom’/‘custom2’}" } ], "methods": [], "slots": [ { "name": "bottom", "description": "可自定义底部", "description_zh": "可自定义底部" }, { "name": "icon", "description": "自定义选中项的图标", "description_zh": "自定义选中项的图标" }, { "name": "unselected-icon", "description": "未选中地址时的图标", "description_zh": "未选中地址时的图标" }, { "name": "close-icon", "description": "关闭弹层的图标", "description_zh": "关闭弹层的图标" }, { "name": "back-icon", "description": "自定义地址与已有地址切换时返回的图标", "description_zh": "自定义地址与已有地址切换时返回的图标" } ], "filename": "Address", "suggestions": [] }, { "name": "NutAddressList", "description": "主要用于进行地址列表的展示以及操作。", "description_zh": "主要用于进行地址列表的展示以及操作。", "tag": "地址列表", "props": { "data": { "default": "-", "value": "", "type": "Array", "description": "地址数组", "isRequired": false, "description_zh": "地址数组" }, "long-press": { "default": "false", "value": "", "type": "boolean", "description": "长按功能", "isRequired": false, "description_zh": "长按功能" }, "swipe-edition": { "default": "false", "value": "", "type": "boolean", "description": "右滑功能", "isRequired": false, "description_zh": "右滑功能" }, "show-bottom-button": { "default": "true", "value": "", "type": "boolean", "description": "是否展示底部按钮", "isRequired": false, "description_zh": "是否展示底部按钮" }, "data-options": { "default": "-", "value": "", "type": "Object", "description": "自定义 key 值时，设置映射关系", "isRequired": false, "description_zh": "自定义 key 值时，设置映射关系" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/addresslist", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/addresslist", "typeDetail": {}, "events": [ { "name": "del-icon", "description": "点击删除图标", "description_zh": "点击删除图标", "params": "event: Event,item" }, { "name": "edit-icon", "description": "点击编辑图标", "description_zh": "点击编辑图标", "params": "event: Event,item" }, { "name": "click-item", "description": "点击地址列表每一项", "description_zh": "点击地址列表每一项", "params": "event: Event,item" }, { "name": "add", "description": "点击底部添加地址按钮", "description_zh": "点击底部添加地址按钮", "params": "event: Event" }, { "name": "long-copy", "description": "点击复制地址按钮", "description_zh": "点击复制地址按钮", "params": "event: Event,item" }, { "name": "long-set", "description": "点击设置默认按钮", "description_zh": "点击设置默认按钮", "params": "event: Event,item" }, { "name": "long-del", "description": "点击删除地址按钮", "description_zh": "点击删除地址按钮", "params": "event: Event,item" }, { "name": "swipe-del", "description": "默认右滑删除按钮", "description_zh": "默认右滑删除按钮", "params": "event: Event,item" } ], "methods": [], "slots": [ { "name": "item-infos", "description": "地址列表项姓名/联系方式/默认一行", "description_zh": "地址列表项姓名/联系方式/默认一行" }, { "name": "item-icon", "description": "地址列表项图标", "description_zh": "地址列表项图标" }, { "name": "item-addr", "description": "地址列表项详细地址", "description_zh": "地址列表项详细地址" }, { "name": "swipe-right", "description": "地址列表项右滑区域", "description_zh": "地址列表项右滑区域" }, { "name": "longpress-btns", "description": "地址列表项长按遮罩内容", "description_zh": "地址列表项长按遮罩内容" } ], "filename": "AddressList", "suggestions": [] }, { "name": "NutAvatarCropper", "description": "用来对头像进行剪切生成一张新的图片。在 NutUI >= 4.2.0 版本中提供。", "description_zh": "用来对头像进行剪切生成一张新的图片。在 NutUI >= 4.2.0 版本中提供。", "tag": "头像裁剪", "props": { ":max-zoom": { "default": "3", "value": "", "type": "number", "description": "最大缩放倍数", "isRequired": false, "description_zh": "最大缩放倍数" }, ":space": { "default": "10", "value": "", "type": "number", "description": "裁剪区域两边预留的间隙", "isRequired": false, "description_zh": "裁剪区域两边预留的间隙" }, "toolbar-position": { "default": "bottom", "value": "", "type": "string", "description": "裁剪区域工具栏位置,可选值为：top bottom", "isRequired": false, "description_zh": "裁剪区域工具栏位置,可选值为：top bottom" }, "edit-text": { "default": "编辑", "value": "", "type": "string", "description": "中间的文字内容", "isRequired": false, "description_zh": "中间的文字内容" }, "cancel-text": { "default": "取消", "value": "", "type": "string", "description": "取消按钮的文字", "isRequired": false, "description_zh": "取消按钮的文字" }, "cancel-confirm": { "default": "确认", "value": "", "type": "string", "description": "确认按钮的文字", "isRequired": false, "description_zh": "确认按钮的文字" }, "shape": { "default": "square", "value": "", "type": "string", "description": "头像的形状,可选值为：square round", "isRequired": false, "description_zh": "头像的形状,可选值为：square round" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/avatarcropper", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/avatarcropper", "typeDetail": {}, "events": [ { "name": "confirm", "description": "裁剪后点击确认触发", "description_zh": "裁剪后点击确认触发", "params": "url:裁剪后的base64" }, { "name": "cancel", "description": "点击取消触发", "description_zh": "点击取消触发", "params": "-" } ], "methods": [ { "name": "cancel", "description": "取消裁剪", "params": "", "description_zh": "取消裁剪" }, { "name": "reset", "description": "重置为0度", "params": "", "description_zh": "重置为0度" }, { "name": "rotate", "description": "旋转90度", "params": "", "description_zh": "旋转90度" }, { "name": "confirm", "description": "确定裁剪", "params": "", "description_zh": "确定裁剪" } ], "slots": [ { "name": "default", "description": "默认插槽，可放置图片、图标、文本等元素", "description_zh": "默认插槽，可放置图片、图标、文本等元素" }, { "name": "toolbar", "description": "选择文件后裁剪弹窗底部元素可以自定义，通过ref调用组件的方法", "description_zh": "选择文件后裁剪弹窗底部元素可以自定义，通过ref调用组件的方法" } ], "filename": "AvatarCropper", "suggestions": [] }, { "name": "NutBarrage", "description": "用于话语和词组的轮播展示，适用于视频中或其他类似需求中。", "description_zh": "用于话语和词组的轮播展示，适用于视频中或其他类似需求中。", "tag": "弹幕", "props": { "danmu": { "default": "[]", "value": "", "type": "Array", "description": "弹幕列表数据", "isRequired": false, "description_zh": "弹幕列表数据" }, ":frequency": { "default": "500", "value": "", "type": "number", "description": "可视区域内每个弹幕出现的时间间隔", "isRequired": false, "description_zh": "可视区域内每个弹幕出现的时间间隔" }, ":speeds": { "default": "5000", "value": "", "type": "number", "description": "每个弹幕的滚动时间", "isRequired": false, "description_zh": "每个弹幕的滚动时间" }, ":rows": { "default": "3", "value": "", "type": "number", "description": "弹幕行数，分几行展示", "isRequired": false, "description_zh": "弹幕行数，分几行展示" }, ":top": { "default": "10", "value": "", "type": "number", "description": "弹幕垂直距离", "isRequired": false, "description_zh": "弹幕垂直距离" }, "loop": { "default": "true", "value": "", "type": "boolean", "description": "是否循环播放", "isRequired": false, "description_zh": "是否循环播放" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/barrage", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/barrage", "typeDetail": {}, "events": [ { "name": "add", "description": "添加数据(通过 ref 实例使用)", "description_zh": "添加数据(通过 ref 实例使用)", "params": "-" } ], "methods": [], "slots": [], "filename": "Barrage", "suggestions": [] }, { "name": "NutCard", "description": "商品卡片，用于展示商品的图片、价格等信息", "description_zh": "商品卡片，用于展示商品的图片、价格等信息", "tag": "商品卡片", "props": { "img-url": { "default": "-", "value": "", "type": "string", "description": "左侧图片 URL", "isRequired": false, "description_zh": "左侧图片 URL" }, "title": { "default": "-", "value": "", "type": "string", "description": "标题", "isRequired": false, "description_zh": "标题" }, "price": { "default": "-", "value": "", "type": "string", "description": "商品价格", "isRequired": false, "description_zh": "商品价格" }, "vip-price": { "default": "-", "value": "", "type": "string", "description": "会员价格", "isRequired": false, "description_zh": "会员价格" }, "shop-desc": { "default": "-", "value": "", "type": "string", "description": "店铺介绍", "isRequired": false, "description_zh": "店铺介绍" }, "delivery": { "default": "-", "value": "", "type": "string", "description": "配送方式", "isRequired": false, "description_zh": "配送方式" }, "shop-name": { "default": "-", "value": "", "type": "string", "description": "店铺名称", "isRequired": false, "description_zh": "店铺名称" }, "is-need-price": { "default": "true", "value": "", "type": "boolean", "description": "是否需要价格展示", "isRequired": false, "description_zh": "是否需要价格展示" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/card", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/card", "typeDetail": {}, "events": [ { "name": "click", "description": "点击事件", "description_zh": "点击事件", "params": "event: MouseEvent" } ], "methods": [], "slots": [ { "name": "prolist", "description": "自定义商品介绍", "description_zh": "自定义商品介绍" }, { "name": "price", "description": "价格自定义内容", "description_zh": "价格自定义内容" }, { "name": "origin", "description": "价格后方自定义内容", "description_zh": "价格后方自定义内容" }, { "name": "shop-tag", "description": "店铺介绍自定义", "description_zh": "店铺介绍自定义" }, { "name": "footer", "description": "右下角内容自定义", "description_zh": "右下角内容自定义" } ], "filename": "Card", "suggestions": [] }, { "name": "NutCategory", "description": "用于展示商品分类的组件。", "description_zh": "用于展示商品分类的组件。", "tag": "商品分类", "props": { "type": { "default": "classify", "value": "", "type": "string", "description": "分类模式：classify，text，custom", "isRequired": false, "description_zh": "分类模式：classify，text，custom" }, "category": { "default": "[]", "value": "", "type": "Array", "description": "左侧导航栏数据列表", "isRequired": false, "description_zh": "左侧导航栏数据列表" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/category", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/category", "typeDetail": {}, "events": [ { "name": "change", "description": "经典分类，点击左侧导航栏，获取右侧数据列表", "description_zh": "经典分类，点击左侧导航栏，获取右侧数据列表", "params": "点击的数据" }, { "name": "change-text", "description": "文本分类模式，更点击左侧导航栏，获取右侧数据列表", "description_zh": "文本分类模式，更点击左侧导航栏，获取右侧数据列表", "params": "输入的数据" }, { "name": "change-custom", "description": "自定义，点击左侧导航栏，获取右侧数据列表", "description_zh": "自定义，点击左侧导航栏，获取右侧数据列表", "params": "当前数量" } ], "methods": [], "slots": [], "filename": "Category", "suggestions": [ "nut-category-pane" ] }, { "name": "NutCategoryPane", "description": "用于展示商品分类的组件。", "description_zh": "用于展示商品分类的组件。", "tag": "商品分类", "props": { "category-child": { "default": "[]", "value": "", "type": "Array", "description": "右侧展示当前分类数据", "isRequired": false, "description_zh": "右侧展示当前分类数据" }, "custom-category": { "default": "[]", "value": "", "type": "Array", "description": "自定义分类数据", "isRequired": false, "description_zh": "自定义分类数据" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/category", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/category", "typeDetail": {}, "events": [ { "name": "on-change", "description": "点击右侧分类数据触发", "description_zh": "点击右侧分类数据触发", "params": "点击的数据" } ], "methods": [], "slots": [ { "name": "default", "description": "自定义内容", "description_zh": "自定义内容" } ], "filename": "CategoryPane", "suggestions": [] }, { "name": "NutComment", "description": "用于进行评论列表的展示。", "description_zh": "用于进行评论列表的展示。", "tag": "商品评论", "props": { "header-type": { "default": "default", "value": "", "type": "string", "description": "头部样式展示类型，可选： default，complex", "isRequired": false, "description_zh": "头部样式展示类型，可选： default，complex" }, "images-rows": { "default": "one", "value": "", "type": "string", "description": "评论图片展示行数，可选： one，multi", "isRequired": false, "description_zh": "评论图片展示行数，可选： one，multi" }, "ellipsis": { "default": "2", "value": "", "type": "string | number", "description": "设置评论内容省略行数", "isRequired": false, "description_zh": "设置评论内容省略行数" }, "videos": { "default": "[]", "value": "", "type": "Array", "description": "视频信息", "isRequired": false, "description_zh": "视频信息" }, "images": { "default": "[]", "value": "", "type": "Array", "description": "图片信息", "isRequired": false, "description_zh": "图片信息" }, ":info": { "default": "{}", "value": "", "type": "object", "description": "评论详情", "isRequired": false, "description_zh": "评论详情" }, ":follow": { "default": "{}", "value": "", "type": "object", "description": "追评内容", "isRequired": false, "description_zh": "追评内容" }, "operation": { "default": "[\"replay\", \"like\", \"more\"]", "value": "", "type": "Array", "description": "配置底部按钮", "isRequired": false, "description_zh": "配置底部按钮" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/comment", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/comment", "typeDetail": {}, "events": [ { "name": "click-operate", "description": "点击底部操作按钮回调函数", "description_zh": "点击底部操作按钮回调函数", "params": "type" }, { "name": "click", "description": "点击评论内容回调函数", "description_zh": "点击评论内容回调函数", "params": "type" }, { "name": "click-images", "description": "点击图片或视频触发", "description_zh": "点击图片或视频触发", "params": "{type,index,value}" } ], "methods": [], "slots": [ { "name": "comment-labels", "description": "评论用户的标签", "description_zh": "评论用户的标签" }, { "name": "comment-shop-reply", "description": "评论最底部，用于展示商家回复", "description_zh": "评论最底部，用于展示商家回复" } ], "filename": "Comment", "suggestions": [] }, { "name": "NutEcard", "description": "虚拟电子卡选择", "description_zh": "虚拟电子卡选择", "tag": "虚拟电子卡", "props": { ":model-value": { "default": "0", "value": "", "type": "number", "description": "购买电子卡所需价钱", "isRequired": false, "description_zh": "购买电子卡所需价钱" }, "choose-text": { "default": "请选择电子卡面值", "value": "", "type": "string", "description": "选择面值文案", "isRequired": false, "description_zh": "选择面值文案" }, "other-value-text": { "default": "其他面值", "value": "", "type": "string", "description": "其他面值文案", "isRequired": false, "description_zh": "其他面值文案" }, "data-list": { "default": "DataList[]", "value": "", "type": "Array", "description": "电子卡面值列表", "isRequired": false, "description_zh": "电子卡面值列表" }, ":card-amount-min": { "default": "1", "value": "", "type": "number", "description": "其它面值最小值", "isRequired": false, "description_zh": "其它面值最小值" }, ":card-amount-max": { "default": "9999", "value": "", "type": "number", "description": "其他面值最大值", "isRequired": false, "description_zh": "其他面值最大值" }, ":card-buy-min": { "default": "1", "value": "", "type": "number", "description": "购买数量最小值", "isRequired": false, "description_zh": "购买数量最小值" }, ":card-buy-max": { "default": "9999", "value": "", "type": "number", "description": "购买数量最大值", "isRequired": false, "description_zh": "购买数量最大值" }, "placeholder": { "default": "请输入1-5000整数", "value": "", "type": "string", "description": "其他面值默认提示语", "isRequired": false, "description_zh": "其他面值默认提示语" }, "suffix": { "default": "¥", "value": "", "type": "string", "description": "符号标示", "isRequired": false, "description_zh": "符号标示" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/ecard", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/ecard", "typeDetail": { "DataList": [ { "name": "price", "detail": "每张电子卡价格", "type": "string" } ] }, "events": [ { "name": "change", "description": "选中电子卡事件", "description_zh": "选中电子卡事件", "params": "点击的数据" }, { "name": "input-change", "description": "更改 input 框触发事件", "description_zh": "更改 input 框触发事件", "params": "输入的数据" }, { "name": "change-step", "description": "更改数量时触发", "description_zh": "更改数量时触发", "params": "当前数量，当前选中的卡面值" } ], "methods": [], "slots": [], "filename": "Ecard", "suggestions": [] }, { "name": "NutInvoice", "description": "展示申请发票页面。", "description_zh": "展示申请发票页面。", "tag": "发票", "props": { "data": { "default": "-", "value": "", "type": "Array", "description": "发票数据", "isRequired": false, "description_zh": "发票数据" }, ":form-value": { "default": "-", "value": "", "type": "object", "description": "表单数据对象(使用表单校验时，必填)", "isRequired": false, "description_zh": "表单数据对象(使用表单校验时，必填)" }, "submit": { "default": "true", "value": "", "type": "boolean", "description": "是否显示提交按钮", "isRequired": false, "description_zh": "是否显示提交按钮" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/invoice", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/invoice", "typeDetail": { "Data": [ { "name": "type", "detail": "类型，可选值有 input、radio", "type": "string" }, { "name": "label", "detail": "表单项 label", "type": "string" }, { "name": "placeholder", "detail": "输入框 placeholder", "type": "string" }, { "name": "radio-label", "detail": "单选 label", "type": "string" }, { "name": "form-item-prop", "detail": "表单域 v-model 字段， 在使用表单校验功能的情况下，该属性是必填的", "type": "string" }, { "name": "rules", "detail": "校验规则，可参考 FormItem Rule 数据结构", "type": "Array" }, { "name": "required", "detail": "是否显示必填字段的标签旁边的红色星号", "type": "boolean" } ] }, "events": [ { "name": "submit", "description": "提交表单的方法", "description_zh": "提交表单的方法", "params": "-" } ], "methods": [], "slots": [], "filename": "Invoice", "suggestions": [] }, { "name": "NutSignature", "description": "基于 Canvas 的签名组件。默认竖屏模式使用，如使用横屏模式，请开发者自行设置旋转角度或者宽高。", "description_zh": "基于 Canvas 的签名组件。默认竖屏模式使用，如使用横屏模式，请开发者自行设置旋转角度或者宽高。", "tag": "签名", "props": { "custom-class": { "default": "-", "value": "", "type": "string", "description": "自定义 class", "isRequired": false, "description_zh": "自定义 class" }, ":line-width": { "default": "3", "value": "", "type": "number", "description": "线条的宽度", "isRequired": false, "description_zh": "线条的宽度" }, "stroke-style": { "default": "#000", "value": "", "type": "string", "description": "绘图笔触颜色", "isRequired": false, "description_zh": "绘图笔触颜色" }, "type": { "default": "png", "value": "", "type": "string", "description": "图片格式", "isRequired": false, "description_zh": "图片格式" }, "un-support-tpl": { "default": "对不起，当前浏览器不支持Canvas，无法使用本控件！", "value": "", "type": "string", "description": "不支持 Canvas 情况下的展示文案", "isRequired": false, "description_zh": "不支持 Canvas 情况下的展示文案" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/signature", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/signature", "typeDetail": {}, "events": [ { "name": "start", "description": "签名开始回调函数（指某次笔画的开始）", "description_zh": "签名开始回调函数（指某次笔画的开始）", "params": "-" }, { "name": "signing", "description": "正在签名的回调函数（指某次笔画进行中）", "description_zh": "正在签名的回调函数（指某次笔画进行中）", "params": "event" }, { "name": "end", "description": "签名结束回调函数（指某次笔画的结束）", "description_zh": "签名结束回调函数（指某次笔画的结束）", "params": "-" }, { "name": "confirm", "description": "点击确认按钮触发事件回调函数", "description_zh": "点击确认按钮触发事件回调函数", "params": "canvas和签名图片展示的 data URI，
如未绘制，则返回提示信息和空 data URI" }, { "name": "clear", "description": "点击重签按钮触发事件回调函数", "description_zh": "点击重签按钮触发事件回调函数", "params": "-" } ], "methods": [], "slots": [], "filename": "Signature", "suggestions": [] }, { "name": "NutSku", "description": "常用于进行商品选择", "description_zh": "常用于进行商品选择", "tag": "商品规格选择", "props": { "v-model:visible": { "default": "false", "value": "", "type": "boolean", "description": "是否显示商品规格弹框", "isRequired": false, "description_zh": "是否显示商品规格弹框" }, "sku": { "default": "[]", "value": "", "type": "Array", "description": "商品 sku 数据", "isRequired": false, "description_zh": "商品 sku 数据" }, ":goods": { "default": "-", "value": "", "type": "object", "description": "商品信息", "isRequired": false, "description_zh": "商品信息" }, "stepper-max": { "default": "99999", "value": "", "type": "string | number", "description": "设置 inputNumber 最大值", "isRequired": false, "description_zh": "设置 inputNumber 最大值" }, "stepper-min": { "default": "1", "value": "", "type": "string | number", "description": "设置 inputNumber 最小值", "isRequired": false, "description_zh": "设置 inputNumber 最小值" }, "btn-options": { "default": "[confirm]", "value": "", "type": "Array", "description": "底部按钮设置。[confirm, buy, cart ] 分别对应确定、立即购买、加入购物车", "isRequired": false, "description_zh": "底部按钮设置。[confirm, buy, cart ] 分别对应确定、立即购买、加入购物车" }, "btn-extra-text": { "default": "-", "value": "", "type": "string", "description": "按钮上部添加文案，默认为空，有值时显示", "isRequired": false, "description_zh": "按钮上部添加文案，默认为空，有值时显示" }, "stepper-title": { "default": "购买数量", "value": "", "type": "string", "description": "数量选择组件左侧文案", "isRequired": false, "description_zh": "数量选择组件左侧文案" }, "stepper-extra-text": { "default": "false", "value": "", "type": "Function | boolean", "description": "InputNumber 与标题之间的文案", "isRequired": false, "description_zh": "InputNumber 与标题之间的文案" }, "buy-text": { "default": "立即购买", "value": "", "type": "string", "description": "立即购买按钮文案", "isRequired": false, "description_zh": "立即购买按钮文案" }, "add-cart-text": { "default": "加入购物车 ", "value": "", "type": "string", "description": "加入购物车按钮文案", "isRequired": false, "description_zh": "加入购物车按钮文案" }, "confirm-text": { "default": "确定", "value": "", "type": "string", "description": "确定按钮文案", "isRequired": false, "description_zh": "确定按钮文案" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/sku", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/sku", "typeDetail": {}, "events": [ { "name": "select-sku", "description": "切换规格类目时触发", "description_zh": "切换规格类目时触发", "params": "{sku,skuIndex,parentSku,parentIndex}" }, { "name": "add", "description": "InputNumber 点击增加按钮时触发", "description_zh": "InputNumber 点击增加按钮时触发", "params": "value" }, { "name": "reduce", "description": "InputNumber 点击减少按钮时触发", "description_zh": "InputNumber 点击减少按钮时触发", "params": "value" }, { "name": "overLimit", "description": "InputNumber 点击不可用的按钮时触发", "description_zh": "InputNumber 点击不可用的按钮时触发", "params": "value" }, { "name": "change-stepper", "description": "购买变化时触发", "description_zh": "购买变化时触发", "params": "value" }, { "name": "click-btn-operate", "description": "点击底部按钮时触发", "description_zh": "点击底部按钮时触发", "params": "{type:‘confirm’,value:‘inputNumber value’}" }, { "name": "click-close-icon", "description": "点击左上角关闭 icon 时触发", "description_zh": "点击左上角关闭 icon 时触发", "params": "-" }, { "name": "click-overlay", "description": "点击遮罩时触发", "description_zh": "点击遮罩时触发", "params": "-" }, { "name": "close", "description": "关闭弹层时触发", "description_zh": "关闭弹层时触发", "params": "-" } ], "methods": [], "slots": [ { "name": "sku-header", "description": "商品信息展示区，包含商品图片、价格、编号", "description_zh": "商品信息展示区，包含商品图片、价格、编号" }, { "name": "sku-header-price", "description": "商品信息展示区，价格区域展示", "description_zh": "商品信息展示区，价格区域展示" }, { "name": "sku-header-extra", "description": "商品信息展示区，编号区域展示", "description_zh": "商品信息展示区，编号区域展示" }, { "name": "sku-select-top", "description": "Sku 展示区上方与商品信息展示区下方区域，无默认展示内容", "description_zh": "Sku 展示区上方与商品信息展示区下方区域，无默认展示内容" }, { "name": "sku-select", "description": "Sku 展示区", "description_zh": "Sku 展示区" }, { "name": "sku-stepper", "description": "数量选择区", "description_zh": "数量选择区" }, { "name": "sku-stepper-bottom", "description": "数量选择区下方区域", "description_zh": "数量选择区下方区域" }, { "name": "sku-operate", "description": "底部按钮操作区域", "description_zh": "底部按钮操作区域" } ], "filename": "Sku", "suggestions": [] }, { "name": "NutTimeSelect", "description": "用于配送时间选择", "description_zh": "用于配送时间选择", "tag": "配送时间", "props": { "visible": { "default": "false", "value": "", "type": "boolean", "description": "是否显示弹层", "isRequired": false, "description_zh": "是否显示弹层" }, "height": { "default": "20%", "value": "", "type": "string", "description": "弹层的高度", "isRequired": false, "description_zh": "弹层的高度" }, "title": { "default": "取件时间", "value": "", "type": "string", "description": "弹层标题", "isRequired": false, "description_zh": "弹层标题" }, "current-key": { "default": "0", "value": "", "type": "string | number", "description": "唯一标识", "isRequired": false, "description_zh": "唯一标识" }, "current-time": { "default": "[]", "value": "", "type": "Array", "description": "当前选择的时间，数组元素包含:key: string; list: string[]", "isRequired": false, "description_zh": "当前选择的时间，数组元素包含:key: string; list: string[]" }, "lock-scroll": { "default": "true", "value": "", "type": "boolean", "description": "背景是否锁定", "isRequired": false, "description_zh": "背景是否锁定" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/timeselect", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/timeselect", "typeDetail": {}, "events": [], "methods": [], "slots": [ { "name": "title", "description": "更改标题", "description_zh": "更改标题" }, { "name": "pannel", "description": "左侧列表", "description_zh": "左侧列表" }, { "name": "detail", "description": "右侧详细内容", "description_zh": "右侧详细内容" } ], "filename": "TimeSelect", "suggestions": [] }, { "name": "NutTimePannel", "description": "用于配送时间选择", "description_zh": "用于配送时间选择", "tag": "配送时间", "props": { "name": { "default": "``", "value": "", "type": "string", "description": "显示的名称", "isRequired": false, "description_zh": "显示的名称" }, "pannel-key": { "default": "0", "value": "", "type": "string | number", "description": "唯一标识，和 current-key 一起标识当前选择的天", "isRequired": false, "description_zh": "唯一标识，和 current-key 一起标识当前选择的天" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/timeselect", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/timeselect", "typeDetail": {}, "events": [], "methods": [], "slots": [], "filename": "TimePannel", "suggestions": [] }, { "name": "NutTimeDetail", "description": "用于配送时间选择", "description_zh": "用于配送时间选择", "tag": "配送时间", "props": { "times": { "default": "[]", "value": "", "type": "Array", "description": "可选择的时间，数组元素同 current-time", "isRequired": false, "description_zh": "可选择的时间，数组元素同 current-time" } }, "link": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/timeselect", "link_zh": "https://nutui.jd.com/h5/vue/4x/#/zh-CN/component/timeselect", "typeDetail": {}, "events": [], "methods": [], "slots": [], "filename": "TimeDetail", "suggestions": [] } ]