xinyin025/smart-admin
1
0
Fork 0
mirror of https://gitee.com/lab1024/smart-admin.git synced 2025-11-13 14:13:47 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

【v3.4.0】 1、【新增】页面全局圆角可配置化；2、【优化】首页心灵鸡汤语录；3、【优化】底部公司信息写法；

Browse Source
This commit is contained in:
zhuoda
2024-05-05 20:42:49 +08:00
parent 9ad5a5a5b5
commit a4e0855f0a
11 changed files with 68 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
smart-admin-web/javascript-ant-design-vue3/src/layout/components/header-user-space/header-setting.vue
View File

@@ -1,11 +1,11 @@
<!--
* 设置模块
*
* @Author: 1024创新实验室-主任：卓大
* @Date: 2022-09-06 20:18:20
* @Wechat: zhuda1024
* @Email: lab1024@163.com
* @Copyright 1024创新实验室 （ https://1024lab.net ），Since 2012
*
* @Author: 1024创新实验室-主任：卓大
* @Date: 2022-09-06 20:18:20
* @Wechat: zhuda1024
* @Email: lab1024@163.com
* @Copyright 1024创新实验室 （ https://1024lab.net ），Since 2012
-->
<template>
@@ -35,6 +35,9 @@
</template>
</div>
</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-radio-group v-model:value="formState.compactFlag" button-style="solid" @change="changeCompactFlag">
<a-radio-button :value="false">默认</a-radio-button>
@@ -169,6 +172,8 @@
sideMenuTheme: appConfigStore.sideMenuTheme,
// 页面紧凑
compactFlag: appConfigStore.compactFlag,
// 页面圆角
borderRadius: appConfigStore.borderRadius,
// 标签页
pageTagFlag: appConfigStore.pageTagFlag,
// 面包屑
@@ -227,6 +232,11 @@
compactFlag: e.target.value,
});
}
function changeBorderRadius(e) {
appConfigStore.$patch({
borderRadius: e,
});
}
function changeBreadCrumbFlag(e) {
appConfigStore.$patch({

4
smart-admin-web/javascript-ant-design-vue3/src/layout/components/page-tag/index.vue
View File

@@ -130,7 +130,9 @@
const { useToken } = theme;
const { token } = useToken();
const borderRadius = token.value.borderRadius + 'px';
const borderRadius = computed(() => {
return token.value.borderRadius + 'px';
});
</script>
<style scoped lang="less">

14
smart-admin-web/javascript-ant-design-vue3/src/layout/components/side-expand-menu/top-menu.vue
View File

@@ -1,18 +1,18 @@
<!--
* 第一列菜单
*
* @Author: 1024创新实验室-主任：卓大
* @Date: 2022-09-06 20:29:12
* @Wechat: zhuda1024
* @Email: lab1024@163.com
* @Copyright 1024创新实验室 （ https://1024lab.net ），Since 2012
*
* @Author: 1024创新实验室-主任：卓大
* @Date: 2022-09-06 20:29:12
* @Wechat: zhuda1024
* @Email: lab1024@163.com
* @Copyright 1024创新实验室 （ https://1024lab.net ），Since 2012
-->
<template>
<div class="top-menu-container">
<!-- 顶部logo区域 -->
<div class="logo" @click="onGoHome">
<img class="logo-img" :src="logoImg" />
<div class="title">{{ websiteName }}</div>
<div class="title smart-logo">{{ websiteName }}</div>
</div>
<!-- 一级菜单展示 -->
<a-menu :selectedKeys="selectedKeys" mode="inline" :theme="theme">

4
smart-admin-web/javascript-ant-design-vue3/src/layout/components/side-menu/index.vue
View File

@@ -13,8 +13,8 @@
<!-- 1、顶部logo区域 -->
<div class="logo" @click="onGoHome" :style="sideMenuWidth" v-if="!collapsed">
<img class="logo-img" :src="logoImg" />
<div class="title 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-light" v-if="sideMenuTheme === 'light'">{{ websiteName }}</div>
<div class="title smart-logo title-dark" v-if="sideMenuTheme === 'dark'">{{ websiteName }}</div>
</div>
<div class="min-logo" @click="onGoHome" v-if="collapsed">
<img class="logo-img" :src="logoImg" />

15
smart-admin-web/javascript-ant-design-vue3/src/layout/components/smart-footer/index.vue
View File

@@ -1,15 +1,16 @@
<!--
* 底部：版权、公司等信息
*
* @Author: 1024创新实验室-主任：卓大
* @Date: 2022-09-06 20:29:12
* @Wechat: zhuda1024
* @Email: lab1024@163.com
* @Copyright 1024创新实验室 （ https://1024lab.net ），Since 2012
*
* @Author: 1024创新实验室-主任：卓大
* @Date: 2022-09-06 20:29:12
* @Wechat: zhuda1024
* @Email: lab1024@163.com
* @Copyright 1024创新实验室 （ https://1024lab.net ），Since 2012
-->
<template>
<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>
</template>
<script setup>

16
smart-admin-web/javascript-ant-design-vue3/src/layout/components/top-menu/index.vue
View File

@@ -1,11 +1,11 @@
<!--
* 顶部菜单
*
* @Author: 1024创新实验室-主任：卓大
* @Date: 2022-09-06 20:29:12
* @Wechat: zhuda1024
* @Email: lab1024@163.com
* @Copyright 1024创新实验室 （ https://1024lab.net ），Since 2012
*
* @Author: 1024创新实验室-主任：卓大
* @Date: 2022-09-06 20:29:12
* @Wechat: zhuda1024
* @Email: lab1024@163.com
* @Copyright 1024创新实验室 （ https://1024lab.net ），Since 2012
-->
<template>
<!--总共3部分：1、logo区域，包含 logo和名称; 2、菜单区域 ;3、用户操作区域-->
@@ -13,8 +13,8 @@
<!-- 1、logo区域 -->
<div class="logo" @click="onGoHome">
<img class="logo-img" :src="logoImg" />
<div class="title 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-light" v-if="sideMenuTheme === 'light'">{{ websiteName }}</div>
<div class="title smart-logo title-dark" v-if="sideMenuTheme === 'dark'">{{ websiteName }}</div>
</div>
<!-- 2、菜单区域 -->
<RecursionMenu ref="menuRef" />