odjbin/mosr-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix : 首页字体颜色统一

Browse Source
This commit is contained in:
dj
2025-04-18 11:22:00 +08:00
parent c71208c3e4
commit 86751acbd6
1 changed files with 56 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

101
src/views/home/index.vue
View File

@@ -21,7 +21,7 @@
<el-card shadow="never" class="todo-bg" @tab-add="refreshTodoOrDoneList(activeName)">
<el-tabs v-model="activeName" editable>
<template #add-icon>
<div @click="refreshTodoOrDoneList" style="margin-left: -50px">
<div @click="refreshTodoOrDoneList" style="margin-left: -50px;font-size: 14px">
刷新一下
<div style="width: 31px"></div>
</div>
@@ -29,14 +29,14 @@
<el-tab-pane :label="'待办（'+(todoList?.length||0) +'）'" name="first">
<div class="todo-top">
<div class="bell">
<el-icon size="20" color="#F55815">
<el-icon size="16" color="#F55815">
<BellFilled/>
</el-icon>
<span>您有{{ todoList?.length || 0 }}条待办需要处理</span>
</div>
<div class="todo-more" @click="handleTodoList(1)">
<span>查看更多</span>
<el-icon color="#1F63E6" size="18">
<el-icon color="#000" size="16">
<ArrowRight/>
</el-icon>
</div>
@@ -73,14 +73,14 @@
<el-tab-pane :label="'已办（' + (doneList?.length||0) + '）'" name="second">
<div class="todo-top">
<div class="bell">
<el-icon size="20" color="#F55815">
<el-icon size="16" color="#F55815">
<BellFilled/>
</el-icon>
<span>您有{{ todoList.length }}条待办需要处理</span>
</div>
<div class="todo-more" @click="handleTodoList(2)">
<span>查看更多</span>
<el-icon color="#1F63E6" size="18">
<el-icon color="#000" size="16">
<ArrowRight/>
</el-icon>
</div>
@@ -128,7 +128,7 @@
</div>
<div class="more" @click="goToArticleList('0')">
<span>更多</span>
<el-icon color="#1F63E6" size="18">
<el-icon color="#000" size="18">
<ArrowRight/>
</el-icon>
</div>
@@ -160,7 +160,7 @@
</div>
<div class="more" @click="goToSpecialFund">
<span>更多</span>
<el-icon color="#1F63E6" size="18">
<el-icon color="#000" size="18">
<ArrowRight/>
</el-icon>
</div>
@@ -184,7 +184,7 @@
</div>
<div class="more" @click="goToResearchFund">
<span>更多</span>
<el-icon color="#1F63E6" size="18">
<el-icon color="#000" size="18">
<ArrowRight/>
</el-icon>
</div>
@@ -230,7 +230,7 @@
<template #add-icon>
<div style="white-space: nowrap;display: flex;align-items: center">
更多
<el-icon color="#1F63E6" size="18">
<el-icon color="#000" size="18">
<ArrowRight/>
</el-icon>
</div>
@@ -245,7 +245,7 @@
<!-- <div>-->
<!-- <span>{{ index > 8 ? '' : 0 }}{{ index + 1 }}</span>{{ item.title }}-->
<!-- </div>-->
<div :style="{'color': item.isRead ? '#1F63E6' : 'rgba(0,0,0,0.5)'}">
<div :style="{'color': item.isRead ? '#1F63E6' : '#000'}">
<span>{{ item.articleTitle }}</span>
<span class="dot" v-if="item.isRead"></span>
</div>
@@ -384,8 +384,8 @@ const fundPieOption = ref({
align: 'left',
icon: 'circle',
textStyle: {
color: 'rgba(0,0,0,0.6)',
fontSize: '12px'
color: '#000',
fontSize: '14px'
},
},
graphic: { //图形中间图片
@@ -405,11 +405,12 @@ const fundPieOption = ref({
{
type: 'pie',
radius: [65, 90],
center: ['50%', '50%'],
center: ['50%', '55%'],
top: '10%',
left: '8',
label: {
show: true,
fontSize:14,
formatter: '{b}\n{d}%'
// formatter: params => {
// console.log(params)
@@ -451,12 +452,12 @@ const fundPieOption = ref({
clockWise: false,
hoverAnimation: false,
radius: ['70%', '70%'],//边框大小
center: ['50%', '50%'],//边框位置
center: ['50%', '55%'],//边框位置
tooltip: {
show: false
},
label: {
show: false
show: false,
},
emphasis: {
show: false
@@ -486,6 +487,7 @@ const moneyPieOption = ref({
center: ['50%', '50%'],
label: {
normal: {
fontSize:14,
show: true,
position: 'inner',
formatter: function (data) {
@@ -839,6 +841,13 @@ const handleView = (row) => {
</script>
<style lang="scss" scoped>
:deep(.el-input){
width: 84px!important;
}
:deep(.el-input__inner){
font-size: 14px;
color:#000;
}
@media (min-width: 1200px) and (max-width: 1918px) {
//.right-top {
// height: 684px !important;
@@ -1001,7 +1010,7 @@ const handleView = (row) => {
.total-money {
height: 25px;
font-weight: 400;
font-size: 15px;
font-size: 14px;
color: #000000;
line-height: 18px;
}
@@ -1037,15 +1046,15 @@ const handleView = (row) => {
> div:last-child {
font-weight: 400;
font-size: 15px;
font-size: 14px;
color: #000000;
letter-spacing: 1px;
margin-left: 28px;
}
.company-name {
font-size: 12px;
color: rgba(0, 0, 0, 0.6);
font-size: 14px;
color: #000;
letter-spacing: 1px;
margin-left: 10px;
//margin-right: 30px;
@@ -1094,18 +1103,18 @@ const handleView = (row) => {
:deep(.el-tabs__nav-wrap:after) {
background-color: #D9D9D9 !important;
height: 2px !important;
height: 1px !important;
}
:deep(.el-tabs__active-bar) {
height: 2px !important;
background-color: #1476E3 !important;
height: 1px !important;
background-color: #000 !important;
}
:deep(.el-tabs__new-tab ) {
width: 67px !important;
border: none !important;
color: #1476E3;
color: #000;
font-size: 14px;
line-height: 51px !important;
height: 51px !important;
@@ -1130,15 +1139,16 @@ const handleView = (row) => {
.el-tabs__nav {
.el-tabs__item {
flex: 1;
font-size: 16px;
width: 120px;
font-size: 14px;
width: 100px;
//font-weight: 600;
height: 51px;
color: rgba(0, 0, 0, 0.5);
color: #000;
}
.el-tabs__item.is-active {
color: #1F63E6;
//color: #000;
//font-weight: 600;
}
//#1476E3
@@ -1159,7 +1169,7 @@ const handleView = (row) => {
.todo-more {
display: flex;
align-items: center;
color: #1476E3;
color: #000;
cursor: pointer;
margin-right: 10px;
line-height: 20px;
@@ -1197,13 +1207,13 @@ const handleView = (row) => {
margin-left: 14px;
color: #000000;
letter-spacing: 1px;
font-size: 16px;
font-size: 14px;
> span {
color: #F40E0E;
//color: #F40E0E;
> span {
font-weight: bold;
//font-weight: bold;
}
}
}
@@ -1260,7 +1270,7 @@ const handleView = (row) => {
flex-direction: column;
//align-items: flex-end;
font-weight: 400;
color: rgba(0, 0, 0, 0.5);
color: #000;
letter-spacing: 1px;
font-size: 12px;
@@ -1343,13 +1353,13 @@ const handleView = (row) => {
justify-content: space-between;
font-size: 14px;
margin-bottom: 12px;
margin-left: 20px;
margin-left: 4px;
.bell {
display: flex;
align-items: center;
color: #F55815;
color: #000;
font-size: 15px;
> span {
@@ -1380,13 +1390,13 @@ const handleView = (row) => {
> span:first-child {
white-space: nowrap;
font-size: 36px;
font-size: 34px;
font-weight: bold;
margin-bottom: 10px;
> span {
margin-left: 10px;
font-size: 13px;
font-size: 14px;
}
}
@@ -1394,6 +1404,7 @@ const handleView = (row) => {
white-space: nowrap;
color: #fff;
margin-bottom: 10px;
font-size: 14px;
}
}
}
@@ -1418,8 +1429,7 @@ const handleView = (row) => {
justify-content: space-between;
height: 47px !important;
line-height: 47px !important;
color: rgba(0, 0, 0, 0.5) !important;
color: #000 !important;
> div:first-child {
position: relative;
text-overflow: ellipsis;
@@ -1456,7 +1466,7 @@ const handleView = (row) => {
margin-left: 20px;
font-weight: 400;
letter-spacing: 1px;
color: rgba(0, 0, 0, 0.5)
color: #000
}
}
}
@@ -1518,7 +1528,7 @@ const handleView = (row) => {
height: 75px;
line-height: 75px;
padding: 0 15px;
font-size: 12px;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
@@ -1526,9 +1536,9 @@ const handleView = (row) => {
> span:first-child {
margin-right: 10px;
margin-left: 10px;
font-size: 14px;
color: #1476E3;
font-weight: bold;
font-size: 16px;
}
&:hover {
@@ -1557,8 +1567,8 @@ const handleView = (row) => {
.fund-pie {
width: 100%;
height: 25px;
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
font-size: 14px;
color: #000;
text-align: center;
//margin-top: 15px;
}
@@ -1576,7 +1586,7 @@ const handleView = (row) => {
.tag {
width: 7px;
height: 18px;
height: 14px;
background: linear-gradient(#1476E3 0%, #99C9FF 100%);
margin-right: 5px;
border-radius: 2px;
@@ -1586,6 +1596,7 @@ const handleView = (row) => {
> span {
white-space: nowrap;
color: #000000;
font-size: 14px;
//font-weight: 600;
}
}
@@ -1594,7 +1605,7 @@ const handleView = (row) => {
display: flex;
align-items: center;
white-space: nowrap;
color: #1476E3;
color: #000;
font-size: 14px;
cursor: pointer;