uni-breadcrumb.vue 822 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <template>
  2. <view class="uni-breadcrumb">
  3. <slot />
  4. </view>
  5. </template>
  6. <script>
  7. /**
  8. * Breadcrumb 面包屑导航父组件
  9. * @description 显示当前页面的路径,快速返回之前的任意页面
  10. * @tutorial https://ext.dcloud.net.cn/plugin?id=xxx
  11. * @property {String} separator 分隔符,默认为斜杠'/'
  12. * @property {String} separatorClass 图标分隔符 class
  13. */
  14. export default {
  15. options: {
  16. // #ifdef MP-TOUTIAO
  17. virtualHost: false,
  18. // #endif
  19. // #ifndef MP-TOUTIAO
  20. virtualHost: true
  21. // #endif
  22. },
  23. props: {
  24. separator: {
  25. type: String,
  26. default: '/'
  27. },
  28. separatorClass: {
  29. type: String,
  30. default: ''
  31. }
  32. },
  33. provide() {
  34. return {
  35. uniBreadcrumb: this
  36. }
  37. }
  38. }
  39. </script>
  40. <style lang="scss">
  41. .uni-breadcrumb {
  42. display: flex;
  43. }
  44. </style>