nutui-uniapp
Version:
京东风格的轻量级移动端 Uniapp、Vue3 组件库(支持小程序开发)
1,500 lines (1,499 loc) • 438 kB
JSON
{
"$schema": "http://json.schemastore.org/web-types",
"framework": "vue",
"name": "nutui-uniapp",
"version": "1.10.0",
"js-types-syntax": "typescript",
"description-markup": "markdown",
"contributions": {
"html": {
"vue-components": [
{
"name": "nut-button",
"source": {
"symbol": "NutButton"
},
"description": "",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#button-按钮",
"props": [
{
"name": "type",
"description": "类型",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
],
"default": "default",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "default"
},
{
"name": "primary"
},
{
"name": "info"
},
{
"name": "success"
},
{
"name": "warning"
},
{
"name": "danger"
}
]
},
{
"name": "form-type",
"description": "表单类型,用于 uni 的 `<form>` 组件,点击分别会触发 `<form>` 组件的 submit / reset 事件",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
],
"default": "button",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "button"
},
{
"name": "submit"
},
{
"name": "reset"
}
]
},
{
"name": "size",
"description": "尺寸",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
],
"default": "normal",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "large"
},
{
"name": "normal"
},
{
"name": "small"
},
{
"name": "mini"
}
]
},
{
"name": "shape",
"description": "形状",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
],
"default": "round",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "square"
},
{
"name": "round"
}
]
},
{
"name": "custom-color",
"description": "按钮颜色,支持传入 `linear-gradient` 渐变色",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
]
},
{
"name": "plain",
"description": "是否为朴素按钮",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "disabled",
"description": "按钮是否为禁用状态",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "block",
"description": "是否为块级元素",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "loading",
"description": "是否为加载中状态",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "open-type",
"description": "开放能力",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
]
},
{
"name": "lang",
"description": "指定返回用户信息的语言,zh_CN 简体中文 / zh_TW 繁体中文 / en 英文",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
],
"default": "en"
},
{
"name": "session-from",
"description": "会话来源,open-type=\"contact\" 时有效",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
]
},
{
"name": "send-message-title",
"description": "会话内消息卡片标题,open-type=\"contact\" 时有效",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
]
},
{
"name": "send-message-path",
"description": "会话内消息卡片点击跳转小程序路径,open-type=\"contact\" 时有效",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
]
},
{
"name": "send-message-img",
"description": "会话内消息卡片图片,open-type=\"contact\" 时有效",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
]
},
{
"name": "show-message-card",
"description": "是否显示会话内消息卡片,设置此参数为true,用户进入客服会话会在右下角显示\"可能要发送的小程序\"提示,用户点击后可以快速发送小程序消息,open-type=\"contact\" 时有效",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
]
},
{
"name": "hover-class",
"description": "指定按钮按下去的样式类,当hover-class=\"none\" 时,没有点击态效果",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
],
"default": "button-hover"
},
{
"name": "hover-start-time",
"description": "按住后多久出现点击态,单位毫秒",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"number"
],
"default": "20"
},
{
"name": "hover-stay-time",
"description": "手指松开后点击态保留时间,单位毫秒",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"number"
],
"default": "70"
},
{
"name": "group-id",
"description": "打开群资料卡时,传递的群号,open-type=\"openGroupProfile\" 时有效",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
]
},
{
"name": "guild-id",
"description": "打开频道页面时,传递的频道号,open-type=\"openGuildProfile\" 时有效",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
]
},
{
"name": "public-id",
"description": "打开公众号资料卡时,传递的号码,open-type=\"openPublicProfile\" 时有效",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
]
},
{
"name": "data-im-id",
"description": "客服的抖音号,open-type=\"im\" 时有效",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
]
},
{
"name": "data-im-type",
"description": "IM卡片类型,open-type=\"im\" 时有效",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
]
},
{
"name": "data-goods-id",
"description": "商品的id,仅支持泛知识课程库和生活服务商品库中的商品,open-type=\"im\" 时有效",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
]
},
{
"name": "data-order-id",
"description": "订单的id,仅支持交易2.0订单,open-type=\"im\" 时有效",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
]
},
{
"name": "data-biz-line",
"description": "商品类型,“1”代表生活服务,“2”代表泛知识,open-type=\"im\" 时有效",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#props",
"type": [
"string"
]
}
],
"slots": [
{
"name": "default",
"description": "按钮内容",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#slots"
},
{
"name": "icon",
"description": "按钮图标",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#slots"
}
],
"js": {
"events": [
{
"name": "click",
"description": "点击按钮时触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#events"
},
{
"name": "getphonenumber",
"description": "获取用户手机号回调",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#events"
},
{
"name": "getuserinfo",
"description": "用户点击该按钮时,会返回获取到的用户信息,从返回参数的 detail 中获取到的值同 uni.getUserInfo",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#events"
},
{
"name": "error",
"description": "当使用开放能力时,发生错误的回调",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#events"
},
{
"name": "opensetting",
"description": "在打开授权设置页并关闭后回调",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#events"
},
{
"name": "launchapp",
"description": "从小程序打开 App 成功的回调",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#events"
},
{
"name": "contact",
"description": "客服消息回调",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#events"
},
{
"name": "chooseavatar",
"description": "获取用户头像回调",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#events"
},
{
"name": "agreeprivacyauthorization",
"description": "用户同意隐私协议事件回调",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#events"
},
{
"name": "addgroupapp",
"description": "添加群应用的回调",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#events"
},
{
"name": "chooseaddress",
"description": "调起用户编辑并选择收货地址的回调",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#events"
},
{
"name": "chooseinvoicetitle",
"description": "用户选择发票抬头的回调",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#events"
},
{
"name": "subscribe",
"description": "订阅消息授权回调",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#events"
},
{
"name": "login",
"description": "登录回调",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#events"
},
{
"name": "im",
"description": "监听跳转IM的成功回调",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/button.html#events"
}
]
}
},
{
"name": "nut-cell-group",
"source": {
"symbol": "NutCellGroup"
},
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cellgroup",
"props": [
{
"name": "title",
"description": "分组标题",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cellgroup-props",
"type": [
"string"
]
},
{
"name": "desc",
"description": "分组描述",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cellgroup-props",
"type": [
"string"
]
}
],
"slots": [
{
"name": "default",
"description": "自定义内容",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cellgroup-slots"
},
{
"name": "title",
"description": "自定义 `title` 标题区域",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cellgroup-slots"
},
{
"name": "desc",
"description": "自定义 `desc` 描述区域",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cellgroup-slots"
}
]
},
{
"name": "nut-cell",
"source": {
"symbol": "NutCell"
},
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell",
"props": [
{
"name": "title",
"description": "标题名称",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-props",
"type": [
"string"
]
},
{
"name": "sub-title",
"description": "左侧副标题",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-props",
"type": [
"string"
]
},
{
"name": "desc",
"description": "右侧描述",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-props",
"type": [
"string"
]
},
{
"name": "desc-text-align",
"description": "右侧描述文本对齐方式(同 CSS 的 `text-align`)",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-props",
"type": [
"string"
],
"default": "right"
},
{
"name": "is-link",
"description": "是否展示右侧箭头并开启点击反馈",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "to",
"description": "跳转地址(`uni.navigateTo` 的 `url` 参数)",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-props",
"type": [
"string"
]
},
{
"name": "round-radius",
"description": "圆角半径",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-props",
"type": [
"number",
"string"
],
"default": "6px"
},
{
"name": "center",
"description": "是否使内容垂直居中",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "size",
"description": "单元格大小",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-props",
"type": [
"string"
],
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "large"
}
]
},
{
"name": "clickable",
"description": "是否启用点击效果(存在 `is-link` 或者 `to` 属性时会自动启用,也可以手动启用)",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "icon",
"description": "左侧图标(对应 `nut-icon` 的 `name` 属性)",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-props",
"type": [
"string"
]
},
{
"name": "title-width",
"description": "标题宽度",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-props",
"type": [
"number",
"string"
]
}
],
"slots": [
{
"name": "default",
"description": "自定义内容",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-slots"
},
{
"name": "title",
"description": "自定义 `title` 标题区域",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-slots"
},
{
"name": "icon",
"description": "自定义左侧 `icon` 区域",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-slots"
},
{
"name": "link",
"description": "自定义右侧 `link` 区域",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-slots"
},
{
"name": "desc",
"description": "自定义 `desc` 描述区域",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-slots"
}
],
"js": {
"events": [
{
"name": "click",
"description": "点击事件",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/cell.html#cell-events"
}
]
}
},
{
"name": "nut-config-provider",
"source": {
"symbol": "NutConfigProvider"
},
"description": "",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/configprovider.html#configprovider-全局配置",
"props": [
{
"name": "theme",
"description": "主题风格",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/configprovider.html#props",
"type": [
"string"
],
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "dark"
}
]
},
{
"name": "theme-vars",
"description": "自定义主题变量",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/configprovider.html#props",
"type": [
"object"
]
},
{
"name": "z-index",
"description": "设置所有弹窗类组件的 z-index,该属性对全局生效",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/configprovider.html#props",
"type": [
"number"
],
"default": "2000"
}
]
},
{
"name": "nut-icon",
"source": {
"symbol": "NutIcon"
},
"description": "",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/icon.html#icon-图标",
"props": [
{
"name": "name",
"description": "图标名称或图片链接",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/icon.html#props",
"type": [
"string"
]
},
{
"name": "custom-color",
"description": "图标颜色",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/icon.html#props",
"type": [
"string"
]
},
{
"name": "size",
"description": "图标大小,如 `20px` `2em` `2rem`",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/icon.html#props",
"type": [
"string",
"number"
]
},
{
"name": "font-class-name",
"description": "自定义 icon 字体基础类名",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/icon.html#props",
"type": [
"string"
],
"default": "nutui-iconfont"
},
{
"name": "class-prefix",
"description": "自定义 icon 类名前缀,用于使用自定义图标",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/icon.html#props",
"type": [
"string"
],
"default": "nut-icon"
}
],
"js": {
"events": [
{
"name": "click",
"description": "点击图标时触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/icon.html#events"
}
]
}
},
{
"name": "nut-overlay",
"source": {
"symbol": "NutOverlay"
},
"description": "",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/overlay.html#overlay-遮罩层",
"props": [
{
"name": "visible",
"description": "控制遮罩的显示 / 隐藏",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/overlay.html#props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "z-index",
"description": "自定义遮罩层级",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/overlay.html#props",
"type": [
"number"
]
},
{
"name": "duration",
"description": "显示 / 隐藏的动画时长(单位:`ms`)",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/overlay.html#props",
"type": [
"string",
"number"
],
"default": "300"
},
{
"name": "overlay-class",
"description": "自定义遮罩类名",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/overlay.html#props",
"type": [
"string"
]
},
{
"name": "overlay-style",
"description": "自定义遮罩样式",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/overlay.html#props",
"type": [
{
"name": "CSSProperties",
"source": {
"symbol": "CSSProperties",
"module": "vue"
}
}
]
},
{
"name": "lock-scroll",
"description": "遮罩显示时的背景是否锁定",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/overlay.html#props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "close-on-click-overlay",
"description": "点击遮罩时是否关闭",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/overlay.html#props",
"type": [
"boolean"
],
"default": "true"
},
{
"name": "destroy-on-close",
"description": "遮罩关闭后 `slot` 内容是否销毁",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/overlay.html#props",
"type": [
"boolean"
],
"default": "false"
}
],
"slots": [
{
"name": "default",
"description": "内嵌遮罩内容自定义",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/overlay.html#slots"
}
],
"js": {
"events": [
{
"name": "click",
"description": "点击时触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/overlay.html#events"
}
]
}
},
{
"name": "nut-popup",
"source": {
"symbol": "NutPopup"
},
"description": "",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#popup-弹出层",
"props": [
{
"name": "visible",
"description": "控制当前组件显示 / 隐藏",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "position",
"description": "弹出位置",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"string"
],
"default": "center",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "center"
},
{
"name": "top"
},
{
"name": "right"
},
{
"name": "bottom"
},
{
"name": "left"
}
]
},
{
"name": "transition",
"description": "动画名",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"string"
]
},
{
"name": "pop-class",
"description": "自定义弹框类名",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"string"
]
},
{
"name": "round",
"description": "是否显示圆角",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "closeable",
"description": "是否显示关闭按钮",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "close-icon",
"description": "[图标名称](/components/basic/icon) 或图片链接",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"string"
],
"default": "close"
},
{
"name": "close-icon-position",
"description": "关闭按钮位置",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"string"
],
"default": "top-right",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "top-left"
},
{
"name": "top-right"
},
{
"name": "bottom-left"
},
{
"name": "bottom-right"
}
]
},
{
"name": "destroy-on-close",
"description": "弹层关闭后 `slot` 内容是否销毁",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"boolean"
],
"default": "true"
},
{
"name": "overlay",
"description": "是否显示遮罩",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"boolean"
],
"default": "true"
},
{
"name": "safe-area-inset-bottom",
"description": "是否开启 iphone 系列全面屏底部安全区适配(仅 `position` 为 `bottom` 时有效)",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "safe-area-inset-top",
"description": "是否开启 iPhone 顶部安全区适配(仅 `position` 为 `top` 时有效)",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"boolean"
],
"default": "true"
},
{
"name": "z-index",
"description": "遮罩层级",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"number"
],
"default": "2000+"
},
{
"name": "duration",
"description": "组件显示 / 隐藏的动画时长(单位:`ms`)",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"string",
"number"
],
"default": "300"
},
{
"name": "overlay-class",
"description": "自定义遮罩层类名",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"string"
]
},
{
"name": "overlay-style",
"description": "自定义遮罩层样式",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
{
"name": "CSSProperties",
"source": {
"symbol": "CSSProperties",
"module": "vue"
}
}
]
},
{
"name": "lock-scroll",
"description": "背景是否锁定",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "close-on-click-overlay",
"description": "是否点击遮罩关闭",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#props",
"type": [
"boolean"
],
"default": "true"
}
],
"slots": [
{
"name": "default",
"description": "自定义内嵌内容",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#slots"
},
{
"name": "close-icon",
"description": "关闭按钮的自定义图标",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#slots"
}
],
"js": {
"events": [
{
"name": "click-pop",
"description": "点击弹出层时触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#events"
},
{
"name": "click-close-icon",
"description": "点击关闭图标时触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#events"
},
{
"name": "click-overlay",
"description": "点击遮罩触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#events"
},
{
"name": "open",
"description": "打开弹框时触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#events"
},
{
"name": "opened",
"description": "遮罩打开动画结束时触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#events"
},
{
"name": "close",
"description": "关闭弹框时触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#events"
},
{
"name": "closed",
"description": "遮罩关闭动画结束时触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/popup.html#events"
}
]
}
},
{
"name": "nut-transition",
"source": {
"symbol": "NutTransition"
},
"description": "",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#transition-过渡动画",
"props": [
{
"name": "show",
"description": "是否展示",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "name",
"description": "内置动画名称",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#props",
"type": [
"string"
],
"default": "fade",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "fade"
},
{
"name": "fade-up"
},
{
"name": "fade-down"
},
{
"name": "fade-left"
},
{
"name": "fade-right"
},
{
"name": "slide-up"
},
{
"name": "slide-down"
},
{
"name": "slide-left"
},
{
"name": "slide-right"
},
{
"name": "zoom"
},
{
"name": "none"
}
]
},
{
"name": "duration",
"description": "动画时长(单位:`ms`)",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#props",
"type": [
"string",
"number"
],
"default": "300"
},
{
"name": "timing-function",
"description": "动画函数",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#props",
"type": [
"string"
],
"default": "ease",
"attribute-value": {
"type": "enum"
},
"values": [
{
"name": "linear"
},
{
"name": "ease"
},
{
"name": "ease-in"
},
{
"name": "ease-in-out"
},
{
"name": "ease-out"
},
{
"name": "step-start"
},
{
"name": "step-end"
}
]
},
{
"name": "destroy-on-close",
"description": "关闭后 `slot` 内容是否销毁",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "enter-from-class",
"description": "进入动画前的类名",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#props",
"type": [
"string"
]
},
{
"name": "enter-active-class",
"description": "进入动画时的类名",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#props",
"type": [
"string"
]
},
{
"name": "enter-to-class",
"description": "进入动画后的类名",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#props",
"type": [
"string"
]
},
{
"name": "leave-from-class",
"description": "离开动画前的类名",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#props",
"type": [
"string"
]
},
{
"name": "leave-active-class",
"description": "离开动画时的类名",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#props",
"type": [
"string"
]
},
{
"name": "leave-to-class",
"description": "离开动画后的类名",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#props",
"type": [
"string"
]
}
],
"slots": [
{
"name": "default",
"description": "自定义内嵌内容",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#slots"
}
],
"js": {
"events": [
{
"name": "before-enter",
"description": "进入过渡动画前触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#events"
},
{
"name": "enter",
"description": "进入过渡动画时触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#events"
},
{
"name": "after-enter",
"description": "进入过渡动画后触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#events"
},
{
"name": "before-leave",
"description": "离开过渡动画前触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#events"
},
{
"name": "leave",
"description": "离开过渡动画时触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#events"
},
{
"name": "after-leave",
"description": "离开过渡动画后触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/basic/transition.html#events"
}
]
}
},
{
"name": "nut-doll-machine",
"source": {
"symbol": "NutDollMachine"
},
"description": "",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/dollmachine.html#dollmachine-抓娃娃",
"props": [
{
"name": "prize-list",
"description": "奖品列表(目前需要至少 4 个奖品)",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/dollmachine.html#props",
"type": [
"Array"
],
"default": "[]"
},
{
"name": "default-claw",
"description": "初始化爪子的图片链接",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/dollmachine.html#props",
"type": [
"string"
]
},
{
"name": "active-claw",
"description": "爪子抓到奖品的图片链接",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/dollmachine.html#props",
"type": [
"string"
]
},
{
"name": "prize-index",
"description": "中奖奖品在列表的索引位置(`-1` 未中奖)",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/dollmachine.html#props",
"type": [
"number"
],
"default": "-1"
},
{
"name": "speed",
"description": "速度",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/dollmachine.html#props",
"type": [
"number"
],
"default": "20"
}
],
"js": {
"events": [
{
"name": "start-turns",
"description": "爪子开始下伸",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/dollmachine.html#events"
},
{
"name": "end-turns",
"description": "爪子已经抓到或者未抓到奖品触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/dollmachine.html#events"
}
]
}
},
{
"name": "nut-gift-box",
"source": {
"symbol": "NutGiftBox"
},
"description": "",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/giftbox.html#giftbox-神秘大礼盒",
"js": {
"events": [
{
"name": "start-turns",
"description": "开始打开礼盒",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/giftbox.html#events"
},
{
"name": "end-turns",
"description": "礼盒打开后",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/giftbox.html#events"
}
]
}
},
{
"name": "nut-hiteggs",
"source": {
"symbol": "NutHiteggs"
},
"description": "",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/hiteggs.html#hiteggs-组件",
"props": [
{
"name": "num",
"description": "金蛋个数",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/hiteggs.html#props",
"type": [
"number"
],
"default": "9"
},
{
"name": "intact-img",
"description": "完整金蛋图片地址",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/hiteggs.html#props",
"type": [
"string"
]
},
{
"name": "hammer",
"description": "锤子图片",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/hiteggs.html#props",
"type": [
"string"
]
},
{
"name": "width",
"description": "金蛋图片宽度",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/hiteggs.html#props",
"type": [
"string"
],
"default": "80px"
},
{
"name": "height",
"description": "金蛋图片高度",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/hiteggs.html#props",
"type": [
"string"
],
"default": "80px"
}
],
"js": {
"events": [
{
"name": "click",
"description": "砸击金蛋后触发",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/hiteggs.html#events"
}
]
}
},
{
"name": "nut-marquee",
"source": {
"symbol": "NutMarquee"
},
"description": "",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/marquee.html#marquee-跑马灯",
"props": [
{
"name": "prize-list",
"description": "奖品列表",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/marquee.html#props",
"type": [
"Array"
],
"default": "[]"
},
{
"name": "prize-index",
"description": "中奖奖品在列表的索引位置",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/marquee.html#props",
"type": [
"number"
],
"default": "-1"
},
{
"name": "speed",
"description": "转动速度",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/marquee.html#props",
"type": [
"number"
],
"default": "150"
},
{
"name": "circle",
"description": "转动圈数",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/marquee.html#props",
"type": [
"number"
],
"default": "30"
},
{
"name": "disabled",
"description": "是否禁用开始抽奖点击数",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/marquee.html#props",
"type": [
"boolean"
],
"default": "false"
},
{
"name": "style-opt",
"description": "跑马灯中的样式(`bgStyle`:整个容器样式,`itemStyle`:每个奖品样式,`startStyle`:中间按钮样式)",
"doc-url": "https://nutui-uniapp.pages.dev/components/bingo/marquee.html#props",
"type": [
"Record<string, CSSProperties>"
],
"default": "{bgStyle: {},itemStyle: {}, startStyle:{}}"
}
],
"js": {
"events": [
{
"name": "start-turns",