zzb
/
csi-financial-front
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 更新背景图并优化样式以提升用户界面体验

This commit is contained in:
傅光孟 2026-03-24 17:57:15 +08:00
parent 15a39d8763
commit ce4344124c
10 changed files with 42 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/example/index.vue
View File

@ -214,11 +214,11 @@ function goLogin() {
<style scoped lang="scss"> <style scoped lang="scss">
.container { .container {
background: url('/@/assets/images/bk_charts.png') no-repeat center top;
background-size: cover;
width: 100%; width: 100%;
height: 100vh; height: 100vh;
overflow: auto !important; overflow: auto !important;
background: url('/@/assets/images/bk_charts1.png') #f5f7fd no-repeat center 60px;
background-size: 100% auto;
} }
.r_logo { .r_logo {

3
src/views/pages/account/index.vue
View File

@ -217,7 +217,8 @@ onUnmounted(() => {
min-width: 1400px; min-width: 1400px;
min-height: calc(100vh - 56px); min-height: calc(100vh - 56px);
margin: 0 auto; margin: 0 auto;
background: url('/@/assets/images/bk_charts.png') no-repeat center 0; background: url('/@/assets/images/bk_charts1.png') #f5f7fd no-repeat center 0;
background-size: 100% auto;
} }
.main { .main {

3
src/views/pages/business/enterprise.vue
View File

@ -216,7 +216,8 @@ onMounted(() => {
min-width: 1400px; min-width: 1400px;
min-height: calc(100vh - 56px); min-height: calc(100vh - 56px);
margin: 0 auto; margin: 0 auto;
background: url('/@/assets/images/bk_charts.png') no-repeat center 0; background: url('/@/assets/images/bk_charts1.png') #f5f7fd no-repeat center 0;
background-size: 100% auto;
} }
.main { .main {

4
src/views/pages/business/jianguan/personnel.vue
View File

@ -164,7 +164,9 @@ onMounted(() => {
min-width: 1400px; min-width: 1400px;
min-height: calc(100vh - 56px); min-height: calc(100vh - 56px);
margin: 0 auto; margin: 0 auto;
background: url('/@/assets/images/bk_charts.png') no-repeat center 0; // background: url('/@/assets/images/bk_charts.png') no-repeat center 0;
background: url('/@/assets/images/bk_charts1.png') #f5f7fd no-repeat center 0;
background-size: 100% auto;
} }
.main { .main {

3
src/views/pages/business/personnel.vue
View File

@ -173,7 +173,8 @@ onMounted(() => {
min-width: 1400px; min-width: 1400px;
min-height: calc(100vh - 56px); min-height: calc(100vh - 56px);
margin: 0 auto; margin: 0 auto;
background: url('/@/assets/images/bk_charts.png') no-repeat center 0; background: url('/@/assets/images/bk_charts1.png') #f5f7fd no-repeat center 0;
background-size: 100% auto;
} }
.main { .main {

2
src/views/pages/caixun/index.vue
View File

@ -3,7 +3,7 @@
<!-- :class="{ 'scale-down': isScaleDown }" --> <!-- :class="{ 'scale-down': isScaleDown }" -->
<!-- height: isCommon ? '80vh' : '90vh' --> <!-- height: isCommon ? '80vh' : '90vh' -->
<div class="content" :style="{ top: isCommon ? '20vh' : '16vh' }"> <div class="content" :style="{ top: isCommon ? '20vh' : '16vh' }">
<div class="mb20" :class="{ 'scale-down': isScaleDown }"> <div class="mb30" :class="{ 'scale-down': isScaleDown }">
<el-breadcrumb separator="/" class="font16"> <el-breadcrumb separator="/" class="font16">
<el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item> <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>智能财讯</el-breadcrumb-item> <el-breadcrumb-item>智能财讯</el-breadcrumb-item>

17
src/views/pages/dashboard/indexNew.vue
View File

@ -1,5 +1,11 @@
<template> <template>
<div class="all" v-loading="loading"> <div class="all" v-loading="loading">
<div class="breadcrumb">
<el-breadcrumb separator="/" class="font16">
<el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>业务看板</el-breadcrumb-item>
</el-breadcrumb>
</div>
<div class="tabs"> <div class="tabs">
<div <div
v-for="item in tabList" v-for="item in tabList"
@ -526,7 +532,8 @@ $minWidth: 68.75rem;
$contentWidth: 85vw; $contentWidth: 85vw;
.all { .all {
background-color: #f5f7fd; background: url('/@/assets/images/bk_charts1.png') #f5f7fd no-repeat center 0;
background-size: 100% auto;
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -538,6 +545,14 @@ $contentWidth: 85vw;
overflow: auto; overflow: auto;
} }
.breadcrumb {
width: $contentWidth;
min-width: $minWidth;
display: flex;
justify-content: flex-start;
gap: 20px;
}
.tabs { .tabs {
width: $contentWidth; width: $contentWidth;
min-width: $minWidth; min-width: $minWidth;

3
src/views/pages/dashboard/jianguan/index.vue
View File

@ -124,7 +124,8 @@ onUnmounted(() => {
min-width: 1400px; min-width: 1400px;
min-height: calc(100vh - 56px); min-height: calc(100vh - 56px);
margin: 0 auto; margin: 0 auto;
background: url('/@/assets/images/bk_charts.png') no-repeat center 0; background: url('/@/assets/images/bk_charts1.png') #f5f7fd no-repeat center 0;
background-size: 100% auto;
box-sizing: border-box; box-sizing: border-box;
} }
.w1400 { .w1400 {

5
src/views/pages/homeNew/index.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="all" :class="{ 'scale-down': isScaleDown }"> <div class="all" :class="{ 'scale-down': isScaleDown }">
<img src="../../../assets/homenew/web_bg.png" class="web_bg scale-1" /> <!-- <img src="../../../assets/homenew/web_bg.png" class="web_bg scale-1" /> -->
<div class="left"> <div class="left">
<div class="content_nol"> <div class="content_nol">
@ -588,6 +588,8 @@ onUnmounted(() => {
text-align: center; text-align: center;
justify-content: center; justify-content: center;
padding-bottom: 20px; padding-bottom: 20px;
background: url('/@/assets/images/bk_charts1.png') #f9fbff no-repeat center 0;
background-size: 100% auto;
.left { .left {
display: flex; display: flex;
@ -800,6 +802,7 @@ onUnmounted(() => {
box-shadow: 0 0 20px rgba($color: #000000, $alpha: 0.1); box-shadow: 0 0 20px rgba($color: #000000, $alpha: 0.1);
border-radius: 10px; border-radius: 10px;
margin-top: 20px; margin-top: 20px;
background-color: #fff;
.yuqing_left { .yuqing_left {
width: 574px; width: 574px;

9
src/views/pages/index/common/index.vue
View File

@ -1,6 +1,12 @@
<template> <template>
<div class="container"> <div class="container">
<div class="w1400"> <div class="w1400">
<div class="mt20">
<el-breadcrumb separator="/" class="font16">
<el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
<el-breadcrumb-item>智能检校</el-breadcrumb-item>
</el-breadcrumb>
</div>
<!-- 时间滑动 start --> <!-- 时间滑动 start -->
<Slide v-if="historyData.length > 0" :data="historyData" @doDetail="goDetail" /> <Slide v-if="historyData.length > 0" :data="historyData" @doDetail="goDetail" />
<!-- 时间滑动 end --> <!-- 时间滑动 end -->
@ -702,7 +708,8 @@ onUnmounted(() => {
min-width: 1400px; min-width: 1400px;
min-height: calc(100vh - 56px); min-height: calc(100vh - 56px);
margin: 0 auto; margin: 0 auto;
background: url('/@/assets/images/bk_charts.png') no-repeat center 0; background: url('/@/assets/images/bk_charts1.png') #f5f7fd no-repeat center 0;
background-size: 100% auto;
} }
:deep(.el-form-item--large .el-form-item__label) { :deep(.el-form-item--large .el-form-item__label) {