48 lines
		
	
	
		
			825 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
			
		
		
	
	
			48 lines
		
	
	
		
			825 B
		
	
	
	
		
			Vue
		
	
	
	
	
	
| <template>
 | |
|   <div id="app">
 | |
|     <router-view />
 | |
|   </div>
 | |
| </template>
 | |
| 
 | |
| <script>
 | |
| export default {
 | |
|   name: 'App'
 | |
| }
 | |
| </script>
 | |
| 
 | |
| <style lang="scss">
 | |
| // 引入初始化样式
 | |
| @import '@/style/main.scss';
 | |
| @import '@/style/base.scss';
 | |
| @import '@/style/mobile.scss';
 | |
| #app {
 | |
|   background: #eee;
 | |
|   height: 100vh;
 | |
|   overflow: hidden;
 | |
|   font-weight: 400 !important;
 | |
| }
 | |
| .el-button{
 | |
|   font-weight: 400 !important;
 | |
| }
 | |
| .avatar-uploader .el-upload {
 | |
|   border: 1px dashed var(--el-border-color);
 | |
|   border-radius: 6px;
 | |
|   cursor: pointer;
 | |
|   position: relative;
 | |
|   overflow: hidden;
 | |
|   transition: var(--el-transition-duration-fast);
 | |
| }
 | |
| 
 | |
| .avatar-uploader .el-upload:hover {
 | |
|   border-color: var(--el-color-primary);
 | |
| }
 | |
| 
 | |
| .el-icon.avatar-uploader-icon {
 | |
|   font-size: 28px;
 | |
|   color: #8c939d;
 | |
|   width: 178px;
 | |
|   height: 178px;
 | |
|   text-align: center;
 | |
| }
 | |
| </style>
 |