TitleBar_20190319173842.vue 490 B

1234567891011121314151617181920212223242526272829303132
  1. <template>
  2. <div class="titleBar">{{title}}</div>
  3. </template>
  4. <script>
  5. export default {
  6. name:'TitleBar',
  7. data() {
  8. return {
  9. title: this.$navTitle
  10. };
  11. },
  12. methods: {
  13. open() {
  14. this.isCollapse = !this.isCollapse;
  15. }
  16. }
  17. };
  18. </script>
  19. <style>
  20. .titleBar {
  21. height: 50px;
  22. width: 100%;
  23. box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 0 3px 0 rgba(0, 0, 0, 0.04);
  24. text-align: center;
  25. line-height: 50px;
  26. font-size: 25px;
  27. font-style: italic;
  28. }
  29. </style>