back.vue 593 B

12345678910111213141516171819202122232425262728293031323334353637
  1. <template>
  2. <van-nav-bar
  3. :title="title"
  4. left-text="返回"
  5. left-arrow
  6. @click-left="onClickLeft"
  7. />
  8. </template>
  9. <script>
  10. export default {
  11. props: {
  12. title:""
  13. },
  14. methods:{
  15. onClickLeft(){
  16. this.$router.back()
  17. }
  18. }
  19. };
  20. </script>
  21. <style lang="less" scoped>
  22. /deep/ .van-nav-bar__content{
  23. .van-nav-bar__title{
  24. font-size: 16px;
  25. }
  26. }
  27. /deep/.van-icon-arrow-left::before{
  28. color: #333;
  29. font-size: 16px;
  30. }
  31. /deep/.van-nav-bar__text{
  32. color: #333 !important;
  33. font-size: 16px;
  34. }
  35. </style>