props.js 913 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. import { defineMixin } from '../../libs/vue'
  2. export const props = defineMixin({
  3. props: {
  4. // 是否开启顶部安全区适配
  5. safeAreaInsetTop: {
  6. type: Boolean,
  7. default: () => true
  8. },
  9. // 是否固定在顶部
  10. fixed: {
  11. type: Boolean,
  12. default: () => true
  13. },
  14. // 左边的图标
  15. leftIcon: {
  16. type: String,
  17. default: 'arrow-leftward'
  18. },
  19. // 背景颜色
  20. bgColor: {
  21. type: String,
  22. default: () => 'rgba(0,0,0,.15)'
  23. },
  24. // 导航栏高度
  25. height: {
  26. type: [String, Number],
  27. default: () => '32px'
  28. },
  29. // 图标的大小
  30. iconSize: {
  31. type: [String, Number],
  32. default: '20px'
  33. },
  34. // 图标的颜色
  35. iconColor: {
  36. type: String,
  37. default: '#fff'
  38. },
  39. // 点击左侧区域(返回图标),是否自动返回上一页
  40. autoBack: {
  41. type: Boolean,
  42. default: () => true
  43. },
  44. // 首页路径
  45. homeUrl: {
  46. type: [String],
  47. default: ''
  48. }
  49. }
  50. })