激活列样式调整

QYF-GitLab1

22 分钟以前 51a35a1cea7a381c33c86e9a9697ecef602c773f

 src/layout/components/headerPage.vue

@@ -17,9 +17,9 @@
        <el-input
          style="width: 500px; height: 50px"
          placeholder="请输入内容"
          @change="gotoSearch"
          v-model="searchKey"
          :suffix-icon="Search"
          @keyup.enter="gotoSearch"
        >
        </el-input>
        <div class="loginInfoBox">
@@ -44,10 +44,10 @@
              </span>
              <template #dropdown>
                <el-dropdown-menu>
                  <el-dropdown-item icon="el-icon-user" command="gotoPersonalCenter"
                  <el-dropdown-item :icon="Avatar" command="gotoPersonalCenter"
                    >个人中心</el-dropdown-item
                  >
                  <el-dropdown-item icon="el-icon-switch-button" command="logout"
                  <el-dropdown-item :icon="SwitchButton" command="logout"
                    >退出登录</el-dropdown-item
                  >
                </el-dropdown-menu>
@@ -76,10 +76,11 @@

<script setup lang="ts">
import login from './login.vue'
import { onMounted, ref } from 'vue'
import { Search } from '@element-plus/icons-vue'
import { onMounted, provide, ref } from 'vue'
import { Search, Avatar, SwitchButton } from '@element-plus/icons-vue'
import { useUserStore } from '@/store'
import { useRouter } from 'vue-router'
import { ElMessage } from 'element-plus'
const userStore = useUserStore()
const router = useRouter()

@@ -121,7 +122,14 @@
  console.log(userInfo.value, 'userInfo')
})

const gotoSearch = () => {}
const gotoSearch = () => {
  router.push({
    path: '/search',
    query: {
      key: searchKey.value,
    },
  })
}
const handleCommand = (item) => {
  if (item === 'gotoPersonalCenter') {
    router.push({
@@ -136,7 +144,14 @@
  }
}
const gotoPage = (item) => {
  router.push(item.path)
  if (item.path === '/teachingServices') {
    ElMessage({
      message: '建设中...',
      type: 'warning',
    })
  } else {
    router.push(item.path)
  }
}
</script>