App.vue 1.54 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
}
dragondean@qq.com's avatar
dragondean@qq.com committed
49 50 51 52
.empty-placeholder{
  padding: 50px;
  text-align: center;
}
53
$sizes: 0, 10,20,30,50,100,150,200,300,500,800,1000;
54 55 56
@for $i from 1 through length($sizes){
  $item: nth($sizes, $i);
  .ml-#{$item}{
57
    margin-left: #{$item}px !important;
58 59
  }
  .mr-#{$item}{
60
    margin-right: #{$item}px !important;
61 62
  }
  .mb-#{$item}{
63
    margin-bottom: #{$item}px !important;
64 65
  }
  .mt-#{$item}{
66 67 68 69 70 71 72 73 74 75 76 77 78
    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;
79 80
  }
  .w-#{$item}{
81
    width: #{$item}px !important;
82
  }
83
}
84 85 86 87 88

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