62 lines
962 B
Vue
Executable File
62 lines
962 B
Vue
Executable File
<template>
|
|
<div id="app">
|
|
<div class="container">
|
|
<router-view/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
export default {
|
|
name: "App",
|
|
data() {
|
|
return {
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
@import 'assets/css/normalize.css';
|
|
@import 'assets/css/public.scss';//帖子内容样式
|
|
#app {
|
|
font-family: Avenir, Helvetica, Arial, sans-serif;
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
display: flex;
|
|
flex-direction: column;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
}
|
|
.container{
|
|
// padding: 0 0.35rem;
|
|
background-color: rgba(246, 246, 246, 1);
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.flexflex{
|
|
display: flex;
|
|
}
|
|
|
|
.flexcenter {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.flexacenter {
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.flexcolumn {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
|
|
.el-message {
|
|
min-width: 7rem !important;
|
|
}
|
|
|
|
</style>
|