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