¿Cómo cambiar el ícono de registro y el texto de acuerdo con el marco RuoYi?

1. Si modifica el icono de la interfaz principal

inserte la descripción de la imagen aquí

图片路径: /src/assets/logo/logo.png

Simplemente reemplace la imagen en formato png que desea reemplazar, y se recomienda que el tamaño de la imagen sea 60 * 60

2. Ruoyi modifica el texto de la interfaz principal

inserte la descripción de la imagen aquí

文件路径:/src/layout/components/Sidebar/Logo.vue
// js部分
<script>
import logoImg from '@/assets/logo/logo.png'
import variables from '@/assets/styles/variables.scss'

export default {
    
    
  name: 'SidebarLogo',
  props: {
    
    
    collapse: {
    
    
      type: Boolean,
      required: true
    }
  },
  computed: {
    
    
    variables() {
    
    
      return variables;
    },
    sideTheme() {
    
    
      return this.$store.state.settings.sideTheme
    }
  },
  data() {
    
    
    return {
    
    
      title: '若依管理系统',  <-- 将其改为想要的标题即可
      logo: logoImg
    }
  }
}
</script>

3. Si modifica el icono en la parte superior de la página

inserte la descripción de la imagen aquí

图标路径:/public/favicon.ico

Se puede reemplazar directamente, el tamaño recomendado es 64*64

4. Si modifica el texto en la parte superior de la página

inserte la descripción de la imagen aquí

文件目录:
/.env.development
/.env.production
/.env.staging
推荐全部修改,因为根据环境不同
//.env.development

# 页面标题
VUE_APP_TITLE = 若依管理系统           <-- 修改此处

# 开发环境配置
ENV = 'development'

# 腾逸商城管理系统/开发环境
VUE_APP_BASE_API = '/dev-api'

# 路由懒加载
VUE_CLI_BABEL_TRANSPILE_MODULES = true

5. Si modifica el texto en la página de inicio de sesión

inserte la descripción de la imagen aquí

文件路径:/src/views/login.vue
// login.vue

<h3 class="title">若依后台管理系统</h3>  //找到此标签修改即可

6. Sitios de conversión de imágenes gratuitos

https://www.aconvert.com/cn/image/

Supongo que te gusta

Origin blog.csdn.net/c15112120076/article/details/125502624
Recomendado
Clasificación