| | |
|---|
| | | </div> |
|---|
| | | <div class="searchBox" v-show="!hideSerch"> |
|---|
| | | <el-input |
|---|
| | | style="width: 500px" |
|---|
| | | style="width: 500px; height: 50px" |
|---|
| | | placeholder="请输入内容" |
|---|
| | | @change="gotoSearch" |
|---|
| | | v-model="searchKey" |
|---|
| | |
|---|
| | | |
|---|
| | | <script setup lang="ts"> |
|---|
| | | import { ref } from 'vue' |
|---|
| | | |
|---|
| | | import { Search } from '@element-plus/icons-vue' |
|---|
| | | const props = defineProps({ |
|---|
| | | hideSerch: { |
|---|
| | | type: Boolean, |
|---|
| | |
|---|
| | | |
|---|
| | | let searchKey = ref('') |
|---|
| | | let userInfo = ref('') |
|---|
| | | const navData = ref([ |
|---|
| | | { |
|---|
| | | name: '首页', |
|---|
| | | path: '/home', |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: '教育出版', |
|---|
| | | path: '/bookStore', |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: '读者服务', |
|---|
| | | path: '/teachingServices', |
|---|
| | | }, |
|---|
| | | { |
|---|
| | | name: '关于我们', |
|---|
| | | path: '/aboutUs', |
|---|
| | | }, |
|---|
| | | ]) |
|---|
| | | |
|---|
| | | const gotoSearch = () => {} |
|---|
| | | const handleCommand = () => {} |
|---|
| | | const gotoPage = () => {} |
|---|
| | | </script> |
|---|
| | | |
|---|
| | | <style lang="less" scoped> |
|---|
