file operation

component/file/File.vue

@@ -0,0 +1,14 @@
+<script>
+export default {
+  data() {
+    return {
+      count: 0
+    }
+  }
+}
+</script>
+
+<template>
+  <h3>文件处理</h3>
+  <input type="file" placeholder="选择文件"/><br/><label>确认上传</label>
+</template>

index.html

@@ -57,18 +57,18 @@
 			color:#862930;
 			background-color:#DED8D4 ;
 			font-size: 25px;
-			line-height: 30px;
+			line-height: 25px;
 			display: inline-block;
 			margin-left: 10px;
 			padding: 2px;
 			border-radius: 5px;
-			border: 1px solid #862930;
+			/* border: 1px solid #862930; */
 			text-decoration: none;
 		}
 		.router-link span a:hover{
 			color:#121929;
 			background-color:#862930 ;
-			border: 1px solid #121929;
+			/* border: 1px solid #121929; */
 		}
 	</style>
 </head>
@@ -124,7 +124,10 @@
 				<router-link to="/register">{{$t('messages.component.approve.register')}}</router-link>
 			</span> -->
 		</div>
-		
+		<div class="approve" onclick="dialog.showModal()">
+			<!-- <router-link to="/login">{{$t('messages.component.approve.login')}}</router-link> -->
+			<router-link to="/file">{{$t('messages.component.file.file')}}</router-link>
+		</div>
 		<!-- 
 		<p>after i18n label</p> 
 		<label @click="changelang('zh')">中文</label>

index.js

@@ -28,6 +28,7 @@ import test from "./component/test.vue";
 import About from "./component/About.vue";
 import Login from "./component/approve/Login.vue";
 import Register from "./component/approve/Register.vue";
+import File from "./component/file/File.vue";
 import i18n from "./i18n.js";
 import { useI18n } from 'vue-i18n';
 
@@ -55,7 +56,8 @@ const app=createApp({
     test,
     About,
     Login,
-    Register
+    Register,
+    File
   },
   data(){
     return{

lang/en.js

@@ -11,7 +11,14 @@ export default{
       approve_link:{
         login_link:"http://ancientapes.cc:10000/node_test/",
         register_link:"http://ancientapes.cc:10000/node_test/",
-      } 
+      },
+      file:{
+        title:"file operation",
+        file:"file operation",
+      },
+      file_link:{
+        file_link:"http://ancientapes.cc:10000/node_test/",
+      },
     },
     pages:{
       index:"index",

lang/ja.js

@@ -11,7 +11,14 @@ export default {
       approve_link:{
         login_link:"http://ancientapes.cc:10000/node_test/",
         register_link:"http://ancientapes.cc:10000/node_test/",
-      } 
+      },
+      file:{
+        title:"ぶんしょしょり",
+        file:"ぶんしょしょり",
+      },
+      file_link:{
+        file_link:"http://ancientapes.cc:10000/node_test/",
+      },
     },
     pages:{
       index:"とっぷぺーじ",

lang/zh.js

@@ -11,7 +11,14 @@ export default{
       approve_link:{
         login_link:"http://ancientapes.cc:10000/node_test/",
         register_link:"http://ancientapes.cc:10000/node_test/",
-      } 
+      },
+      file:{
+        title:"文件处理",
+        file:"文件处理",
+      },
+      file_link:{
+        file_link:"http://ancientapes.cc:10000/node_test/",
+      },
     },
     pages:{
       index:"首页",

router.js

@@ -4,6 +4,7 @@ import test from "./component/test.vue";
 import About from "./component/About.vue";
 import Login from "./component/approve/Login.vue";
 import Register from "./component/approve/Register.vue";
+import File from "./component/file/File.vue";
 const routes=[
   { path:'/',redirect:'/home' },
   { path:'/home',component:Home },
@@ -11,6 +12,7 @@ const routes=[
   { path:'/about',component:About },
   { path:'/login',component:Login },
   { path:'/register',component:Register },
+  { path:'/file',component:File },
 ];
 const router = createRouter({
   routes,