page-navbar.vue 779 B

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