文章目录
1.定制网站修改主界面图标
图片路径: /src/assets/logo/logo.png
- 1
定制网站直接将想要替换的png定制网站格式图片将其替换即可,图片大小建议为60*60
2.若依修改主界面文字
文件路径:/src/layout/components/Sidebar/Logo.vue
- 1
// 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>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
3.若依修改页面上方图标
图标路径:/public/favicon.ico
- 1
直接替换即可,推荐尺寸64*64
4.若依修改页面上方文字
文件目录:/.env.development/.env.production/.env.staging推荐全部修改,因为根据环境不同
- 1
- 2
- 3
- 4
- 5
//.env.development# 页面标题VUE_APP_TITLE = 若依管理系统 <-- 修改此处# 开发环境配置ENV = 'development'# 腾逸商城管理系统/开发环境VUE_APP_BASE_API = '/dev-api'# 路由懒加载VUE_CLI_BABEL_TRANSPILE_MODULES = true
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
5.若依登录页面文字修改
文件路径:/src/views/login.vue
- 1
// login.vue<h3 class="title">若依后台管理系统</h3> //找到此标签修改即可
- 1
- 2
- 3