props.js 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. export default {
  2. props: {
  3. // 是否展示弹窗
  4. show: {
  5. type: Boolean,
  6. default: uni.$u.props.popup.show
  7. },
  8. // 是否显示遮罩
  9. overlay: {
  10. type: Boolean,
  11. default: uni.$u.props.popup.overlay
  12. },
  13. // 弹出的方向,可选值为 top bottom right left center
  14. mode: {
  15. type: String,
  16. default: uni.$u.props.popup.mode
  17. },
  18. // 动画时长,单位ms
  19. duration: {
  20. type: [String, Number],
  21. default: uni.$u.props.popup.duration
  22. },
  23. // 是否显示关闭图标
  24. closeable: {
  25. type: Boolean,
  26. default: uni.$u.props.popup.closeable
  27. },
  28. // 自定义遮罩的样式
  29. overlayStyle: {
  30. type: [Object, String],
  31. default: uni.$u.props.popup.overlayStyle
  32. },
  33. // 点击遮罩是否关闭弹窗
  34. closeOnClickOverlay: {
  35. type: Boolean,
  36. default: uni.$u.props.popup.closeOnClickOverlay
  37. },
  38. // 层级
  39. zIndex: {
  40. type: [String, Number],
  41. default: uni.$u.props.popup.zIndex
  42. },
  43. // 是否为iPhoneX留出底部安全距离
  44. safeAreaInsetBottom: {
  45. type: Boolean,
  46. default: uni.$u.props.popup.safeAreaInsetBottom
  47. },
  48. // 是否留出顶部安全距离(状态栏高度)
  49. safeAreaInsetTop: {
  50. type: Boolean,
  51. default: uni.$u.props.popup.safeAreaInsetTop
  52. },
  53. // 自定义关闭图标位置,top-left为左上角,top-right为右上角,bottom-left为左下角,bottom-right为右下角
  54. closeIconPos: {
  55. type: String,
  56. default: uni.$u.props.popup.closeIconPos
  57. },
  58. // 是否显示圆角
  59. round: {
  60. type: [Boolean, String, Number],
  61. default: uni.$u.props.popup.round
  62. },
  63. // mode=center,也即中部弹出时,是否使用缩放模式
  64. zoom: {
  65. type: Boolean,
  66. default: uni.$u.props.popup.zoom
  67. },
  68. // 弹窗背景色,设置为transparent可去除白色背景
  69. bgColor: {
  70. type: String,
  71. default: uni.$u.props.popup.bgColor
  72. },
  73. // 遮罩的透明度,0-1之间
  74. overlayOpacity: {
  75. type: [Number, String],
  76. default: uni.$u.props.popup.overlayOpacity
  77. }
  78. }
  79. }