web-mobile/src/pages/student/views/index.vue

<template>
  <div id="index">
    <el-row :gutter="20" type="flex" align="middle" justify="start" style="background:#fff;height: 3rem; padding: 0.3rem 1rem;">
      <el-col :span="17">{{ user.xm }}</el-col>
      <el-col :span="2">
        <!-- <span class="el-icon-edit-outline icons"></span> -->
      </el-col>
    </el-row>
    <el-row style="color:#909399;font-size:13px;background:#ccc;padding:0.3rem 0rem;">&nbsp;&nbsp;&nbsp;求职招聘</el-row>
    <nut-cell title="简历管理" :showIcon="true" @click.native="$router.push({ path: '/resume/mainExp' })" v-if="user.schid"> </nut-cell>
    <nut-cell title="投递管理" :showIcon="true" @click.native="$router.push({ path: '/delivery/index' })" v-if="user.schid"> </nut-cell>
    <nut-cell title="入场券管理" :showIcon="true" @click.native="$router.push({ path: '/delivery/ticket' })"> </nut-cell>
    <el-row style="color:#909399;font-size:13px;background:#ccc;padding:0.3rem 0rem">&nbsp;&nbsp;&nbsp;其他</el-row>
    <nut-cell title="消息设置" :showIcon="true" @click.native="$router.push({ path: '/setting' })"> </nut-cell>
    <!-- <nut-cell title="我要反馈" :showIcon="true"> </nut-cell> -->
    <!-- <el-row style="text-align:center;padding:1rem 0rem"> <el-button style="width:90%;" type="danger" round>取消学号认证</el-button></el-row> -->
    <el-row class="btn__row" v-if="user.schid">
      <el-col :span="23">
        <el-button type="danger">取消学号认证</el-button>
      </el-col>
    </el-row>
    <el-row class="btn__row">
      <el-col :span="23">
        <el-button type="info" @click="back">返回首页</el-button>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import { mapActions, mapState } from 'vuex';
export default {
  name: 'index',
  props: {},
  components: {},
  data: () => ({
    img: require('@/assets/logo.png'),
  }),
  created() {},
  computed: {
    ...mapState({
      user: state => state.user.user,
    }),
  },
  methods: {
    back() {
      window.location.href = 'index.html';
    },
  },
};
</script>

<style lang="less" scoped>
.el-row {
  margin-bottom: 0px;
  &:last-child {
    margin-bottom: 0;
  }
}
.el-col {
  border-radius: 4px;
}
.bg-purple-dark {
  background: #fcfcfd;
}
.bg-purple {
  background: white;
}
.bg-purple-light {
  background: #e5e9f2;
}
.row-bg {
  padding: 10px 0;
  background-color: #f9fafc;
}
.btn__row {
  .el-col {
    margin-top: 1rem;
  }
  .el-button {
    width: 100%;
    border-radius: 30px;
  }
}
</style>