Skip to content

9
91isoft_web_vue
Commit eb683ce6 authored by 张伯涛's avatar 张伯涛
Browse files
Options

手动切换皮肤问题修改，以及各套皮肤的静态资源规范化管理（包括：命名，路径等）

parent 2a9eef66
Hide whitespace changes
Inline Side-by-side
Showing with 33 additions and 24 deletions
src/assets/icons/svg/wms_black.svg 0 → 100644
View file @ eb683ce6
<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<rect width="128" height="128" fill="url(#pattern0_3665_29)"/>
<defs>
<pattern id="pattern0_3665_29" patternContentUnits="objectBoundingBox" width="1" height="1">
<use xlink:href="#image0_3665_29" transform="scale(0.0078125)"/>
</pattern>
<image id="image0_3665_29" width="128" height="128" xlink:href="data:image/png;base64,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"/>
</defs>
</svg>
src/layout/components/Sidebar/Logo.vue
View file @ eb683ce6
......@@ -29,7 +29,6 @@ export default {
data() {
return {
title: '信息化管理系统'
// logo: require('@/assets/image/denglu_logo@2x.png')
}
},
computed: {
......@@ -37,7 +36,7 @@ export default {
// eslint-disable-next-line vue/return-in-computed-property
logo() {
if (!localStorage.getItem('theme') || localStorage.getItem('theme') === '1') {
return require('@/assets/image/denglu_logo@2x.png')
return require('@/assets/themeAImage/menuLogo.png')
} else if (localStorage.getItem('theme') === '2') {
return require('@/assets/themeBImage/menuLogo.png')
} else if (localStorage.getItem('theme') === '3') {
......@@ -45,11 +44,11 @@ export default {
} else if (localStorage.getItem('theme') === '4') {
return require('@/assets/themeDImage/menuLogo.png')
} else if (localStorage.getItem('theme') === '5') {
return require('@/assets/themeDImage/menuLogo.png')
return require('@/assets/themeEImage/menuLogo.png')
} else if (localStorage.getItem('theme') === '6') {
return require('@/assets/image/denglu_logo@2x.png')
return require('@/assets/themeFImage/menuLogo.png')
} else if (localStorage.getItem('theme') === '7') {
return require('@/assets/image/Rectangle.png')
return require('@/assets/themeGImage/menuLogo.png')
}
}
},
......
src/main.js
View file @ eb683ce6
......@@ -11,9 +11,12 @@ import xhr from '@/utils/request'
import '@/styles/index.scss' // global css
// 样式文件切换，通过localStorage存储的theme变量决定用哪套样式文件
// 手动设置皮肤变量，选择项目样式风格
const themeVal = '7'
window.localStorage.setItem('theme', themeVal)
// 手动设置皮肤变量，选择项目样式风格(如果没有设置并存储皮肤风格，则默认一套，可手动更改)
// console.log('aaaa', window.localStorage.getItem('theme'))
if (!window.localStorage.getItem('theme')) {
const themeVal = '7'
window.localStorage.setItem('theme', themeVal)
}
const storageValue = window.localStorage.getItem('theme') // 获取 localStorage 中的值
if (!storageValue || storageValue === '1') {
import('@/styles/themeA/index.scss')
......@@ -106,8 +109,6 @@ Vue.component('Pagination', Pagination)
Element.Dialog.props.closeOnClickModal.default = false
Vue.use(permission, Element)
new Vue({
el: '#app',
router,
......
src/styles/themeA/login.scss
View file @ eb683ce6
......@@ -4,7 +4,7 @@
justify-content: center;
align-items: center;
height: 100%;
background-image: url("../../assets/image/login-background.jpg");
background-image: url('~@/assets/themeAImage/login-background.jpg');
background-size: cover;
.login_logoRow{
padding-top: 10px;
......@@ -17,7 +17,7 @@
height: 64px;
background-repeat: no-repeat;
background-size: 100%;
background-image: url("../../assets/image/login_logo.png");
background-image: url('~@/assets/themeAImage/login_logo.png');
}
}
.loginTitleRow{
......
src/styles/themeB/login.scss
View file @ eb683ce6
......@@ -3,7 +3,8 @@
justify-content: center;
align-items: center;
height: 100%;
background-image: url("../../assets/themeBImage/login-background.png");
background-image: url('~@/assets/themeBImage/login-background.png');
background-size: cover;
.login_logoRow{
padding-top: 40px;
......@@ -15,7 +16,7 @@
height: 64px;
background-repeat: no-repeat;
background-size: 100%;
background-image: url("../../assets/themeBImage/login_logo.png");
background-image: url("~@/assets/themeBImage/login_logo.png");
}
}
.loginTitleRow{
......
src/styles/themeC/login.scss
View file @ eb683ce6
......@@ -4,7 +4,7 @@
align-items: center;
padding-right: 120px;
height: 100%;
background-image: url("../../assets/themeCImage/login-background.png");
background-image: url("~@/assets/themeCImage/login-background.png");
background-size: cover;
.login_logoRow{
padding-top: 63px;
......@@ -16,7 +16,7 @@
height: 64px;
background-repeat: no-repeat;
background-size: 100%;
background-image: url("../../assets/themeCImage/login_logo.png");
background-image: url("~@/assets/themeCImage/login_logo.png");
}
}
.loginTitleRow{
......
src/styles/themeD/login.scss
View file @ eb683ce6
......@@ -4,7 +4,7 @@
align-items: center;
padding-right: 120px;
height: 100%;
background-image: url("../../assets/themeDImage/login-background.png");
background-image: url("~@/assets/themeDImage/login-background.png");
background-size: cover;
.login_logoRow{
padding-top: 63px;
......@@ -16,7 +16,7 @@
height: 64px;
background-repeat: no-repeat;
background-size: 100%;
background-image: url("../../assets/themeDImage/login_logo.png");
background-image: url("~@/assets/themeDImage/login_logo.png");
}
}
.loginTitleRow{
......
src/styles/themeE/login.scss
View file @ eb683ce6
......@@ -3,7 +3,7 @@
justify-content: center;
align-items: center;
height: 100%;
background-image: url("../../assets/image/login-background.jpg");
background-image: url('~@/assets/themeEImage/login-background.jpg');
background-size: cover;
.login_logoRow{
padding-top: 10px;
......@@ -16,7 +16,7 @@
height: 64px;
background-repeat: no-repeat;
background-size: 100%;
background-image: url("../../assets/image/login_logo.png");
background-image: url("~@/assets/themeEImage/login_logo.png");
}
}
.loginTitleRow{
......
src/styles/themeF/login.scss
View file @ eb683ce6
......@@ -4,7 +4,7 @@
justify-content: center;
align-items: center;
height: 100%;
background-image: url("../../assets/image/login-background.jpg");
background-image: url('~@/assets/themeFImage/login-background.jpg');
background-size: cover;
.login_logoRow{
padding-top: 10px;
......@@ -17,7 +17,7 @@
height: 64px;
background-repeat: no-repeat;
background-size: 100%;
background-image: url("../../assets/image/login_logo.png");
background-image: url('~@/assets/themeFImage/login_logo.png');
}
}
.loginTitleRow{
......
src/views/login/login.vue
View file @ eb683ce6
......@@ -2,11 +2,10 @@
<div class="login">
<!-- v-loading="vLoading"-->
<div v-if="themeType && themeType === '7'" class="loginTitle">
<img class="login-logo" src="../../assets/image/loginLogo.png">
<img class="login-logo" src="../../assets/themeGImage/login_logo.png">
<span class="loginTitle_text">Square</span>
</div>
<el-form ref="loginForm" :model="loginForm" :rules="rules" class="login-form">
<!-- <img class="fy-logo" src="../../assets/image/denglu_logo.png">-->
<div class="login_logoRow">
<div class="login_form_logo" />
</div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment