props.js 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161
  1. /*
  2. * @Author : LQ
  3. * @Description :
  4. * @version : 1.0
  5. * @Date : 2021-08-16 10:04:04
  6. * @LastAuthor : LQ
  7. * @lastTime : 2021-08-16 10:04:24
  8. * @FilePath : /u-view2.0/uview-ui/components/u-button/props.js
  9. */
  10. export default {
  11. props: {
  12. // 是否细边框
  13. hairline: {
  14. type: Boolean,
  15. default: uni.$u.props.button.hairline
  16. },
  17. // 按钮的预置样式,info,primary,error,warning,success
  18. type: {
  19. type: String,
  20. default: uni.$u.props.button.type
  21. },
  22. // 按钮尺寸,large,normal,small,mini
  23. size: {
  24. type: String,
  25. default: uni.$u.props.button.size
  26. },
  27. // 按钮形状,circle(两边为半圆),square(带圆角)
  28. shape: {
  29. type: String,
  30. default: uni.$u.props.button.shape
  31. },
  32. // 按钮是否镂空
  33. plain: {
  34. type: Boolean,
  35. default: uni.$u.props.button.plain
  36. },
  37. // 是否禁止状态
  38. disabled: {
  39. type: Boolean,
  40. default: uni.$u.props.button.disabled
  41. },
  42. // 是否加载中
  43. loading: {
  44. type: Boolean,
  45. default: uni.$u.props.button.loading
  46. },
  47. // 加载中提示文字
  48. loadingText: {
  49. type: [String, Number],
  50. default: uni.$u.props.button.loadingText
  51. },
  52. // 加载状态图标类型
  53. loadingMode: {
  54. type: String,
  55. default: uni.$u.props.button.loadingMode
  56. },
  57. // 加载图标大小
  58. loadingSize: {
  59. type: [String, Number],
  60. default: uni.$u.props.button.loadingSize
  61. },
  62. // 开放能力,具体请看uniapp稳定关于button组件部分说明
  63. // https://uniapp.dcloud.io/component/button
  64. openType: {
  65. type: String,
  66. default: uni.$u.props.button.openType
  67. },
  68. // 用于 <form> 组件,点击分别会触发 <form> 组件的 submit/reset 事件
  69. // 取值为submit(提交表单),reset(重置表单)
  70. formType: {
  71. type: String,
  72. default: uni.$u.props.button.formType
  73. },
  74. // 打开 APP 时,向 APP 传递的参数,open-type=launchApp时有效
  75. // 只微信小程序、QQ小程序有效
  76. appParameter: {
  77. type: String,
  78. default: uni.$u.props.button.appParameter
  79. },
  80. // 指定是否阻止本节点的祖先节点出现点击态,微信小程序有效
  81. hoverStopPropagation: {
  82. type: Boolean,
  83. default: uni.$u.props.button.hoverStopPropagation
  84. },
  85. // 指定返回用户信息的语言,zh_CN 简体中文,zh_TW 繁体中文,en 英文。只微信小程序有效
  86. lang: {
  87. type: String,
  88. default: uni.$u.props.button.lang
  89. },
  90. // 会话来源,open-type="contact"时有效。只微信小程序有效
  91. sessionFrom: {
  92. type: String,
  93. default: uni.$u.props.button.sessionFrom
  94. },
  95. // 会话内消息卡片标题,open-type="contact"时有效
  96. // 默认当前标题,只微信小程序有效
  97. sendMessageTitle: {
  98. type: String,
  99. default: uni.$u.props.button.sendMessageTitle
  100. },
  101. // 会话内消息卡片点击跳转小程序路径,open-type="contact"时有效
  102. // 默认当前分享路径,只微信小程序有效
  103. sendMessagePath: {
  104. type: String,
  105. default: uni.$u.props.button.sendMessagePath
  106. },
  107. // 会话内消息卡片图片,open-type="contact"时有效
  108. // 默认当前页面截图,只微信小程序有效
  109. sendMessageImg: {
  110. type: String,
  111. default: uni.$u.props.button.sendMessageImg
  112. },
  113. // 是否显示会话内消息卡片,设置此参数为 true,用户进入客服会话会在右下角显示"可能要发送的小程序"提示,
  114. // 用户点击后可以快速发送小程序消息,open-type="contact"时有效
  115. showMessageCard: {
  116. type: Boolean,
  117. default: uni.$u.props.button.showMessageCard
  118. },
  119. // 额外传参参数,用于小程序的data-xxx属性,通过target.dataset.name获取
  120. dataName: {
  121. type: String,
  122. default: uni.$u.props.button.dataName
  123. },
  124. // 节流,一定时间内只能触发一次
  125. throttleTime: {
  126. type: [String, Number],
  127. default: uni.$u.props.button.throttleTime
  128. },
  129. // 按住后多久出现点击态,单位毫秒
  130. hoverStartTime: {
  131. type: [String, Number],
  132. default: uni.$u.props.button.hoverStartTime
  133. },
  134. // 手指松开后点击态保留时间,单位毫秒
  135. hoverStayTime: {
  136. type: [String, Number],
  137. default: uni.$u.props.button.hoverStayTime
  138. },
  139. // 按钮文字,之所以通过props传入,是因为slot传入的话
  140. // nvue中无法控制文字的样式
  141. text: {
  142. type: [String, Number],
  143. default: uni.$u.props.button.text
  144. },
  145. // 按钮图标
  146. icon: {
  147. type: String,
  148. default: uni.$u.props.button.icon
  149. },
  150. // 按钮图标
  151. iconColor: {
  152. type: String,
  153. default: uni.$u.props.button.icon
  154. },
  155. // 按钮颜色,支持传入linear-gradient渐变色
  156. color: {
  157. type: String,
  158. default: uni.$u.props.button.color
  159. }
  160. }
  161. }