12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 |
- <template>
- <div>
- <van-nav-bar :title='appTitle'>
- <template #left>
- <van-icon name='wap-home-o' size='1.5em' color='#000' @click='backApp' />
- </template>
- <template #right>
- <van-icon name='scan' size='1.5em' color='#000' @click='scan' />
- <van-icon name='search' size='1.5em' color='#000' style='margin-left:0.5em' @click='query' />
- </template>
- </van-nav-bar>
- </div>
- </template>
- <script>
- import Vue from 'vue'
- import { NavBar, Icon, Tabbar, TabbarItem } from 'vant'
- Vue.use(NavBar).use(Icon)
- import { mapGetters } from 'vuex'
- import store from '@/store'
- export default {
- name: 'navbar',
- props: {},
- components: {},
- data() {
- return {}
- },
- computed: {
- ...mapGetters(['appTitle']),
- },
- beforeMount() {},
- mounted() {},
- methods: {
- // 返回工程信息化主菜单
- backApp() {
- console.log('backApp')
- },
- // 扫码
- scan() {
- console.log('扫码')
- },
- // 全局搜索
- query() {
- console.log('全局搜索')
- },
- },
- }
- </script>
- <style lang='less' scoped>
- </style>
|