page-navbar.vue 707 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <template>
  2. <view class="page-top">
  3. <uv-navbar bgColor="transparent" placeholder>
  4. <template #left>
  5. <slot name="navLeft"></slot>
  6. </template>
  7. <template #center>
  8. <slot name="navCenter"></slot>
  9. </template>
  10. <template #right>
  11. <slot name="navRight"></slot>
  12. </template>
  13. </uv-navbar>
  14. </view>
  15. </template>
  16. <script>
  17. export default {
  18. name: "page-navbar",
  19. data() {
  20. return {
  21. };
  22. }
  23. }
  24. </script>
  25. <style lang="scss">
  26. .page-top {
  27. // position: relative;
  28. width: 750rpx;
  29. .bg {
  30. width: 750rpx;
  31. height: calc(380rpx + var(--status-bar-height));
  32. }
  33. ::v-deep.uv-navbar__content {
  34. .uvicon-arrow-left {
  35. display: none !important;
  36. }
  37. }
  38. }
  39. </style>