首页修改

src/views/Home.vue

      <el-row :gutter="32">
        <el-col :span="8">
          <div class="m-login">
            <el-card class="box-card">
              <div slot="header">用户信息</div>
              <div class="content">
                <p @click="toPersonal">个人中心</p>
              </div>
            </el-card>
            <div class="box-item">
              <div @click="openApply">网上报名</div>
              <div @click="openPay">考试缴费</div>
              <div @click="openTicket">打印准考证</div>
              <div @click="openScore">成绩查询</div>
              <div @click="openCer">打印合格证</div>
            </div>
          </div>
        </el-col>
        <el-col :span="16">
    moreExam() {
      this.$router.push("/examination_announcement");
    },
    toPersonal() {
      this.$router.push("/personal_center")
    openApply() {
      this.$router.push({
        path:"/personal_center",
        query:{selected_index: 1}
      });
    },
    openPay() {
      this.$router.push({
        path:"/personal_center",
        query:{selected_index: 2}
      });
    },
    openTicket() {
      this.$router.push({
        path:"/personal_center",
        query:{selected_index: 3}
      });
    },
    openScore() {
      this.$router.push({
        path:"/personal_center",
        query:{selected_index: 4}
      });
    },
    openCer() {
      this.$router.push({
        path:"/personal_center",
        query:{selected_index: 5}
      });
    },
    detail(item) {
      local.set("ggdetails", item);
  width: 95%;
  margin: 0 auto;
  .el-row {
    
    &:last-child {
      margin-bottom: 0;
    }
        float: right;
      }
    }
    .box-item div {
      background-color: rgba(255, 255, 255, 1);
      border: 1px solid rgba(242, 242, 242, 1);
      box-sizing: border-box;
      box-shadow: 10px 10px 5px #F2F2F2;
      height: 65px;
      line-height: 65px;
      text-align: center;
      margin: 0 0 5px 0;
    }
    .box-item div:hover {
      background-color: #2475D9;
    }
    .box-item {
      height: 344px;
    }
    .content-ann {
      margin: 10px 0 10px 0;
      line-height: 30px;

src/views/PersonalCenter/index.vue

    created() {
        this.dialog = !local.get("id");
        this.form.id = local.get("id");
        this.selected_index = this.$route.query.selected_index;
    },
    methods: {
        onChange(index) {
.left-mid-btn:hover {
	background-color: #E5F1FD;
}
.left-mid-btn:visited {
	background-color: #E5F1FD;
}
.right {
    display: flex;
    flex-grow: 1;