mirror of
https://gitee.com/lab1024/smart-admin.git
synced 2025-09-17 10:56:39 +08:00
【v3.4.0】 1、【新增】页面全局圆角可配置化;2、【优化】首页心灵鸡汤语录;3、【优化】底部公司信息写法;
This commit is contained in:
parent
9ad5a5a5b5
commit
a4e0855f0a
@ -19,6 +19,7 @@
|
|||||||
colorLinkActive: themeColors[colorIndex].activeColor,
|
colorLinkActive: themeColors[colorIndex].activeColor,
|
||||||
colorLinkHover: themeColors[colorIndex].hoverColor,
|
colorLinkHover: themeColors[colorIndex].hoverColor,
|
||||||
colorIcon: themeColors[colorIndex].primaryColor,
|
colorIcon: themeColors[colorIndex].primaryColor,
|
||||||
|
borderRadius: borderRadius,
|
||||||
},
|
},
|
||||||
components: {
|
components: {
|
||||||
Button: {
|
Button: {
|
||||||
@ -62,4 +63,8 @@
|
|||||||
const colorIndex = computed(() => {
|
const colorIndex = computed(() => {
|
||||||
return useAppConfigStore().colorIndex;
|
return useAppConfigStore().colorIndex;
|
||||||
});
|
});
|
||||||
|
// 圆角
|
||||||
|
const borderRadius = computed(() => {
|
||||||
|
return useAppConfigStore().borderRadius;
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
@ -20,6 +20,8 @@ export const appDefaultConfig = {
|
|||||||
colorIndex: 0,
|
colorIndex: 0,
|
||||||
// 顶部菜单页面宽度
|
// 顶部菜单页面宽度
|
||||||
pageWidth: '99%',
|
pageWidth: '99%',
|
||||||
|
// 圆角
|
||||||
|
borderRadius: 6,
|
||||||
// 标签页
|
// 标签页
|
||||||
pageTagFlag: true,
|
pageTagFlag: true,
|
||||||
// 面包屑
|
// 面包屑
|
||||||
|
@ -19,6 +19,7 @@ export default {
|
|||||||
'setting.menu.width': 'Menu Width',
|
'setting.menu.width': 'Menu Width',
|
||||||
'setting.menu.theme': 'Menu Theme',
|
'setting.menu.theme': 'Menu Theme',
|
||||||
'setting.page.width': 'Page Width',
|
'setting.page.width': 'Page Width',
|
||||||
|
'setting.border.radius': 'Border Radius',
|
||||||
'setting.compact': 'Page Compact',
|
'setting.compact': 'Page Compact',
|
||||||
'setting.bread': 'Show Bread',
|
'setting.bread': 'Show Bread',
|
||||||
'setting.pagetag': 'Show PageTag',
|
'setting.pagetag': 'Show PageTag',
|
||||||
|
@ -19,6 +19,7 @@ export default {
|
|||||||
'setting.menu.width': '菜单宽度',
|
'setting.menu.width': '菜单宽度',
|
||||||
'setting.menu.theme': '菜单主题',
|
'setting.menu.theme': '菜单主题',
|
||||||
'setting.compact': '页面紧凑',
|
'setting.compact': '页面紧凑',
|
||||||
|
'setting.border.radius': '页面圆角',
|
||||||
'setting.page.width': '页面宽度',
|
'setting.page.width': '页面宽度',
|
||||||
'setting.bread': '面包屑',
|
'setting.bread': '面包屑',
|
||||||
'setting.pagetag': '标签页',
|
'setting.pagetag': '标签页',
|
||||||
|
@ -35,6 +35,9 @@
|
|||||||
</template>
|
</template>
|
||||||
</div>
|
</div>
|
||||||
</a-form-item>
|
</a-form-item>
|
||||||
|
<a-form-item :label="$t('setting.border.radius')">
|
||||||
|
<a-slider v-model:value="formState.borderRadius" :min="0" :max="6" @change="changeBorderRadius" />
|
||||||
|
</a-form-item>
|
||||||
<a-form-item :label="$t('setting.compact')">
|
<a-form-item :label="$t('setting.compact')">
|
||||||
<a-radio-group v-model:value="formState.compactFlag" button-style="solid" @change="changeCompactFlag">
|
<a-radio-group v-model:value="formState.compactFlag" button-style="solid" @change="changeCompactFlag">
|
||||||
<a-radio-button :value="false">默认</a-radio-button>
|
<a-radio-button :value="false">默认</a-radio-button>
|
||||||
@ -169,6 +172,8 @@
|
|||||||
sideMenuTheme: appConfigStore.sideMenuTheme,
|
sideMenuTheme: appConfigStore.sideMenuTheme,
|
||||||
// 页面紧凑
|
// 页面紧凑
|
||||||
compactFlag: appConfigStore.compactFlag,
|
compactFlag: appConfigStore.compactFlag,
|
||||||
|
// 页面圆角
|
||||||
|
borderRadius: appConfigStore.borderRadius,
|
||||||
// 标签页
|
// 标签页
|
||||||
pageTagFlag: appConfigStore.pageTagFlag,
|
pageTagFlag: appConfigStore.pageTagFlag,
|
||||||
// 面包屑
|
// 面包屑
|
||||||
@ -227,6 +232,11 @@
|
|||||||
compactFlag: e.target.value,
|
compactFlag: e.target.value,
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
function changeBorderRadius(e) {
|
||||||
|
appConfigStore.$patch({
|
||||||
|
borderRadius: e,
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
function changeBreadCrumbFlag(e) {
|
function changeBreadCrumbFlag(e) {
|
||||||
appConfigStore.$patch({
|
appConfigStore.$patch({
|
||||||
|
@ -130,7 +130,9 @@
|
|||||||
|
|
||||||
const { useToken } = theme;
|
const { useToken } = theme;
|
||||||
const { token } = useToken();
|
const { token } = useToken();
|
||||||
const borderRadius = token.value.borderRadius + 'px';
|
const borderRadius = computed(() => {
|
||||||
|
return token.value.borderRadius + 'px';
|
||||||
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped lang="less">
|
<style scoped lang="less">
|
||||||
|
@ -12,7 +12,7 @@
|
|||||||
<!-- 顶部logo区域 -->
|
<!-- 顶部logo区域 -->
|
||||||
<div class="logo" @click="onGoHome">
|
<div class="logo" @click="onGoHome">
|
||||||
<img class="logo-img" :src="logoImg" />
|
<img class="logo-img" :src="logoImg" />
|
||||||
<div class="title">{{ websiteName }}</div>
|
<div class="title smart-logo">{{ websiteName }}</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 一级菜单展示 -->
|
<!-- 一级菜单展示 -->
|
||||||
<a-menu :selectedKeys="selectedKeys" mode="inline" :theme="theme">
|
<a-menu :selectedKeys="selectedKeys" mode="inline" :theme="theme">
|
||||||
|
@ -13,8 +13,8 @@
|
|||||||
<!-- 1、顶部logo区域 -->
|
<!-- 1、顶部logo区域 -->
|
||||||
<div class="logo" @click="onGoHome" :style="sideMenuWidth" v-if="!collapsed">
|
<div class="logo" @click="onGoHome" :style="sideMenuWidth" v-if="!collapsed">
|
||||||
<img class="logo-img" :src="logoImg" />
|
<img class="logo-img" :src="logoImg" />
|
||||||
<div class="title title-light" v-if="sideMenuTheme === 'light'">{{ websiteName }}</div>
|
<div class="title smart-logo title-light" v-if="sideMenuTheme === 'light'">{{ websiteName }}</div>
|
||||||
<div class="title title-dark" v-if="sideMenuTheme === 'dark'">{{ websiteName }}</div>
|
<div class="title smart-logo title-dark" v-if="sideMenuTheme === 'dark'">{{ websiteName }}</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="min-logo" @click="onGoHome" v-if="collapsed">
|
<div class="min-logo" @click="onGoHome" v-if="collapsed">
|
||||||
<img class="logo-img" :src="logoImg" />
|
<img class="logo-img" :src="logoImg" />
|
||||||
|
@ -9,7 +9,8 @@
|
|||||||
-->
|
-->
|
||||||
<template>
|
<template>
|
||||||
<div class="version">
|
<div class="version">
|
||||||
<a target="_blank" href="javascript:void(0)"> SmartAdmin V3.x @copyright 河南·洛阳【1024创新实验室】 Since 2012-{{ currentYear }} </a>
|
<a target="_blank" class="smart-copyright" href="https://www.1024lab.net"> ©2012-{{ currentYear }} 河南·洛阳「1024创新实验室」 SmartAdmin </a>
|
||||||
|
<a target="_blank" class="smart-version" href="https://smartadmin.vip/views/other/change-log.html"> V3.4.0 </a>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
<script setup>
|
<script setup>
|
||||||
|
@ -13,8 +13,8 @@
|
|||||||
<!-- 1、logo区域 -->
|
<!-- 1、logo区域 -->
|
||||||
<div class="logo" @click="onGoHome">
|
<div class="logo" @click="onGoHome">
|
||||||
<img class="logo-img" :src="logoImg" />
|
<img class="logo-img" :src="logoImg" />
|
||||||
<div class="title title-light" v-if="sideMenuTheme === 'light'">{{ websiteName }}</div>
|
<div class="title smart-logo title-light" v-if="sideMenuTheme === 'light'">{{ websiteName }}</div>
|
||||||
<div class="title title-dark" v-if="sideMenuTheme === 'dark'">{{ websiteName }}</div>
|
<div class="title smart-logo title-dark" v-if="sideMenuTheme === 'dark'">{{ websiteName }}</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 2、菜单区域 -->
|
<!-- 2、菜单区域 -->
|
||||||
<RecursionMenu ref="menuRef" />
|
<RecursionMenu ref="menuRef" />
|
||||||
|
@ -1,12 +1,11 @@
|
|||||||
export default [
|
export default [
|
||||||
'每个人的一生好比一根蜡烛,看似不经意间散发的光和热,都可能照亮和温暖他人。这是生活赋予我们的智慧,也让我们在寻常的日子成为一个温暖善良的人。',
|
'梦想不会自动成真,奋斗是其桥梁;目标不会自动抵达,奔跑才有远方!',
|
||||||
'立规矩的目的,不是禁锢、限制,而是教育;孩子犯了错,父母不能帮孩子逃避,而应该让孩子学会承担责任。让孩子有面对错误的诚实和勇气,这才是立规矩的意义所在。',
|
'成长是一场和自己的比赛,不要担心别人会做得比你好,只要你每天都比前一天做得好!',
|
||||||
'人这一辈子,格局大了、善良有了,成功自然也就近了。格局越大,人生越宽。你的人生会是什么样,与你在为人处世时的表现有很大关系。世间美好都是环环相扣的,善良的人总不会被亏待。',
|
'最慢的步伐不是跬步,而是徘徊;最快的脚步不是冲刺,而是坚持!',
|
||||||
'平日里的千锤百炼,才能托举出光彩时刻;逆境中的亮剑、失败后的奋起,才能让梦想成真。哪有什么一战成名,其实都是百炼成钢。“天才”都是汗水浇灌出来的,天赋或许可以决定起点,但唯有坚持和努力才能达到终点。',
|
'平日里的千锤百炼,才能托举出光彩时刻;逆境中的亮剑、失败后的奋起,才能让梦想成真。哪有什么一战成名,其实都是百炼成钢。“天才”都是汗水浇灌出来的,天赋或许可以决定起点,但唯有坚持和努力才能达到终点。',
|
||||||
'家,不在于奢华,而在于温馨;家,不在于大小,而在于珍惜。在家里,有父母的呵护,有爱人的陪伴,有子女的欢笑。一家人整整齐齐、和和睦睦,就是人生最大的幸福!',
|
'历尽天华成此景,人间万事出艰辛。志不求易者成,事不避难者进!',
|
||||||
'每一个不向命运低头、努力生活的人,都值得被尊重。',
|
'每一个不向命运低头、努力生活的人,都值得被尊重。',
|
||||||
'青年的肩上,从不只有清风明月,更有责任担当。岁月因青春慨然以赴而更加美好,世间因少年挺身向前而更加瑰丽。请相信,不会有人永远年轻,但永远有人年轻。',
|
'青年的肩上,从不只有清风明月,更有责任担当。岁月因青春慨然以赴而更加美好,世间因少年挺身向前而更加瑰丽。请相信,不会有人永远年轻,但永远有人年轻。',
|
||||||
'人生路上,总有人走得比你快,但不必介意,也不必着急。一味羡慕别人的成绩,只会给自己平添压力、徒增烦恼。不盲从别人的脚步,坚定目标,才能找到自己的节奏,进而逢山开路、遇水搭桥。',
|
'人生路上,总有人走得比你快,但不必介意,也不必着急。一味羡慕别人的成绩,只会给自己平添压力、徒增烦恼。不盲从别人的脚步,坚定目标,才能找到自己的节奏,进而逢山开路、遇水搭桥。',
|
||||||
'如果你真的在乎一个人,首先要学会的就是感恩对方的好。这样,对方才会在和你的相处中找到价值感,相处起来也会更加舒适愉悦。',
|
'没有理所当然的成功,也没有毫无道理的平庸。值得拥有的东西,永远都来之不易。所以在徘徊迷茫时,不要质疑你的付出,这些累积都会变成一种沉淀,默默为你铺路!',
|
||||||
'一个人只有心里装得下别人,有换位思考的品质,有为他人谋幸福的信念,才能真正做到慷慨施予。同样,也只有赠人玫瑰而无所求时,你才会手有余香、真有所得。',
|
|
||||||
];
|
];
|
||||||
|
Loading…
Reference in New Issue
Block a user