iboss-op-mini-web/src/App.vue

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

<script>
  import store from '@/store'
  import { setTagNavListInLocalstorage } from '@/libs/base/util'
  import {mapActions} from "vuex";
  export default {
    name: 'App',
    provide () {
      return{
        reload: this.reload
      }
    },
    data() {
      return {
        isRouterAlive: true
      }
    },
    methods: {
      reload(){
        this.isRouterAlive = false
        this.$nextTick(function(){
          this.isRouterAlive = true
        })
      },
      ...mapActions([
        'saveSetting'
      ]),
    },
    mounted(){
      this.$Message.config({
        top: 50,
        duration: 5
      })
      this.saveSetting()
    }
  }
</script>

<style lang="less">
body{
  //transform: scale(0.5);
  //width: 200% !important;
  //height: 200% !important;
  //post: absolute !important;
  //top: -50% !important;
  //left: -50% !important;
}
  .size {
    width: 100%;
    height: 100%;
  }
  html,
  body {
    .size;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-family:"iconfont";
    // font-size:12px!important;
    // font-family:"Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif !important;
    // font-family:"webfont"!important;

  }


  //修改select控件disable样式
  .ivu-select-disabled .ivu-select-selection{
    // background-color: unset!important;
    color: unset!important;
  }

  //修改input控件disable样式
  .ivu-input[disabled], fieldset[disabled] .ivu-input{
    // background-color: unset!important;
    color: unset!important;
  }
  .ivu-input-number-input[disabled]{
    color: black!important;
  }

  //修改button控件disable样式
  .ivu-btn-primary[disabled]{
    color: unset!important;
  }

  //修改地址栏内街道 select disable样式
  .ivu-select-input[disabled]{
    -webkit-text-fill-color:unset!important;
    color: unset!important;
  }


  //修改inputNumber控件disable样式
  // .ivu-input-number-disabled{
  //   background-color: unset!important;
  // }
  //修改table内button控件disable样式
  // .ivu-btn[disabled]{
  //   color: unset!important;
  // }

  #app {
    .size;
  }
  .fade-enter {
    opacity:0;
  }
  .fade-leave{
    opacity:1;
  }
  .fade-enter-active{
    transition:opacity .5s;
  }
  .fade-leave-active{
    opacity:0;
    transition:opacity .5s;
  }
</style>

<style>
/* 去掉授权信息 */
#hot-display-license-info{
  display: none !important;
}
.icon-huoche {
    font-family:'iconfont' !important;
  }
  .Poptip {
    margin-right: 10px;
  }
  .formItem {
    margin-right: 10px;
    margin-bottom: 10px !important;
  }
  .searchForm {
    display: flex;
  }
  .form_outer{
    padding: 0 20% 0 1%;
    border-radius: 15px;
  }
  .form_inner{
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
  }

  .searchForm-no-inline{
    display: inline-block;
  }

  .formItem-no-inline {
    margin-bottom: 5px !important;
    /*margin-top: 5px !important;*/
    padding-left: 10px;
    display: block;
    float: left;
  }
</style>
<style>
  /*iview table 选中颜色*/
  .ivu-table-row-highlight td, .ivu-table-stripe .ivu-table-body tr.ivu-table-row-highlight:nth-child(2n) td, .ivu-table-stripe .ivu-table-fixed-body tr.ivu-table-row-highlight:nth-child(2n) td, tr.ivu-table-row-highlight.ivu-table-row-hover td{
    background-color:#BFEFFF !important
  }
  /*iview table 悬停颜色*/
  /*tr.ivu-table-row-hover td{*/
  /*  background-color: #BFEFFF !important*/
  /*}*/
  .my-btn-color1 {
    border-color: #9f4fff !important;
    background-color: #9f4fff !important;
    color: white !important;
    border:2px #9f4fff solid;
  }
  .my-btn-color1:hover {
    opacity: 0.9
  }

  .my-btn-color2 {
    border-color: #ff71c9 !important;
    background-color: #ff71c9 !important;
    color: white !important
  }
  .my-btn-color2:hover {
    opacity: 0.9
  }

  .my-btn-color3 {
    border-color: #78cdd1 !important;
    background-color: #78cdd1 !important;
    color: white !important
  }
  .my-btn-color3:hover {
    opacity: 0.9
  }

  .my-btn-color4 {
    border-color: #e0a089 !important;
    background-color: #e0a089 !important;
    color: white !important
  }
  .my-btn-color4:hover {
    opacity: 0.9
  }

  .my-btn-color5 {
    border-color: #999d9c !important;
    background-color: #999d9c !important;
    color: white !important
  }
  .my-btn-color5:hover {
    opacity: 0.9
  }



</style>