You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
161 lines
5.6 KiB
161 lines
5.6 KiB
/* |
|
* @Author : LQ |
|
* @Description : |
|
* @version : 1.0 |
|
* @Date : 2021-08-16 10:04:04 |
|
* @LastAuthor : LQ |
|
* @lastTime : 2021-08-16 10:04:24 |
|
* @FilePath : /u-view2.0/uview-ui/components/u-button/props.js |
|
*/ |
|
export default { |
|
props: { |
|
// 是否细边框 |
|
hairline: { |
|
type: Boolean, |
|
default: uni.$u.props.button.hairline |
|
}, |
|
// 按钮的预置样式，info，primary，error，warning，success |
|
type: { |
|
type: String, |
|
default: uni.$u.props.button.type |
|
}, |
|
// 按钮尺寸，large，normal，small，mini |
|
size: { |
|
type: String, |
|
default: uni.$u.props.button.size |
|
}, |
|
// 按钮形状，circle（两边为半圆），square（带圆角） |
|
shape: { |
|
type: String, |
|
default: uni.$u.props.button.shape |
|
}, |
|
// 按钮是否镂空 |
|
plain: { |
|
type: Boolean, |
|
default: uni.$u.props.button.plain |
|
}, |
|
// 是否禁止状态 |
|
disabled: { |
|
type: Boolean, |
|
default: uni.$u.props.button.disabled |
|
}, |
|
// 是否加载中 |
|
loading: { |
|
type: Boolean, |
|
default: uni.$u.props.button.loading |
|
}, |
|
// 加载中提示文字 |
|
loadingText: { |
|
type: [String, Number], |
|
default: uni.$u.props.button.loadingText |
|
}, |
|
// 加载状态图标类型 |
|
loadingMode: { |
|
type: String, |
|
default: uni.$u.props.button.loadingMode |
|
}, |
|
// 加载图标大小 |
|
loadingSize: { |
|
type: [String, Number], |
|
default: uni.$u.props.button.loadingSize |
|
}, |
|
// 开放能力，具体请看uniapp稳定关于button组件部分说明 |
|
// https://uniapp.dcloud.io/component/button |
|
openType: { |
|
type: String, |
|
default: uni.$u.props.button.openType |
|
}, |
|
// 用于 <form> 组件，点击分别会触发 <form> 组件的 submit/reset 事件 |
|
// 取值为submit（提交表单），reset（重置表单） |
|
formType: { |
|
type: String, |
|
default: uni.$u.props.button.formType |
|
}, |
|
// 打开 APP 时，向 APP 传递的参数，open-type=launchApp时有效 |
|
// 只微信小程序、QQ小程序有效 |
|
appParameter: { |
|
type: String, |
|
default: uni.$u.props.button.appParameter |
|
}, |
|
// 指定是否阻止本节点的祖先节点出现点击态，微信小程序有效 |
|
hoverStopPropagation: { |
|
type: Boolean, |
|
default: uni.$u.props.button.hoverStopPropagation |
|
}, |
|
// 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。只微信小程序有效 |
|
lang: { |
|
type: String, |
|
default: uni.$u.props.button.lang |
|
}, |
|
// 会话来源，open-type="contact"时有效。只微信小程序有效 |
|
sessionFrom: { |
|
type: String, |
|
default: uni.$u.props.button.sessionFrom |
|
}, |
|
// 会话内消息卡片标题，open-type="contact"时有效 |
|
// 默认当前标题，只微信小程序有效 |
|
sendMessageTitle: { |
|
type: String, |
|
default: uni.$u.props.button.sendMessageTitle |
|
}, |
|
// 会话内消息卡片点击跳转小程序路径，open-type="contact"时有效 |
|
// 默认当前分享路径，只微信小程序有效 |
|
sendMessagePath: { |
|
type: String, |
|
default: uni.$u.props.button.sendMessagePath |
|
}, |
|
// 会话内消息卡片图片，open-type="contact"时有效 |
|
// 默认当前页面截图，只微信小程序有效 |
|
sendMessageImg: { |
|
type: String, |
|
default: uni.$u.props.button.sendMessageImg |
|
}, |
|
// 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示， |
|
// 用户点击后可以快速发送小程序消息，open-type="contact"时有效 |
|
showMessageCard: { |
|
type: Boolean, |
|
default: uni.$u.props.button.showMessageCard |
|
}, |
|
// 额外传参参数，用于小程序的data-xxx属性，通过target.dataset.name获取 |
|
dataName: { |
|
type: String, |
|
default: uni.$u.props.button.dataName |
|
}, |
|
// 节流，一定时间内只能触发一次 |
|
throttleTime: { |
|
type: [String, Number], |
|
default: uni.$u.props.button.throttleTime |
|
}, |
|
// 按住后多久出现点击态，单位毫秒 |
|
hoverStartTime: { |
|
type: [String, Number], |
|
default: uni.$u.props.button.hoverStartTime |
|
}, |
|
// 手指松开后点击态保留时间，单位毫秒 |
|
hoverStayTime: { |
|
type: [String, Number], |
|
default: uni.$u.props.button.hoverStayTime |
|
}, |
|
// 按钮文字，之所以通过props传入，是因为slot传入的话 |
|
// nvue中无法控制文字的样式 |
|
text: { |
|
type: [String, Number], |
|
default: uni.$u.props.button.text |
|
}, |
|
// 按钮图标 |
|
icon: { |
|
type: String, |
|
default: uni.$u.props.button.icon |
|
}, |
|
// 按钮图标 |
|
iconColor: { |
|
type: String, |
|
default: uni.$u.props.button.icon |
|
}, |
|
// 按钮颜色，支持传入linear-gradient渐变色 |
|
color: { |
|
type: String, |
|
default: uni.$u.props.button.color |
|
} |
|
} |
|
}
|
|
|