diff --git a/web/src/assets/img/login-bg.jpg b/web/src/assets/img/login-bg.jpg
new file mode 100644
index 00000000..95ff776b
Binary files /dev/null and b/web/src/assets/img/login-bg.jpg differ
diff --git a/web/src/assets/img/login-bg.png b/web/src/assets/img/login-bg.png
deleted file mode 100644
index c3f82ad6..00000000
Binary files a/web/src/assets/img/login-bg.png and /dev/null differ
diff --git a/web/src/assets/img/reg-bg-1.png b/web/src/assets/img/reg-bg-1.png
deleted file mode 100644
index fdd357bc..00000000
Binary files a/web/src/assets/img/reg-bg-1.png and /dev/null differ
diff --git a/web/src/assets/img/reg-bg.jpg b/web/src/assets/img/reg-bg.jpg
new file mode 100644
index 00000000..cfd76ed2
Binary files /dev/null and b/web/src/assets/img/reg-bg.jpg differ
diff --git a/web/src/assets/img/reg-bg.png b/web/src/assets/img/reg-bg.png
deleted file mode 100644
index 5d07c7e7..00000000
Binary files a/web/src/assets/img/reg-bg.png and /dev/null differ
diff --git a/web/src/components/ConfigDialog.vue b/web/src/components/ConfigDialog.vue
index 62413bc5..c5b49e68 100644
--- a/web/src/components/ConfigDialog.vue
+++ b/web/src/components/ConfigDialog.vue
@@ -1,6 +1,6 @@
 <template>
   <el-dialog
-      v-model="props.show"
+      v-model="$props.show"
       :close-on-click-modal="false"
       :show-close="true"
       :before-close="close"
diff --git a/web/src/components/FooterBar.vue b/web/src/components/FooterBar.vue
new file mode 100644
index 00000000..a36576a8
--- /dev/null
+++ b/web/src/components/FooterBar.vue
@@ -0,0 +1,13 @@
+<template>
+    <footer>
+      Powered by [ChatGPT-Plus-V3](https://github.com/yangjian102621/chatgpt-plus)
+      Copyright|极客学长
+    </footer>
+</template>
+<script setup>
+
+</script>
+
+<style scoped lang="stylus">
+
+</style>
\ No newline at end of file
diff --git a/web/src/views/Login.vue b/web/src/views/Login.vue
index 281e7c77..a421d9fa 100644
--- a/web/src/views/Login.vue
+++ b/web/src/views/Login.vue
@@ -49,7 +49,7 @@ import {setLoginUser} from "@/utils/storage";
 import {useRouter} from "vue-router";
 
 const router = useRouter();
-const title = ref('ChatGPT Plus 用户登录');
+const title = ref('ChatGPT-PLUS 用户登录');
 const username = ref(process.env.VUE_APP_USER);
 const password = ref(process.env.VUE_APP_PASS);
 
@@ -89,7 +89,7 @@ const login = function () {
   top 0
   bottom 0
   background-color #313237
-  background-image url("~@/assets/img/login-bg.png")
+  background-image url("~@/assets/img/login-bg.jpg")
   background-size cover
   background-position center
   background-repeat repeat-y
diff --git a/web/src/views/Register.vue b/web/src/views/Register.vue
index 0a89188d..af33b133 100644
--- a/web/src/views/Register.vue
+++ b/web/src/views/Register.vue
@@ -55,6 +55,8 @@
           </el-form>
         </div>
       </div>
+
+      <footer-bar />
     </div>
   </div>
 </template>
@@ -66,9 +68,10 @@ import {Lock, UserFilled} from "@element-plus/icons-vue";
 import {httpPost} from "@/utils/http";
 import {ElMessage} from "element-plus";
 import {useRouter} from "vue-router";
+import FooterBar from "@/components/FooterBar.vue";
 
 const router = useRouter();
-const title = ref('ChatGPT Plus 用户注册');
+const title = ref('ChatGPT-PLUS 用户注册');
 const formData = ref({
   username: '',
   password: '',
@@ -116,7 +119,7 @@ const validateMobile = function (mobile) {
   top 0
   bottom 0
   background-color #091519
-  background-image url("~@/assets/img/reg-bg.png")
+  background-image url("~@/assets/img/reg-bg.jpg")
   background-size cover
   background-position center
   background-repeat no-repeat