bonus
/
bonus-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

框架样式修改

This commit is contained in:
zzyuan 2025-06-09 13:40:24 +08:00
parent 475eea21b9
commit 261b667016
14 changed files with 28 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env.development
View File

@ -1,5 +1,5 @@
# 页面标题
VUE_APP_TITLE = 智慧食堂
VUE_APP_TITLE = 智慧食堂系统
# 开发环境配置
ENV = 'development'

2
.env.production
View File

@ -1,5 +1,5 @@
# 页面标题
VUE_APP_TITLE = 智慧食堂
VUE_APP_TITLE = 智慧食堂系统
# 生产环境配置
ENV = 'production'

2
.env.staging
View File

@ -1,5 +1,5 @@
# 页面标题
VUE_APP_TITLE = 智慧食堂
VUE_APP_TITLE = 智慧食堂系统
NODE_ENV = production

2
package.json
View File

@ -1,7 +1,7 @@
{
"name": "bonus",
"version": "3.6.4",
"description": "智慧食堂",
"description": "智慧食堂系统",
"author": "博诺思",
"license": "MIT",
"scripts": {

6
src/components/TopNav/index.vue
View File

@ -6,8 +6,10 @@
>
<template v-for="(item, index) in topMenus">
<el-menu-item :style="{'--theme': theme}" :index="item.path" :key="index" v-if="index < visibleNumber" style="background: transparent;">
<svg-icon v-if="item.meta && item.meta.icon && item.meta.icon !== '#'" :icon-class="item.meta.icon"/>
{{ item.meta.title }}
<div style="width: 100px;text-align: center;height: 20px;">
<svg-icon v-if="item.meta && item.meta.icon && item.meta.icon !== '#'" :icon-class="item.meta.icon" style="height: 40px;width: 40px;"/>
</div>
<div style="width: 100px;text-align: center;height: 40px;font-size: 18px;">{{ item.meta.title }}</div>
</el-menu-item>
</template>

4
src/layout/components/Navbar.vue
View File

@ -4,7 +4,7 @@
<!-- <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/> -->
<div style="position: absolute;left: 0;top: 20px;width: 15%;">
<router-link key="collapse" class="sidebar-logo-link" to="/">
<div style="height: 40px;width: 40px;background: #fff;border-radius: 50%;margin-right: 20px;display: flex;align-items: center;justify-content: center;">
<div style="height: 42px;width: 42px;background: #fff;border-radius: 50%;margin-right: 20px;display: flex;align-items: center;justify-content: center;">
<img :src="logo" class="sidebar-logo" />
</div>
<h1 class="sidebar-title">{{ title }} </h1>
@ -121,7 +121,7 @@ export default {
height: 84px;
overflow: hidden;
position: relative;
background: #026559;
background: #006F68;
box-shadow: 0 1px 4px rgba(0,21,41,.08);
.hamburger-container {

2
src/router/index.js
View File

@ -68,7 +68,7 @@ export const constantRoutes = [
children: [
{
path: 'index',
component: () => import('@/views/index_v1'),
component: () => import('@/views/index'),
name: 'Index',
meta: { title: '首页', icon: 'dashboard', affix: true }
}

6
src/views/index.vue
View File

@ -2,7 +2,7 @@
<div class="app-container home">
<el-row :gutter="20">
<el-col :sm="24" :lg="12" style="padding-left: 20px">
<h2>智慧食堂</h2>
<h2>智慧食堂系统</h2>
<p>
<b>当前版本:</b> <span>v{{ version }}</span>
</p>
@ -59,7 +59,7 @@
</div>
</el-card>
</el-col>
<el-col :xs="24" :sm="24" :md="12" :lg="8">
<!-- <el-col :xs="24" :sm="24" :md="12" :lg="8">
<el-card class="update-log">
<div slot="header" class="clearfix">
<span>更新日志</span>
@ -84,7 +84,7 @@
</el-collapse-item>
</el-collapse>
</el-card>
</el-col>
</el-col> -->
</el-row>

11
src/views/index_v1.vue
View File

@ -136,10 +136,12 @@ export default {
$_sidebarResizeHandler(e) {
if (e.propertyName === 'width') {
console.log(e)
setTimeout(() => {
this.myCharts1.resize();
this.myCharts2.resize();
this.myCharts3.resize();
this.myCharts4.resize();
}, 500);
}
},
getTopData(){
@ -269,10 +271,6 @@ export default {
};
this.myCharts1 = echarts.init(document.querySelector('#lineChartOne'));
this.myCharts1.setOption(option)
// 根据页面大小自动响应图表大小
// window.addEventListener("resize1", function () {
// this.myCharts1.resize();
// });
});
},
changType2(e){
@ -397,11 +395,6 @@ export default {
};
this.myCharts2 = echarts.init(document.querySelector('#lineChartTwo'));
this.myCharts2.setOption(option)
// // 根据页面大小自动响应图表大小
// window.addEventListener("resize2", function () {
// myCharts2.resize();
// });
});
},
InitEChartsThree() {

2
src/views/login.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="login">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
<h3 class="title">智慧食堂</h3>
<h3 class="title">智慧食堂系统</h3>
<el-form-item prop="username">
<el-input
v-model="loginForm.username"

2
src/views/login1.vue
View File

@ -3,7 +3,7 @@
<div class="login">
<div class="login-form" style="width: 450px;">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form" >
<h3 class="title">智慧食堂</h3>
<h3 class="title">智慧食堂系统</h3>
<template v-if="loginMethod === 'password'">
<el-form-item prop="username">
<el-input

2
src/views/register.vue
View File

@ -1,7 +1,7 @@
<template>
<div class="register">
<el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
<h3 class="title">智慧食堂</h3>
<h3 class="title">智慧食堂系统</h3>
<el-form-item prop="username">
<el-input v-model="registerForm.username" type="text" auto-complete="off" placeholder="账号">
<svg-icon slot="prefix" icon-class="user" class="el-input__icon input-icon" />

2
src/views/register1.vue
View File

@ -2,7 +2,7 @@
<div class="container">
<div class="register">
<el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
<h3 class="title">智慧食堂</h3>
<h3 class="title">智慧食堂系统</h3>
<el-form-item prop="nickName">
<el-input v-model="registerForm.nickName" type="text" auto-complete="off" placeholder="请输入姓名">

2
vue.config.js
View File

@ -7,7 +7,7 @@ function resolve(dir) {
const CompressionPlugin = require('compression-webpack-plugin')
const name = process.env.VUE_APP_TITLE || '智慧食堂' // 网页标题
const name = process.env.VUE_APP_TITLE || '智慧食堂系统' // 网页标题
const port = process.env.port || process.env.npm_config_port || 80 // 端口