navbar.vue 790 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <u-navbar
  3. :back-icon-name="backIconName"
  4. :title="title"
  5. :custom-back="backFunction"
  6. :back-icon-color="$appTheme.appThemeTextBlackColor"
  7. :title-color="$appTheme.appThemeTextBlackColor"
  8. :title-size="32"
  9. :is-back="isback"
  10. :back-icon-size="36"
  11. :border-bottom="false"
  12. :background="{background: background}"
  13. ></u-navbar>
  14. </template>
  15. <script>
  16. export default {
  17. name: 'navbar',
  18. props: {
  19. // 返回图标名称
  20. backIconName: {
  21. type: String,
  22. default: 'arrow-left'
  23. },
  24. // 标题
  25. title: {
  26. type: String,
  27. default: ''
  28. },
  29. // 自定义返回
  30. backFunction: {
  31. type: Function,
  32. default: null
  33. },
  34. isback:{
  35. type: Boolean,
  36. default: true
  37. },
  38. background: {
  39. type: String,
  40. default: 'transparent'
  41. }
  42. }
  43. };
  44. </script>
  45. <style></style>