PointsMall_Admin/src/App.vue

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

<script>
export default {
  name: 'App',
  provide() {
    return {
      reload: this.reload
    }
  },
  data() {
    return {
      isRouterAlice: true
    }
  },
  methods: {
    reload() {
      this.isRouterAlice = false
      this.$nextTick(() => {
        this.isRouterAlice = true
      })
    }
  }
}
</script>
<style>
::v-deep .el-table__header {
  overflow: hidden;
  width: 99.9% !important;
}

::v-deep .el-table__body {
  overflow: hidden;
  width: 99.9% !important;
}

.el-table {
  width: 99.9% !important;
}
/*火狐下隐藏滚动条*/
/*隐藏滚动条，当IE下溢出，仍然可以滚动*/
/* html {
  -ms-overflow-y-style: none;
  overflow-y: -moz-scrollbars-none;
} */

/* ::-webkit-scrollbar{
    display:none;
} */
.el-card .el-card__body {
  padding: 10px 20px !important;

}

/*去除抽屉标题的黑色边框*/
:focus {
  outline: 0;
}

/* 抽屉标题颜色样式等 */
.el-drawer__header {
  /* background-image: linear-gradient(45deg, #259af4, #62a5f1); */
  padding: 15px 20px !important;
  /* color: #fff !important; */
  margin-bottom: 0 !important;
}

.el-drawer {
  overflow: auto !important;
  padding-bottom: 0 !important;
}

.created-user-select {
  width: 300px !important;
}

.el-submenu__title i {
  color: #fff !important;
}

.el-table__row .el-button+el-button {
  margin-left: 10px !important;
}

.el-table__row .el-button+.el-dropdown {
  margin-left: 10px !important;
}

.el-divider--horizontal {
  margin: 10px 0;
}

.el-table thead {
  font-size: 14px;
}

.el-table {
  /* border: 1px solid #dfe6ec; */
  border-radius: 5px;
  margin-bottom: 20px;
  border-top: 1px solid #dfe6ec;
}

.el-table--fit {
  /* border-right: 1px solid #dfe6ec !important; */
  /* border-bottom: 1px solid #dfe6ec !important; */
}

.transition-box {
  margin-bottom: 10px;
  width: 200px;
  height: 100px;
  border-radius: 4px;
  background-color: #409eff;
  text-align: center;
  color: #fff;
  padding: 40px 20px;
  box-sizing: border-box;
  margin-right: 20px;
}

/* html {
  overflow-y: hidden;
} */
/* .el-pagination {
  position: fixed;
  bottom: 10px;
  width: 88%;
  background: #fff;
  z-index: 2;
} */

.tree-button-group {
  position: sticky;
  bottom: 1px;
  width: 100%;
  text-align: right;
  border-top: 1px solid #e8e8e8;
  background: #fff;
  z-index: 1;
  padding: 10px;
  border-radius: 0 0 2px 2px;
  margin-top: 10px;
}

.tac {
  text-align: center !important;
}

.avatar-uploader-icon {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
}

.el-upload {
  /* border:none !important; */
}

/* 右侧拉出表格 */

.table-group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.table-group .el-table:nth-child(1) {
  margin-right: 20px;
}

/* 单选框高度调整 */
.el-form-item--small .el-form-item__content {
  line-height: 30px !important;
}

.el-form-item--mini .el-form-item__content {
  line-height: 25px !important;
}

/* 弹出层标题颜色 */
.el-dialog__header {
  /* background-image: linear-gradient(45deg, #259af4, #62a5f1); */
  padding: 15px 20px !important;
}

.el-dialog__title {
  /* color: #fff !important; */
}

.el-dialog__headerbtn .el-dialog__close {
  color: black !important;
}

.el-dialog {
  border-radius: 4px !important;
}

.el-dialog__headerbtn {
  top: 15px !important;
}

/* 详情每个卡片每项内容的上下距离全局设置更改 */
.my-cell .el-row {
  padding: 3px 0;
}

.color-999 {
  padding-bottom: 0 !important;
  color: #999;
}

.color-666 {
  color: #666;
}

.app-main {
  overflow-y: auto !important;
}
</style>
<style lang="scss">
$light_label: #999;
$light_inner: #666;
$dark_label: #999;
$dark_inner: #666;
$light_bg: #fff;

.light-box {
  color: $dark_inner;
  background-color: $light_bg;
  padding: 1.2rem 1.5rem 0.2rem !important;
  position: relative;

  p.title {
    font-weight: 600;
    font-size: 1.2rem;
    color: rgb(44, 151, 253);
    // color: #666;
    // padding: 3px 0;
    margin: 10px 0 0 0;
  }

  .pay-icon-top {
    position: absolute;
    right: 2rem;
    top: 1rem;
    width: 4rem;
    height: 4rem;
  }
}

.row-sm {
  margin: 6px 0;

  // padding-bottom: 0.1rem;
  p.light-label {
    color: $light_label !important;
    font-size: 0.7rem !important;
    margin-bottom: 0.2rem;
    margin-top: 0.5rem;
  }

  p.light-inner {
    color: $light_inner !important;
    font-size: 0.9rem !important;
    line-height: 1.0rem;
    margin: 0 !important;
    width: 97%;
  }

}

.clearfix {
  color: #2C97FD;
  font-size: 14px;
}

.el-card__header {
  padding: 10px 20px !important;
}

// .el-card__body {
//     padding: 10px 20px !important;
// }
.table-list {
  max-height: 60vh !important;
}

.el-drawer__close-btn {
  z-index: 1;
}

.el-dialog__headerbtn {
  z-index: 1;
}

.popper__arrow {
  display: none !important;
}</style>