nav.vue 1016 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. <template>
  2. <view>
  3. <u-navbar :bgImg="bgImg" :bgColor="bgColor" :title="title" :titleStyle="titleStyle " :placeholder="true" :safeAreaInsetTop="true" autoBack @click-left="back" >
  4. <!-- <view class="u-nav-slot" slot="left" @click.native="back">
  5. <u-icon name="arrow-left" size="19"></u-icon>
  6. <u-line direction="column" :hairline="false" length="16" margin="0 8px"></u-line>
  7. <u-icon name="arrow-left" size="20" @click.native="back"></u-icon>
  8. </view> -->
  9. </u-navbar>
  10. </view>
  11. </template>
  12. <script>
  13. export default {
  14. props:{
  15. title: {type:String,default:"testTitle"},
  16. titleStyle: { type: Object, default: () => ({ fontSize: "17px" }) }
  17. },
  18. data() {
  19. return {
  20. bgColor: 'transparent !important',
  21. bgImg:true
  22. }
  23. },
  24. created() {
  25. },
  26. mounted() {
  27. } ,
  28. methods: {
  29. //获取屏幕导航栏高度
  30. //返回
  31. back() {
  32. uni.navigateBack({
  33. delta: 1
  34. })
  35. },
  36. }
  37. }
  38. </script>
  39. <style lang="scss" scoped>
  40. //
  41. </style>