Yezhan/src/App.vue

<template>
	<div id="app">
		<router-view v-if="isRouterAlive"></router-view>
	</div>
</template>

<script>
export default {
  name: 'APP',
  provide() {
    return {
      reload: this.reload
    }
  },
  data() {
    return {
      isRouterAlive: true
    }
  },
  methods: {
    reload() {
      this.isRouterAlive = false
      this.$nextTick(function() {
        this.isRouterAlive = true
      })
    }
  }
}
</script>
<style>
#app .theme-picker {
  display: none;
}
.el-form--label-top {
  background-color: #fff;
  padding: 10px;
  margin-bottom: 15px;
}

.el-form--label-top .el-form-item__label {
  padding: 0;
  line-height: 26px;
}


.el-card__body{
  background-color: #f3f3f4;
}
.el-tabs--border-card{
  border:none;
  box-shadow:none;
}
.el-tabs--border-card>.el-tabs__header{
  background-color: #f3f3f4;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item {
  font-weight: 600;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
  color: #555555;
  border-radius: 4px 4px 0 0;
  font-weight: 600;
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item:not(.is-disabled):hover {
    color: #555555;
}
.app-container {
  background-color: #f3f3f4;
}
.app-container .el-form-item {
  width: 100%;
  margin-right: 0px;
  /* margin-bottom: 10px; */
}
.app-container-form {
  padding: 20px;
}
.border-card {
  padding: 15px;
  background-color: #fff;
}
.editButton{
  background-color: #23c6c8 !important;
  border-color: #23c6c8 !important;
}
.mb8 {
    margin-bottom: 8px;
}
.el-button--primary {
    color: #FFF;
    background-color: #11A983;
    border-color: #11A983;
}
.el-button--primary:focus, .el-button--primary:hover {
    background: #41ba9c;
    border-color: #41ba9c;
    color: #FFF;
}
.openText{
  color:#67C23A !important;
}
.closeText{
  color:#E6A23C !important;
}
.plusText{
  color:#23c6c8 !important;
}
.editText{
  color:#11A983 !important;
}
.deleteText{
  color:#fd0e0e !important;
}
</style>