App.vue 1.76 KB
Newer Older
sunhongwei's avatar
sunhongwei committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19
<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default  {
  name:  'App',
  metaInfo() {
    return {
      title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
      titleTemplate: title => {
        return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
      }
    }
  }
}
</script>
20 21 22 23 24 25 26 27 28 29 30 31 32 33
<style lang="scss">
.page-title{
  font-size:16px;
  margin:20px 0;
  display:flex;
  align-items:center;
  &:before{
    content: '';
    width:5px;
    height: 15px;
    background:#666;
    margin-right:10px;
  }
}
34 35 36 37 38 39
.flex{
  display: flex;
}
.flex-1{
  flex: 1;
}
40 41 42
.center{
  align-content: center;
  text-align: center;
43
}
44 45 46 47
.flex-center{
  display: flex;
  align-items: center;
  justify-content: center;
48
}
49 50 51 52
.flex-between{
  display: flex;
  justify-content: space-between;
}
dragondean@qq.com's avatar
dragondean@qq.com committed
53 54 55 56
.empty-placeholder{
  padding: 50px;
  text-align: center;
}
dragondean@qq.com's avatar
dragondean@qq.com committed
57 58 59 60 61
/*给el-input-number一个紧凑的样式*/
.el-input-number.is-controls-right.tight .el-input__inner{
  padding-right: 30px;
  padding-left: 5px;
}
62
$sizes: 0, 5, 10,20,30,50,75,100,150,200,300,500,800,1000;
63 64 65
@for $i from 1 through length($sizes){
  $item: nth($sizes, $i);
  .ml-#{$item}{
66
    margin-left: #{$item}px !important;
67 68
  }
  .mr-#{$item}{
69
    margin-right: #{$item}px !important;
70 71
  }
  .mb-#{$item}{
72
    margin-bottom: #{$item}px !important;
73 74
  }
  .mt-#{$item}{
75 76 77 78 79 80 81 82 83 84 85 86 87
    margin-top: #{$item}px !important;
  }
  .pl-#{$item}{
    margin-left: #{$item}px !important;
  }
  .pr-#{$item}{
    margin-right: #{$item}px !important;
  }
  .pb-#{$item}{
    margin-bottom: #{$item}px !important;
  }
  .pt-#{$item}{
    margin-top: #{$item}px !important;
88 89
  }
  .w-#{$item}{
90
    width: #{$item}px !important;
91
  }
92
}
93 94 95 96 97

table{
  border-collapse: collapse;
  border-spacing: 0;
}
98
</style>