123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161 |
- /*
- * @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
- }
- }
- }
|