Directorio de artículos
- 1. Si modifica el icono de la interfaz principal
- 2. Ruoyi modifica el texto de la interfaz principal
- 3. Si modifica el icono en la parte superior de la página
- 4. Si modifica el texto en la parte superior de la página
- 5. Si modifica el texto en la página de inicio de sesión
- 6. Sitios de conversión de imágenes gratuitos
1. Si modifica el icono de la interfaz principal
图片路径: /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
文件路径:/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
图标路径:/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
文件目录:
/.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
文件路径:/src/views/login.vue
// login.vue
<h3 class="title">若依后台管理系统</h3> //找到此标签修改即可