diff --git "a/\350\256\270\346\242\246\345\251\267/2021-6-1.md" "b/\350\256\270\346\242\246\345\251\267/2021-6-01.md"
similarity index 100%
rename from "\350\256\270\346\242\246\345\251\267/2021-6-1.md"
rename to "\350\256\270\346\242\246\345\251\267/2021-6-01.md"
diff --git "a/\350\256\270\346\242\246\345\251\267/2021-6-2.md" "b/\350\256\270\346\242\246\345\251\267/2021-6-02.md"
similarity index 100%
rename from "\350\256\270\346\242\246\345\251\267/2021-6-2.md"
rename to "\350\256\270\346\242\246\345\251\267/2021-6-02.md"
diff --git "a/\350\256\270\346\242\246\345\251\267/2021-6-4.md" "b/\350\256\270\346\242\246\345\251\267/2021-6-04.md"
similarity index 100%
rename from "\350\256\270\346\242\246\345\251\267/2021-6-4.md"
rename to "\350\256\270\346\242\246\345\251\267/2021-6-04.md"
diff --git "a/\350\256\270\346\242\246\345\251\267/2021-6-5.md" "b/\350\256\270\346\242\246\345\251\267/2021-6-05.md"
similarity index 100%
rename from "\350\256\270\346\242\246\345\251\267/2021-6-5.md"
rename to "\350\256\270\346\242\246\345\251\267/2021-6-05.md"
diff --git "a/\350\256\270\346\242\246\345\251\267/2021-6-08.md" "b/\350\256\270\346\242\246\345\251\267/2021-6-08.md"
new file mode 100644
index 0000000000000000000000000000000000000000..c32cfae01677d6f9d777293005b3985c2ef33716
--- /dev/null
+++ "b/\350\256\270\346\242\246\345\251\267/2021-6-08.md"
@@ -0,0 +1,185 @@
+今日份课堂笔记
+
+2021-6-8 星期二
+
+<h1>组件</h1>
+
+1.组件是可复用的 Vue 实例，且带有一个名字：在这个例子中是 <btn-count>。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用
+``` <div id="app">
+        <btn-count></btn-count>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.13"></script>
+    <script>
+        Vue.component('btn-count', {
+            data: function () {
+                return {
+                    count: 0
+                }
+            },
+            template: `
+            <input type="button" :value="count" @click="count++">`
+        })
+        let app = new Vue({
+            el: "#app",
+            data: {
+
+            }
+        })
+    </script>
+
+```
+组件的复用
+```
+可以将组件进行任意次数的复用
+<div id="app">
+        <btn-count></btn-count>
+        <btn-count></btn-count>
+        <btn-count></btn-count>
+        <btn-count></btn-count>
+    </div>
+```
+2.组件必须是函数
+```
+data 并不是像这样直接提供一个对象
+data: {
+  count: 0
+}
+
+个组件的 data 选项必须是一个函数，因此每个实例可以维护一份被返回对象的独立的拷贝
+data: function () {
+  return {
+   count: 0
+  }
+    },
+```
+3.通过 Prop 向子组件传递数据
+```
+Prop 是你可以在组件上注册的一些自定义 attribute。当一个值传递给一个 prop attribute 的时候，它就变成了那个组件实例的一个 property。为了给博文组件传递一个标题，我们可以用一个 props 选项将其包含在该组件可接受的 prop
+
+<div id="app">
+        <btn-count id="1" name="小米"></btn-count>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.13"></script>
+    <script>
+
+        Vue.component('btn-count', {
+            props: ['id', 'name'],
+            template: `
+            <div>
+            <h1>{{id}}</h1>
+            <h5>{{name}}</h5>
+            </div>
+            `
+        })
+        let app = new Vue({
+            el: "#app",
+            data: {
+            }
+        })
+    </script>
+```
+4.单个根元素
+```
+将模板的内容包裹在一个父元素内
+现在，不论何时为 post 对象添加一个新的 property，它都会自动地在 <btn-count> 内可用
+
+ <div id="app">
+        <btn-count v-for="item in posts" :title="item.title"></btn-count>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.13"></script>
+    <script>
+
+        Vue.component('btn-count', {
+            props: ['title', 'name'],
+            template: `
+            <div>
+            <h1>{{title}}</h1>
+            <h5>{{name}}</h5>
+            </div>
+            `
+        })
+        let app = new Vue({
+            el: "#app",
+            data: {
+                posts: [
+                    {
+                        id: 1,
+                        title: '标题1',
+                    },
+                    {
+                        id: 2,
+                        title: '标题2',
+                    },
+                    {
+                        id: 3,
+                        title: '标题3',
+                    },
+                    {
+                        id: 4,
+                        title: '标题4',
+                    },
+                ]
+            }
+        })
+    </script>
+```
+5.监听子组件事件
+
+```
+在我们开发 <todo-item> 组件时，它的一些功能可能要求我们和父级组件进行沟通。例如我们可能会引入一个辅助功能来放大博文的字号，同时让页面的其它部分保持默认的字号
+<div id="app">
+        <ul>
+            <todo-item v-for="(item,index) in todoList" :item="item" :key="item.id" @dd="dosomething"></todo-item>
+        </ul>
+    </div>
+
+
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.13/dist/vue.js"></script>
+    <script>
+        Vue.component('todo-item',{
+            props:['item'],
+            template:`
+                <li>{{item.todoItem}}<button @click="$emit('dd',1)">remove</button></li>
+            `
+        })
+
+
+        let app=new Vue({
+            el:'#app',
+            data:{
+                list:[],
+                todoList:[
+                    {
+                        id:1,
+                        todoItem:'任务1'
+                    },
+                    {
+                        id:2,
+                        todoItem:'任务2'
+                    },
+                    {
+                        id:3,
+                        todoItem:'任务3'
+                    },
+                    {
+                        id:4,
+                        todoItem:'任务4'
+                    },
+                    {
+                        id:5,
+                        todoItem:'任务5'
+                    },
+                ]
+            },
+            computed:{
+                
+            },
+            methods:{
+                dosomething:function(index){
+                    console.log(111);
+                    this.todoList.splice(index,1)
+                }
+            }
+        })
+    </script>
+```
\ No newline at end of file
diff --git "a/\350\256\270\346\242\246\345\251\267/2021-6-09.md" "b/\350\256\270\346\242\246\345\251\267/2021-6-09.md"
new file mode 100644
index 0000000000000000000000000000000000000000..b9bfc3ebe64a57c7f3d46364552968d4356097b1
--- /dev/null
+++ "b/\350\256\270\346\242\246\345\251\267/2021-6-09.md"
@@ -0,0 +1,53 @@
+今日份课堂笔记
+
+2021-6-9 星期三
+
+一.通过插槽分发内容
+```
+<div id=app>
+        <x-txt>恭喜发财</x-txt>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/vue@2.6.14"></script>
+    <script>
+        Vue.component('x-txt', {
+            props: ['msg'],
+            template: `
+            <h1>
+            <strong>红包拿来</strong>
+            <slot></slot>
+            </h1>
+            `
+        })
+        let app = new Vue({
+            el: '#app',
+            data: {}
+        })
+    </script>
+```
+1.下载vue
+```
+用cmd下载vue：yarn global add @vue/cli
+
+下载完成后在系统环境变量中添加yarn的bin路径
+```
+![avater](./imgs/2021-6-9-001.PNG)
+
+
+2.安装配置
+
+放在d盘：d：
+
+创建一个文件夹：mkdir myGitProjects
+
+打开文件夹：cd .\myGitProjects\
+
+创建库：vue create my-vue-app
+
+选择Vue2
+
+![avater](./imgs/2021-6-9-002.PNG)
+
+进入库：cd .\my-vue-app\
+
+yarn serve
+
diff --git "a/\350\256\270\346\242\246\345\251\267/2021-6-11.md" "b/\350\256\270\346\242\246\345\251\267/2021-6-11.md"
new file mode 100644
index 0000000000000000000000000000000000000000..5473592759f552647c6ebe024f6fcf0372d690c4
--- /dev/null
+++ "b/\350\256\270\346\242\246\345\251\267/2021-6-11.md"
@@ -0,0 +1,47 @@
+今日份课堂笔记
+
+2021-6-11 星期五
+
+1.链接会话
+![avater](./imgs/2021-6-11-001.PNG)
+
+2.su进入超级管理系统
+
+3.进入淘宝镜像：npm config set registry https://registry.npm.taobao.
+org
+
+4.更新：apt -y update
+
+5.下载yarn:npm i -g yarn
+
+6.下载vue:yarn global add @vue/cli
+
+![avater](./imgs/2021-6-11-002.PNG)
+
+7.选择v2,进入cd vuevue.top,yarnserve
+
+8.yarn build
+
+9.pwd
+
+![avater](./imgs/2021-6-11-003.PNG) 
+
+10.ls -l进入
+
+11.ls -l/var/www
+
+12.将自己的放入 cp -r dist /var/www/vuevue.top
+
+13.-l/var/www
+
+14.cd /var/www
+
+15.cd vuevue.top
+
+16.cd..
+
+17.vuevue.top
+
+18.-l
+![avater](./imgs/2021-6-11-004.PNG) 
+
diff --git "a/\350\256\270\346\242\246\345\251\267/2021-6-12.md" "b/\350\256\270\346\242\246\345\251\267/2021-6-12.md"
new file mode 100644
index 0000000000000000000000000000000000000000..b5a5250b2ed3ef98e898e13889b039bf41ac6f35
--- /dev/null
+++ "b/\350\256\270\346\242\246\345\251\267/2021-6-12.md"
@@ -0,0 +1,141 @@
+今日份课堂笔记
+
+2021-6-12 星期六
+```
+1.进入淘宝镜像：npm config set registry https://registry.npm.taobao.org
+2.下载Vue：npm i -g @vue/cli yarn
+3.进入D盘：d:
+4.创建文件夹:mkdir xmtVue
+创建Vue文件：vue create my-app
+5.进入文件夹：cd xmtVue
+6.选择yes vue2 yarn
+7.与git链接：
+git config --global user.emali "2559593548@qq.com"
+xmtVue>git config --global user.name "许梦婷"
+8.创建一个文件夹：vue create my-test-app
+
+```
+![avater](./imgs/2021-6-12-001.PNG)
+![avater](./imgs/2021-6-12-002.PNG)
+
+为app.vue扩展
+![avater](./imgs/2021-6-12-003.PNG)
+
+
+APP.vue中：
+```
+<template>
+  <div id="app">
+    <!-- 使用 -->
+    <HelloWorld msg="Welcome to Your Vue.js App"/>
+    <a-test title="这又是一个标题"></a-test>
+  </div>
+</template>
+
+<script>
+import HelloWorld from './components/HelloWorld.vue'//引入
+import ATest from './components/ATest.vue'//引入
+
+export default {
+  name: 'App',
+  components: {
+    //注册组件
+    HelloWorld,
+    ATest
+  }
+}
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
+
+```
+ATest
+```
+<template>
+  <div>
+    <h2>{{ title}}</h2>
+    <table>
+      <tr> 
+             
+        <td>id</td>
+        <td>菜名</td>
+        <td>数量</td>
+        <td>价格</td>
+        <td>份量</td>
+    
+      </tr>
+      <tr v-for="item in list" :key="item.id">
+        <td>{{ item.id }}</td>
+        <td>{{ item.name }}</td>
+        <td>{{ item.quantity }}</td>
+        <td>{{ item.much }}</td>
+        <td>{{ item.component}}</td>
+      </tr>
+    </table>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    title: {
+      type: String,
+      default: "标题",
+    },
+  },
+  data: function () {
+    return {
+      list: [
+        {
+          id: 1,
+          name: "红烧带鱼",
+          quantity: 2,
+          much: 50,
+          component: "大份",
+        },
+        {
+          id: 2,
+          name: "红烧排骨",
+          quantity: 3,
+          much: 150,
+          component: "中份",
+        },
+        {
+          id: 3,
+          name: "凉拌黄瓜",
+          quantity: 1,
+          much: 15,
+          component: "大份",
+        },
+        {
+          id: 4,
+          name: "番茄鸡蛋汤",
+          quantity: 1,
+          much: 25,
+          component: "小份",
+        },
+      ],
+    };
+  },
+};
+</script>
+<style scoped>
+tr{
+    color: paleturquoise;
+    font-size:30px;
+}
+td{
+    margin-left: 60px;
+}
+</style>
+```
+效果图：![avater](./imgs/2021-6-12-004.PNG)
\ No newline at end of file
diff --git "a/\350\256\270\346\242\246\345\251\267/2021-6-15.md" "b/\350\256\270\346\242\246\345\251\267/2021-6-15.md"
new file mode 100644
index 0000000000000000000000000000000000000000..c4a7e0be4e77038398947938c65201fd0cef8ca4
--- /dev/null
+++ "b/\350\256\270\346\242\246\345\251\267/2021-6-15.md"
@@ -0,0 +1,21 @@
+今日份课堂笔记
+
+2021-6-15 星期二
+```
+<script src="https://unpkg.com/vue/dist/vue.js"></script>
+<script src="https://unpkg.com/vue-router/dist/vue-router.js"></script>
+
+<div id="app">
+  <h1>Hello App!</h1>
+  <p>
+    <!-- 使用 router-link 组件来导航. -->
+    <!-- 通过传入 `to` 属性指定链接. -->
+    <!-- <router-link> 默认会被渲染成一个 `<a>` 标签 -->
+    <router-link to="/foo">Go to Foo</router-link>
+    <router-link to="/bar">Go to Bar</router-link>
+  </p>
+  <!-- 路由出口 -->
+  <!-- 路由匹配到的组件将渲染在这里 -->
+  <router-view></router-view>
+</div>
+```
\ No newline at end of file
diff --git "a/\350\256\270\346\242\246\345\251\267/2021-6-16.md" "b/\350\256\270\346\242\246\345\251\267/2021-6-16.md"
new file mode 100644
index 0000000000000000000000000000000000000000..3c4861cb56e8640394da4e11984f518635309862
--- /dev/null
+++ "b/\350\256\270\346\242\246\345\251\267/2021-6-16.md"
@@ -0,0 +1,102 @@
+今日份课堂笔记
+
+2021-6-16 星期三
+
+在终端下载路由:yarn add vue-router
+
+一.动态路由匹配
+```
+例如，我们有一个 Profile组件，对于所有 ID 各不相同的用户，都要使用这个组件来渲染。那么，我们可以在 vue-router 的路由路径中使用“动态路径参数”(dynamic segment) 来达到这个效果：
+
+main.js内：
+
+import VueRouter from 'vue-router'
+import Profile from './components/Profile'
+
+Vue.config.productionTip = false
+
+let router=new VueRouter({
+  mode:'history',
+  routes:[
+    {
+      path:'/profile',
+      component:Profile
+    }
+  ]
+})
+Vue.use(VueRouter)
+
+
+Profile内：
+
+<template>
+    <div>
+        <ul>
+            <li>恭喜发财</li>
+            <li>好好学习</li>
+            <li>天天向上</li>
+        </ul>
+    </div>
+</template>
+<style scoped>
+li{
+color: blue;
+}
+li::marker{
+    content:'>';
+}
+</style>
+
+```
+结果如图：
+![avater](./imgs/2021-6-16-001.PNG)
+
+
+```
+一个“路径参数”使用冒号 : 标记。当匹配到一个路由时，参数值会被设置到 this.$route.params，可以在每个组件内使用。于是，我们可以更新 User 的模板，输出当前用户的 ID
+
+
+Profile内：
+
+<template>
+    <div>
+        <ul>
+            <li>恭喜发财</li>
+            <li>好好学习</li>
+            <li>天天向上</li>
+        </ul>
+        <h1>{{$route.params.id}}</h1>
+    </div>
+</template>
+
+main.js中：
+
+//将profile继承给id
+routes:[
+    {
+      path:'/profile/:id',
+      component:Profile
+    }
+```
+![avater](./imgs/2021-6-16-002.PNG)
+
+
+二.捕获所有路由或 404 Not found 路由
+```
+main.js中：（在routes中添加）
+
+routes:[
+    {
+      path:'*',
+      component:p404
+    },
+  ]
+
+  404.vue中：
+  
+  <template>
+    <p>404,无法找到网页</p>
+</template>
+```
+结果如图：
+![avater](./imgs/2021-6-16-003.PNG)
diff --git "a/\350\256\270\346\242\246\345\251\267/2021-6-18.md" "b/\350\256\270\346\242\246\345\251\267/2021-6-18.md"
new file mode 100644
index 0000000000000000000000000000000000000000..ffdd3897a24ca640436cb49c4ac07909c31aa60c
--- /dev/null
+++ "b/\350\256\270\346\242\246\345\251\267/2021-6-18.md"
@@ -0,0 +1,104 @@
+今日份课堂笔记
+
+2021-6-18 星期五
+
+<h1>嵌套路由</h1>
+
+编程式的导航
+```
+该方法的参数可以是一个字符串路径，或者一个描述地址的对象。例如：
+
+// 字符串
+router.push('home')
+
+// 对象
+router.push({ path: 'home' })
+
+// 命名的路由
+router.push({ name: 'user', params: { userId: '123' }})
+
+// 带查询参数，变成 /register?plan=private
+router.push({ path: 'register', query: { plan: 'private' }})
+```
+
+```
+注意：如果提供了 path，params 会被忽略，上述例子中的 query 并不属于这种情况。取而代之的是下面例子的做法，你需要提供路由的 name 或手写完整的带有参数的 path：
+
+const userId = '123'
+router.push({ name: 'user', params: { userId }}) // -> /user/123
+router.push({ path: `/user/${userId}` }) // -> /user/123
+// 这里的 params 不生效
+router.push({ path: '/user', params: { userId }}) // -> /user
+```
+
+<h2>main.js内:</h2>
+
+```
+import Vue from 'vue'
+import App from './App.vue'
+import VueRouter from 'vue-router'
+import Login from './components/Login'
+
+Vue.config.productionTip = false
+Vue.use(VueRouter)
+ 
+let router=new VueRouter({
+  mode:'history',
+  routes:[
+
+    {
+      //定义路由
+      path:'/login',
+      component:Login
+    }
+  ]
+})
+new Vue({
+  router,
+  render: h => h(App),
+}).$mount('#app')
+```
+
+<h2>App.vue内:</h2>
+
+```
+<template>
+  <div id="app">
+  <router-view></router-view>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'App',
+  components: {
+  },
+  mounted:function(){
+     setTimeout(()=> {
+       this.$router.push('/login');// 字符串
+   }, 2000);
+  }
+}
+</script>
+<style>
+</style>
+```
+// 对象访问
+
+this.$router.push({ path: '/login' });
+
+
+// 带查询参数，变成 /register?plan=private
+
+this.$router.push({ 
+        path:'login',
+         query:{
+           id:111
+         }
+         })
+         
+<h2>结果如图：</h2>
+
+![avater](./imgs/2021-6-18-001.PNG)
+
+![avater](./imgs/2021-6-18-002.PNG)
\ No newline at end of file
diff --git "a/\350\256\270\346\242\246\345\251\267/2021-6-19.md" "b/\350\256\270\346\242\246\345\251\267/2021-6-19.md"
new file mode 100644
index 0000000000000000000000000000000000000000..013604c796b19e5402e872f94f149c6f78eb2e0a
--- /dev/null
+++ "b/\350\256\270\346\242\246\345\251\267/2021-6-19.md"
@@ -0,0 +1,51 @@
+今日份课堂笔记
+
+2021-6-19 星期六
+
+<h1>命名路由</h1>
+
+给路由命名，你可以在创建 Router 实例的时候，在 routes 配置中给某个路由设置名称
+```
+ routes:[
+     {
+       path:'/user/:id',
+       name:'user',
+       component:User
+     }
+   ]
+```
+
+<h2>结果如图：</h2>
+
+![avater](./imgs/2021-6-19-001.PNG)
+
+要链接到一个命名路由，可以给 router-link 的 to 属性传一个对象
+```
+<router-link :to="{ name: 'user', params: {id: 123 }}">恭喜发财</router-link>
+```
+![avater](./imgs/2021-6-19-002.PNG)
+
+
+<h1>命名视图</h1>
+
+同时 (同级) 展示多个视图
+
+```
+App.js内：
+  <router-view name="login"></router-view>
+  <router-view name="registry"></router-view>
+  <router-view name="profile"></router-view>
+  <router-view name="user"></router-view>
+
+main.js内:
+  components:{
+         user:User,
+         login:Login,
+         registry:Registry,
+         profile:Profile
+       }
+```
+
+![avater](./imgs/2021-6-19-003.PNG)
+
+<h1>重定向和别名</h1>
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-11-001.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-11-001.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..30de38467583c25adf75508cf14d7ab103b0ee9d
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-11-001.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-11-002.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-11-002.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..a00b0a41901ad0f299c6ef8f815d1a2cded6e31e
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-11-002.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-11-003.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-11-003.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..345bcb044337a19a6a7d5d8722e0b39a45609783
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-11-003.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-11-004.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-11-004.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..3ae622a9614d28b80377e67af6c796eb4f6f68ef
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-11-004.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-12-001.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-12-001.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..ca1e36bc36a2ab1460ed4cc7fe43010554f8d060
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-12-001.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-12-002.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-12-002.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..d53d06d53bc43b26f0356c035c99259c9d5b7bac
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-12-002.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-12-003.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-12-003.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..d16c17d7201b5d558a1b38dc46db5d8004dac75d
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-12-003.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-12-004.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-12-004.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..8ed22d0ab3844b9511b8cc9387c8da23ff1f85e3
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-12-004.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-16-001.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-16-001.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..1ccee3244c14f6acd14fb605f2df7192d0041328
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-16-001.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-16-002.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-16-002.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..f4174c04c4bd9734eb7cd2c884ab98ae8cc7d735
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-16-002.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-16-003.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-16-003.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..4cd7c9f898aab141c7443596fbfe87eb9bf71a83
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-16-003.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-18-001.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-18-001.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..c6ee394883902f29d415a9f4ede676fd1af6fad6
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-18-001.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-18-002.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-18-002.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..f643f25ddb4e7e3f12f8979274e3edf0338f7d12
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-18-002.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-19-001.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-19-001.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..92b4fa525bf92278af552f27702af280708d15bc
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-19-001.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-19-002.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-19-002.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..1797110ded8dbf7de82e4695d45bc1722b317d2b
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-19-002.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-19-003.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-19-003.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..bc4138b59eec6f5ec9b4856557459657cfb075a1
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-19-003.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-9-001.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-9-001.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..d424f1ff480a1d022ad21e2f7a502d0d55127f9e
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-9-001.PNG" differ
diff --git "a/\350\256\270\346\242\246\345\251\267/imgs/2021-6-9-002.PNG" "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-9-002.PNG"
new file mode 100644
index 0000000000000000000000000000000000000000..24d4e7a8b31688cda9218a9daf45f7fee59e24cb
Binary files /dev/null and "b/\350\256\270\346\242\246\345\251\267/imgs/2021-6-9-002.PNG" differ