Collaborator:Shaochen Wang

.browserslistrc

@@ -1,3 +1,3 @@
-> 1%
-last 2 versions
-not dead
+> 1%
+last 2 versions
+not dead

.eslintrc.js

@@ -8,6 +8,12 @@ module.exports = {
     parser: '@babel/eslint-parser',
   },
   rules: {
+    'prettier/prettier': [
+      'error',
+      {
+        endofLine: 'auto',
+      },
+    ],
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
   },

.gitignore

@@ -1,23 +1,23 @@
-.DS_Store
-node_modules
-/dist
-
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

.prettierignore

@@ -1,2 +1,2 @@
-node_modules
+node_modules
 dist

.prettierrc

@@ -4,4 +4,5 @@
   "singleQuote": true,
   "semi": false,
   "printWidth": 120
+
 }

LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2022 琴理工作室
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2022 琴理工作室
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -29,4 +29,5 @@ npm run lint
 See [Configuration Reference](https://cli.vuejs.org/config/).
 
 ### 编辑器
-https://github.com/FE-Mars/monaco-editor-vue
+
+https://github.com/FE-Mars/monaco-editor-vue

src/App.vue

@@ -1,22 +1,20 @@
 <template>
   <div id="app">
+    <div>
+      <div>
+        <AllButton />
+      </div>
+    </div>
     <router-view />
-    <MonacoEditor
-      width="800"
-      height="500"
-      theme="vs-dark"
-      language="javascript"
-      :options="options"
-      @change="onChange"
-    ></MonacoEditor>
   </div>
 </template>
 <script>
-import MonacoEditor from 'monaco-editor-vue'
+import AllButton from './views/AllButton.vue'
+
 export default {
   name: 'App',
   components: {
-    MonacoEditor,
+    AllButton,
   },
   data() {
     return {

src/components/MyAdd.vue

@@ -0,0 +1,27 @@
+<template>
+  <div>
+    <div><AllButton /></div>
+    <div class="waibian">
+      <div><img src="@/assets/img.jpg" class="imgs" /></div>
+      <div>链接:<input type="text" class="lianjie" :value="url" /></div>
+      <div>密码:<input type="text" class="mima" :value="secret" /></div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: 'MyAdd',
+  data() {
+    return {
+      url: JSON.parse(localStorage.getItem('URL')),
+      secret: JSON.parse(localStorage.getItem('SECRET')),
+    }
+  },
+}
+</script>
+<style>
+.imgs {
+  width: 600px;
+  height: 400px;
+}
+</style>

src/router/index.js

@@ -1,22 +1,40 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
-import HomeView from '../views/HomeView.vue'
+import MyFile from '../views/MyFile.vue'
+import MyAdd from '../components/MyAdd.vue'
+import ShowData from '../views/ShowData.vue'
+import MyUpdate from '../views/MyUpdate.vue'
 
 Vue.use(VueRouter)
 
 const routes = [
   {
     path: '/',
-    name: 'home',
-    component: HomeView,
+    redirect: '/myfile',
   },
   {
-    path: '/about',
-    name: 'about',
+    path: '/myfile',
+    name: 'myfile',
+    component: MyFile,
+  },
+  {
+    path: '/myadd',
+    name: 'myadd',
     // route level code-splitting
     // this generates a separate chunk (about.[hash].js) for this route
     // which is lazy-loaded when the route is visited.
-    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue'),
+    component: MyAdd,
+  },
+
+  {
+    path: '/MyUpdate',
+    name: 'MyUpdate',
+    component: MyUpdate,
+  },
+  {
+    path: '/showdata',
+    name: 'showdata',
+    component: ShowData,
   },
 ]
 

src/store/bus.js

@@ -0,0 +1,2 @@
+import Vue from 'vue'
+export default new Vue()

src/views/AllButton.vue

@@ -0,0 +1,63 @@
+<template>
+  <div>
+    <el-upload
+      class="upload-demo"
+      action="https://jsonplaceholder.typicode.com/posts/"
+      :on-change="handleChange"
+      :file-list="fileList"
+    >
+      <div class="updata">
+        <el-button type="primary">上传<i class="el-icon-upload el-icon--right"></i></el-button>
+      </div>
+    </el-upload>
+
+    <div class="search">
+      <el-button type="primary" icon="el-icon-search" name="first" @click="querySort">修改</el-button>
+    </div>
+    <div class="file">
+      <el-button type="primary" icon="el-icon-message" name="second" @click="file">文件</el-button>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      fileList: [],
+    }
+  },
+  methods: {
+    handleChange(file, fileList) {
+      this.fileList = fileList.slice(-3)
+    },
+    querySort() {
+      this.$router.push({ path: '/MyUpdate/' })
+    },
+    file() {
+      this.$router.push({ path: '/ShowData/' })
+    },
+  },
+}
+</script>
+
+<style>
+.button {
+  width: 80px;
+  height: 500px;
+  border-color: black;
+}
+.updata {
+  margin-left: -700px;
+  margin-top: 150px;
+}
+.search {
+  position: relative;
+  margin-left: -700px;
+  margin-top: 40px;
+}
+.file {
+  margin-top: 35px;
+  margin-left: -700px;
+}
+</style>