激活列样式调整

QYF-GitLab1

22 分钟以前 51a35a1cea7a381c33c86e9a9697ecef602c773f

 src/layout/components/headerPage.vue

@@ -7,7 +7,7 @@
            () => {
              $router.push({
                path: '/home',
              });
              })
            }
          "
          src="@/assets/images/xiehe/home/Group_303.png"
@@ -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">
@@ -27,8 +27,8 @@
            <a
              @click="
                () => {
                  console.log(loginRef.value);
                  loginRef.logIn();
                  console.log(loginRef.value)
                  loginRef.logIn()
                }
              "
              >注册/登录</a
@@ -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>
@@ -75,15 +75,16 @@
</template>

<script setup lang="ts">
import login from "./login.vue";
import { onMounted, ref } from "vue";
import { Search } from "@element-plus/icons-vue";
import { useUserStore } from "@/store";
import { useRouter } from "vue-router";
const userStore = useUserStore();
const router = useRouter();
import login from './login.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()

const loginRef = ref();
const loginRef = ref()
const props = defineProps({
  hideSerch: {
    type: Boolean,
@@ -93,51 +94,65 @@
    type: Boolean,
    default: false,
  },
});
})

let searchKey = ref("");
let userInfo = ref("");
let searchKey = ref('')
let userInfo = ref('')
const navData = ref([
  {
    name: "首页",
    path: "/home",
    name: '首页',
    path: '/home',
  },
  {
    name: "教育出版",
    path: "/bookStore",
    name: '教育出版',
    path: '/bookStore',
  },
  {
    name: "读者服务",
    path: "/teachingServices",
    name: '读者服务',
    path: '/teachingServices',
  },
  {
    name: "关于我们",
    path: "/aboutUs",
    name: '关于我们',
    path: '/aboutUs',
  },
]);
])

onMounted(() => {
  userInfo.value = userStore.userInfo;
  console.log(userInfo.value, "userInfo");
});
  userInfo.value = userStore.userInfo
  console.log(userInfo.value, 'userInfo')
})

const gotoSearch = () => {};
const gotoSearch = () => {
  router.push({
    path: '/search',
    query: {
      key: searchKey.value,
    },
  })
}
const handleCommand = (item) => {
  if (item === "gotoPersonalCenter") {
  if (item === 'gotoPersonalCenter') {
    router.push({
      path: "/personalCenter",
    });
      path: '/personalCenter',
    })
  }
  if (item === "logout") {
    localStorage.clear();
  if (item === 'logout') {
    localStorage.clear()
    router.push({
      path: "/home",
    });
      path: '/home',
    })
  }
};
}
const gotoPage = (item) => {
  router.push(item.path);
};
  if (item.path === '/teachingServices') {
    ElMessage({
      message: '建设中...',
      type: 'warning',
    })
  } else {
    router.push(item.path)
  }
}
</script>

<style lang="less" scoped>