diff --git a/README.md b/README.md
index 372145e..40addde 100644
--- a/README.md
+++ b/README.md
@@ -1,14 +1,60 @@
 # 资产系统前端项目
 
-这是前端项目所采用的框架：Vue 3 + Vite + Bootstrap
+> 这是前端项目所采用的框架：Vue 3 + Vite + Bootstrap，这是DepSystem资产系统的界面代码。
 
-这是DepSystem资产系统的界面代码。
+---
+
+## 前端界面
+
+效果：
+
+![效果1](http://rrq7aezf5.sabkt.gdipper.com/typora/%E6%88%AA%E5%B1%8F2023-04-04%20%E4%B8%8A%E5%8D%889.12.33.png)
+
+![效果2](http://rrq7aezf5.sabkt.gdipper.com/typora/%E6%88%AA%E5%B1%8F2023-04-04%20%E4%B8%8A%E5%8D%889.13.10.png)
+
+登录提示效果：
+
+![截屏2023-04-05 上午1.37.02](https://i.imgur.com/up8uqdU.png)
+
+---
+
+项目目录结构：
+
+```bash
+app5
+|__ .vsconde
+|__ node_modules
+|__ public
+|__ src
+    |__ assets
+    |__ components
+    |__ image
+    |__ router
+    |__ scss
+    |__ utils
+    |__ views
+    |__ main.js
+    |__ style.css
+|__ .gitignore
+|__ index.html
+|__ package-lock.json
+|__ package.json
+|__ README.md
+|__ vite.config.js
+```
+
+## 安装
 
 运行环境：
+
 node 16+ 版本
 
 安装好后，下载本仓库代码。
 
+```sh
+git clone http://120.24.203.75:3000/DepSystem/WebVue.git
+```
+
 [代码地址](http://120.24.203.75:3000/DepSystem/WebVue.git)
 
 接着运行
@@ -17,6 +63,12 @@ node 16+ 版本
 npm build
 ```
 
+开发运行下面命令
+
+```sh
+npm run dev
+```
+
 打包好后，将其打包好的文件放到Spring boot的static文件夹中。
 
 运行Spring boot项目即可。
diff --git a/assets/截屏2023-04-05 上午1.37.02.png b/assets/截屏2023-04-05 上午1.37.02.png
new file mode 100644
index 0000000..d87a586
Binary files /dev/null and b/assets/截屏2023-04-05 上午1.37.02.png differ
diff --git a/src/App.vue b/src/App.vue
index 1ec6e7e..ec85eeb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,14 +1,5 @@
 <script setup>
 import { computed } from 'vue';
-// import SuccessMessage from './views/modal/SuccessMessage.vue'
-// import store from './utils/vuex/store'
-
-// const code = computed(() => { store.state.isLogin })
-// const c = computed(() => { code.value })
-
-// const message = computed(() => { store.state.successMessage })
-// const m = computed(()=>{message.value})
-
 </script>
 
 <template>