Pre Merge pull request !1064 from mayuliang/feature/copyright

ruoyi-ui/src/layout/components/Copyright/index.vue

@@ -1,11 +1,20 @@
 <template>
-  <footer v-if="visible" class="copyright">
+  <footer v-if="visible" class="copyright" :class="{
+    'inner': inner,
+  }">
     <span>{{ content }}</span>
   </footer>
 </template>
 
 <script>
 export default {
+  props: {
+    // 是否内页copyright
+    inner: {
+      type: Boolean,
+      default: true
+    }
+  },
   computed: {
     visible() {
       return this.$store.state.settings.footerVisible
@@ -18,7 +27,7 @@ export default {
 </script>
 
 <style scoped>
-.copyright {
+.inner {
   position: fixed;
   bottom: 0;
   left: 0;

ruoyi-ui/src/views/login.vue

@@ -55,9 +55,7 @@
       </el-form-item>
     </el-form>
     <!--  底部  -->
-    <div class="el-login-footer">
+    <copyright class="el-login-footer" :inner="false"/>
-      <span>Copyright © 2018-2025 ruoyi.vip All Rights Reserved.</span>
-    </div>
   </div>
 </template>
 
@@ -65,9 +63,13 @@
 import { getCodeImg } from "@/api/login"
 import Cookies from "js-cookie"
 import { encrypt, decrypt } from '@/utils/jsencrypt'
+import copyright from "@/layout/components/Copyright"
 
 export default {
   name: "Login",
+  components: {
+    copyright
+  },
   data() {
     return {
       title: process.env.VUE_APP_TITLE,
@@ -156,7 +158,7 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 .login {
   display: flex;
   justify-content: center;
@@ -179,7 +181,7 @@ export default {
   z-index: 1;
   .el-input {
     height: 38px;
-    input {
+    ::v-deep input {
       height: 38px;
     }
   }

ruoyi-ui/src/views/register.vue

@@ -60,17 +60,19 @@
       </el-form-item>
     </el-form>
     <!--  底部  -->
-    <div class="el-register-footer">
+    <copyright class="el-register-footer" :inner="false"/>
-      <span>Copyright © 2018-2025 ruoyi.vip All Rights Reserved.</span>
-    </div>
   </div>
 </template>
 
 <script>
 import { getCodeImg, register } from "@/api/login"
+import copyright from "@/layout/components/Copyright"
 
 export default {
   name: "Register",
+  components: {
+    copyright
+  },
   data() {
     const equalToPassword = (rule, value, callback) => {
       if (this.registerForm.password !== value) {
@@ -147,7 +149,7 @@ export default {
 }
 </script>
 
-<style rel="stylesheet/scss" lang="scss">
+<style rel="stylesheet/scss" lang="scss" scoped>
 .register {
   display: flex;
   justify-content: center;
@@ -169,7 +171,7 @@ export default {
   padding: 25px 25px 5px 25px;
   .el-input {
     height: 38px;
-    input {
+    ::v-deep input {
       height: 38px;
     }
   }