theme design

component/approve/Register.vue

@@ -46,7 +46,7 @@ export default {
   align-items: center;
 }
 .register div{
-  width: 100%;
+  width: 90%;
 }
 </style>
 

component/file/File.vue

@@ -9,6 +9,21 @@ export default {
 </script>
 
 <template>
+<div class="file">
   <h3>文件处理</h3>
-  <input type="file" placeholder="选择文件"/><br/><label>确认上传</label>
+  <input type="file" placeholder="选择文件"/><br/>
+  <label>确认上传</label>
+</div>
 </template>
+<style scoped>
+.file{
+  color:var(--font-color);
+  width:80%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.file div{
+  width: 90%;
+}
+</style>