将部分在线调用js和图片改为离线文件
This commit is contained in:
季圣华
18
jshERP-web/public/less.min.js
vendored
Normal file
18
jshERP-web/public/less.min.js
vendored
Normal file
File diff suppressed because one or more lines are too long
40
jshERP-web/src/assets/dark.svg
Normal file
40
jshERP-web/src/assets/dark.svg
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="52px" height="45px" viewBox="0 0 52 45" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||||
|
<title>Group 5 Copy 5</title>
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<defs>
|
||||||
|
<filter x="-9.4%" y="-6.2%" width="118.8%" height="122.5%" filterUnits="objectBoundingBox" id="filter-1">
|
||||||
|
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
|
||||||
|
<feMerge>
|
||||||
|
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
|
||||||
|
<feMergeNode in="SourceGraphic"></feMergeNode>
|
||||||
|
</feMerge>
|
||||||
|
</filter>
|
||||||
|
<rect id="path-2" x="0" y="0" width="48" height="40" rx="4"></rect>
|
||||||
|
<filter x="-4.2%" y="-2.5%" width="108.3%" height="110.0%" filterUnits="objectBoundingBox" id="filter-4">
|
||||||
|
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
<g id="配置面板" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="setting-copy-2" transform="translate(-1190.000000, -136.000000)">
|
||||||
|
<g id="Group-8" transform="translate(1167.000000, 0.000000)">
|
||||||
|
<g id="Group-5-Copy-5" filter="url(#filter-1)" transform="translate(25.000000, 137.000000)">
|
||||||
|
<mask id="mask-3" fill="white">
|
||||||
|
<use xlink:href="#path-2"></use>
|
||||||
|
</mask>
|
||||||
|
<g id="Rectangle-18">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-2"></use>
|
||||||
|
<use fill="#F0F2F5" fill-rule="evenodd" xlink:href="#path-2"></use>
|
||||||
|
</g>
|
||||||
|
<rect id="Rectangle-11" fill="#FFFFFF" mask="url(#mask-3)" x="-1" y="0" width="49" height="10"></rect>
|
||||||
|
<rect id="Rectangle-18" fill="#303648" mask="url(#mask-3)" x="0" y="0" width="16" height="44"></rect>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.6 KiB |
40
jshERP-web/src/assets/light.svg
Normal file
40
jshERP-web/src/assets/light.svg
Normal file
@@ -0,0 +1,40 @@
|
|||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<svg width="52px" height="45px" viewBox="0 0 52 45" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: Sketch 50.2 (55047) - http://www.bohemiancoding.com/sketch -->
|
||||||
|
<title>Group 5</title>
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<defs>
|
||||||
|
<filter x="-9.4%" y="-6.2%" width="118.8%" height="122.5%" filterUnits="objectBoundingBox" id="filter-1">
|
||||||
|
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
|
||||||
|
<feMerge>
|
||||||
|
<feMergeNode in="shadowMatrixOuter1"></feMergeNode>
|
||||||
|
<feMergeNode in="SourceGraphic"></feMergeNode>
|
||||||
|
</feMerge>
|
||||||
|
</filter>
|
||||||
|
<rect id="path-2" x="0" y="0" width="48" height="40" rx="4"></rect>
|
||||||
|
<filter x="-4.2%" y="-2.5%" width="108.3%" height="110.0%" filterUnits="objectBoundingBox" id="filter-4">
|
||||||
|
<feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
|
||||||
|
<feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
|
||||||
|
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
|
||||||
|
</filter>
|
||||||
|
</defs>
|
||||||
|
<g id="配置面板" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="setting-copy-2" transform="translate(-1254.000000, -136.000000)">
|
||||||
|
<g id="Group-8" transform="translate(1167.000000, 0.000000)">
|
||||||
|
<g id="Group-5" filter="url(#filter-1)" transform="translate(89.000000, 137.000000)">
|
||||||
|
<mask id="mask-3" fill="white">
|
||||||
|
<use xlink:href="#path-2"></use>
|
||||||
|
</mask>
|
||||||
|
<g id="Rectangle-18">
|
||||||
|
<use fill="black" fill-opacity="1" filter="url(#filter-4)" xlink:href="#path-2"></use>
|
||||||
|
<use fill="#F0F2F5" fill-rule="evenodd" xlink:href="#path-2"></use>
|
||||||
|
</g>
|
||||||
|
<rect id="Rectangle-18" fill="#FFFFFF" mask="url(#mask-3)" x="0" y="0" width="16" height="44"></rect>
|
||||||
|
<rect id="Rectangle-11" fill="#FFFFFF" mask="url(#mask-3)" x="-1" y="0" width="49" height="10"></rect>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 6.5 KiB |
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 1.8 KiB |
@@ -19,7 +19,7 @@
|
|||||||
暗色菜单风格
|
暗色菜单风格
|
||||||
</template>
|
</template>
|
||||||
<div class="setting-drawer-index-item" @click="handleMenuTheme('dark')">
|
<div class="setting-drawer-index-item" @click="handleMenuTheme('dark')">
|
||||||
<img src="https://gw.alipayobjects.com/zos/rmsportal/LCkqqYNmvBEbokSDscrm.svg" alt="dark">
|
<img src="../../assets/dark.svg" alt="dark">
|
||||||
<div class="setting-drawer-index-selectIcon" v-if="navTheme === 'dark'">
|
<div class="setting-drawer-index-selectIcon" v-if="navTheme === 'dark'">
|
||||||
<a-icon type="check"/>
|
<a-icon type="check"/>
|
||||||
</div>
|
</div>
|
||||||
@@ -31,7 +31,7 @@
|
|||||||
亮色菜单风格
|
亮色菜单风格
|
||||||
</template>
|
</template>
|
||||||
<div class="setting-drawer-index-item" @click="handleMenuTheme('light')">
|
<div class="setting-drawer-index-item" @click="handleMenuTheme('light')">
|
||||||
<img src="https://gw.alipayobjects.com/zos/rmsportal/jpRkZQMyYRryryPNtyIC.svg" alt="light">
|
<img src="../../assets/light.svg" alt="light">
|
||||||
<div class="setting-drawer-index-selectIcon" v-if="navTheme !== 'dark'">
|
<div class="setting-drawer-index-selectIcon" v-if="navTheme !== 'dark'">
|
||||||
<a-icon type="check"/>
|
<a-icon type="check"/>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -1,13 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<h1 v-if="showTitle">{{ title }}</h1>
|
<h1 v-if="showTitle">{{ title }}</h1>
|
||||||
<!-- <router-link :to="{name:'dashboard'}">-->
|
|
||||||
<!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
|
|
||||||
<!-- <img v-if="layoutMode === 'sidemenu'" src="~@/assets/logo.png" alt="logo">-->
|
|
||||||
<!-- <img v-else src="~@/assets/logo_top.png" alt="logo">-->
|
|
||||||
<!-- update-begin- author:sunjianlei --- date:20190814 --- for: logo颜色根据主题颜色变化 -->
|
|
||||||
|
|
||||||
<!-- </router-link>-->
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -1,95 +1,95 @@
|
|||||||
import { message } from 'ant-design-vue/es';
|
import { message } from 'ant-design-vue/es';
|
||||||
// import defaultSettings from '../defaultSettings';
|
// import defaultSettings from '../defaultSettings';
|
||||||
|
|
||||||
let lessNodesAppended;
|
let lessNodesAppended;
|
||||||
|
|
||||||
const colorList = [
|
const colorList = [
|
||||||
{
|
{
|
||||||
key: '薄暮', color: '#F5222D',
|
key: '薄暮', color: '#F5222D',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
key: '火山', color: '#FA541C',
|
key: '火山', color: '#FA541C',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
key: '日暮', color: '#FAAD14',
|
key: '日暮', color: '#FAAD14',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
key: '明青', color: '#13C2C2',
|
key: '明青', color: '#13C2C2',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
key: '极光绿', color: '#52C41A',
|
key: '极光绿', color: '#52C41A',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
key: '拂晓蓝（默认）', color: '#1890FF',
|
key: '拂晓蓝（默认）', color: '#1890FF',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
key: '极客蓝', color: '#2F54EB',
|
key: '极客蓝', color: '#2F54EB',
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
key: '酱紫', color: '#722ED1',
|
key: '酱紫', color: '#722ED1',
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
const updateTheme = primaryColor => {
|
const updateTheme = primaryColor => {
|
||||||
// Don't compile less in production!
|
// Don't compile less in production!
|
||||||
/* if (process.env.NODE_ENV === 'production') {
|
/* if (process.env.NODE_ENV === 'production') {
|
||||||
return;
|
return;
|
||||||
} */
|
} */
|
||||||
// Determine if the component is remounted
|
// Determine if the component is remounted
|
||||||
if (!primaryColor) {
|
if (!primaryColor) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
const hideMessage = message.loading('正在编译主题！', 0);
|
const hideMessage = message.loading('正在编译主题！', 0);
|
||||||
console.info(`正在编译主题!`)
|
console.info(`正在编译主题!`)
|
||||||
function buildIt() {
|
function buildIt() {
|
||||||
// 正确的判定less是否已经加载less.modifyVars可用
|
// 正确的判定less是否已经加载less.modifyVars可用
|
||||||
if (!window.less || !window.less.modifyVars) {
|
if (!window.less || !window.less.modifyVars) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
// less.modifyVars可用
|
// less.modifyVars可用
|
||||||
window.less.modifyVars({
|
window.less.modifyVars({
|
||||||
'@primary-color': primaryColor,
|
'@primary-color': primaryColor,
|
||||||
})
|
})
|
||||||
.then(() => {
|
.then(() => {
|
||||||
hideMessage();
|
hideMessage();
|
||||||
})
|
})
|
||||||
.catch(() => {
|
.catch(() => {
|
||||||
message.error('Failed to update theme');
|
message.error('Failed to update theme');
|
||||||
hideMessage();
|
hideMessage();
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
if (!lessNodesAppended) {
|
if (!lessNodesAppended) {
|
||||||
// insert less.js and color.less
|
// insert less.js and color.less
|
||||||
const lessStyleNode = document.createElement('link');
|
const lessStyleNode = document.createElement('link');
|
||||||
const lessConfigNode = document.createElement('script');
|
const lessConfigNode = document.createElement('script');
|
||||||
const lessScriptNode = document.createElement('script');
|
const lessScriptNode = document.createElement('script');
|
||||||
lessStyleNode.setAttribute('rel', 'stylesheet/less');
|
lessStyleNode.setAttribute('rel', 'stylesheet/less');
|
||||||
lessStyleNode.setAttribute('href', '/color.less');
|
lessStyleNode.setAttribute('href', '/color.less');
|
||||||
lessConfigNode.innerHTML = `
|
lessConfigNode.innerHTML = `
|
||||||
window.less = {
|
window.less = {
|
||||||
async: true,
|
async: true,
|
||||||
env: 'production',
|
env: 'production',
|
||||||
javascriptEnabled: true
|
javascriptEnabled: true
|
||||||
};
|
};
|
||||||
`;
|
`;
|
||||||
lessScriptNode.src = 'https://gw.alipayobjects.com/os/lib/less.js/3.8.1/less.min.js';
|
lessScriptNode.src = '/less.min.js';
|
||||||
lessScriptNode.async = true;
|
lessScriptNode.async = true;
|
||||||
lessScriptNode.onload = () => {
|
lessScriptNode.onload = () => {
|
||||||
buildIt();
|
buildIt();
|
||||||
lessScriptNode.onload = null;
|
lessScriptNode.onload = null;
|
||||||
};
|
};
|
||||||
document.body.appendChild(lessStyleNode);
|
document.body.appendChild(lessStyleNode);
|
||||||
document.body.appendChild(lessConfigNode);
|
document.body.appendChild(lessConfigNode);
|
||||||
document.body.appendChild(lessScriptNode);
|
document.body.appendChild(lessScriptNode);
|
||||||
lessNodesAppended = true;
|
lessNodesAppended = true;
|
||||||
} else {
|
} else {
|
||||||
buildIt();
|
buildIt();
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const updateColorWeak = colorWeak => {
|
const updateColorWeak = colorWeak => {
|
||||||
// document.body.className = colorWeak ? 'colorWeak' : '';
|
// document.body.className = colorWeak ? 'colorWeak' : '';
|
||||||
colorWeak ? document.body.classList.add('colorWeak') : document.body.classList.remove('colorWeak')
|
colorWeak ? document.body.classList.add('colorWeak') : document.body.classList.remove('colorWeak')
|
||||||
};
|
};
|
||||||
|
|
||||||
export { updateTheme, colorList, updateColorWeak }
|
export { updateTheme, colorList, updateColorWeak }
|
||||||
Reference in New Issue
Block a user