Skip to content

E
enterprise-serevice-platform-web
Commit 2adbe934 authored by 张伯涛's avatar 张伯涛
Browse files
Options

样式修改

parent b58d14dc
Show whitespace changes
Inline Side-by-side
Showing with 71 additions and 34 deletions
src/layout/components/AppFooter.vue
View file @ 2adbe934
<template> <template>
<div class="app_footer"> <div class="app_footer">
<div class="child"> <div class="child">
<el-row class="row" :gutter="20"> <div class="row">
<el-col :span="16"> <div>
<div class="footer-title"> <div class="footer-title">
友情链接 友情链接
</div> </div>
<el-row> <div class="leftContent">
<el-col <div
v-for="(item,index) in linkList" v-for="(item,index) in linkList"
:key="index" :key="index"
style="padding: 0 0 20px 0" class="child"
:span="6"
> >
<span class="linkName" @click="handleJump(item)">{{ item.name }}</span> <span class="linkName" @click="handleJump(item)">{{ item.name }}</span>
</el-col> </div>
</el-row> </div>
</el-col> </div>
<el-col :span="2"> <div>
<el-divider direction="vertical"></el-divider> <el-divider direction="vertical" />
</el-col> </div>
<el-col :span="6"> <el-col :span="6">
<div class="footer-title"> <div class="footer-title">
快捷入口 快捷入口
...@@ -35,7 +34,7 @@ ...@@ -35,7 +34,7 @@
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
</el-row> </div>
</div> </div>
<div class="footer-bottom"> <div class="footer-bottom">
<div>copyright <span>{{ copyright }}</span></div> <div>copyright <span>{{ copyright }}</span></div>
...@@ -100,13 +99,29 @@ export default { ...@@ -100,13 +99,29 @@ export default {
.el-divider--vertical{ .el-divider--vertical{
height: 9em; height: 9em;
color: #FFFFFF; color: #FFFFFF;
margin: 0 70px 0 0 ;
} }
.child{ .child{
padding-bottom: 10px;
width: 1400px; width: 1400px;
margin: auto; margin: auto;
.row{
display: flex;
.leftContent{
display: flex;
justify-content: flex-start;
align-items: center;
flex-wrap: wrap;
width: 1080px;
.child{
margin: 0 57px 20px 0;
width: 210px;
}
}
}
} }
.el-divider--horizontal{ .el-divider--horizontal{
margin: 12px 0; margin: 9px 0;
} }
.footer-title{ .footer-title{
font-size: 17px; font-size: 17px;
...@@ -114,17 +129,20 @@ export default { ...@@ -114,17 +129,20 @@ export default {
padding: 0 0 30px 0; padding: 0 0 30px 0;
} }
.linkName{ .linkName{
width: 210px;
overflow: hidden;
cursor: pointer; cursor: pointer;
color: white; color: white;
font-size: 15px; font-size: 15px;
} }
.footer-bottom{ .footer-bottom{
font-size: 12px;
color: #DFDFDF;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
background-color: #1F2224; background-color: #1F2224;
height: 36px; height: 36px;
color: white;
} }
} }
</style> </style>
src/views/OneClickService/index.vue
View file @ 2adbe934
...@@ -196,8 +196,10 @@ export default { ...@@ -196,8 +196,10 @@ export default {
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
.nameClass{ .nameClass{
line-height: 35px;
font-size: 15px;
padding-left: 10px; padding-left: 10px;
max-height: 40px; max-height: 75px;
overflow: hidden; overflow: hidden;
width: 155px; width: 155px;
} }
......
src/views/homePage/components/searchHome/components/header.vue
View file @ 2adbe934
...@@ -4,9 +4,9 @@ ...@@ -4,9 +4,9 @@
<div class="topLogin"> <div class="topLogin">
<div v-if="userForm.userId"> <div v-if="userForm.userId">
<img :src="userForm.avatar" class="userLogo"> <img :src="userForm.avatar" class="userLogo">
<span class="topFont">{{ userForm.nickName || '-' }}</span><span class="topFont">|</span> <span class="topFont">{{ userForm.nickName || '-' }}</span><span class="line">|</span>
<span class="topFont">{{ enterprise || '-' }}</span><span>|</span> <span class="topFont">{{ enterprise || '-' }}</span>
<el-button style="font-size: 17px" type="text" @click="switchEnterprises">切换企业</el-button><span>|</span> <el-button style="font-size: 17px" type="text" @click="switchEnterprises">切换企业</el-button><span class="line">|</span>
<el-button class="topBtn" type="text" @click="handleLoginOut">退出</el-button> <el-button class="topBtn" type="text" @click="handleLoginOut">退出</el-button>
</div> </div>
<div v-else> <div v-else>
...@@ -69,7 +69,7 @@ export default { ...@@ -69,7 +69,7 @@ export default {
title: '切换企业', title: '切换企业',
dialogVisible: false dialogVisible: false
}, },
logo: require('@/assets/image/homeLogo.png'), logo: require('@/assets/image/Newhome_logo.png'),
multipleSelection: [], multipleSelection: [],
enterprise: '', enterprise: '',
// 根据enterpriseId绑定当前企业 // 根据enterpriseId绑定当前企业
...@@ -225,7 +225,7 @@ export default { ...@@ -225,7 +225,7 @@ export default {
<style scoped lang="scss"> <style scoped lang="scss">
.header-module{ .header-module{
height: 90px; height: 70px;
width: 1400px; width: 1400px;
margin: auto; margin: auto;
display: flex; display: flex;
...@@ -250,6 +250,9 @@ export default { ...@@ -250,6 +250,9 @@ export default {
.topFont{ .topFont{
padding-right: 20px; padding-right: 20px;
} }
.line{
color: #999999;
}
} }
} }
</style> </style>
src/views/homePage/components/searchHome/index.vue
View file @ 2adbe934
...@@ -66,7 +66,7 @@ export default { ...@@ -66,7 +66,7 @@ export default {
.rightSearch { .rightSearch {
width: 100%; width: 100%;
height: 180px; height: 180px;
background-image: url("~@/assets/image/banner.png"); background-image: url("~@/assets/image/Newbanner.png");
background-size: 100% 100%; background-size: 100% 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
//text-align: center; //text-align: center;
......
src/views/homePage/index.vue
View file @ 2adbe934
...@@ -37,8 +37,8 @@ ...@@ -37,8 +37,8 @@
<el-col :span="14"> <el-col :span="14">
<div class="reportToday"> <div class="reportToday">
<div class="reportToday-title"> <div class="reportToday-title">
<div style="display: flex"> <div style="display: flex;align-items: center">
<img :src="reportTodayLogo" style="margin-right: 10px"> <img :src="reportTodayLogo" style="margin-right: 10px;width: 28px;height: 22px">
<div class="rt-title">今日申报</div> <div class="rt-title">今日申报</div>
</div> </div>
<div class="rt-more"> <div class="rt-more">
...@@ -150,14 +150,14 @@ ...@@ -150,14 +150,14 @@
<div class="aicCardTitle">{{ item.title }}</div> <div class="aicCardTitle">{{ item.title }}</div>
<div class="card-content"> <div class="card-content">
<div style="display: flex"> <div style="display: flex">
<i class="el-icon-date" /> <i style="color: #999999" class="el-icon-date" />
<div style="margin-left: 10px">{{ item.activityDate }}</div> <div style="margin-left: 10px;color: #999999">{{ item.activityDate }}</div>
</div> </div>
<div style="display: flex"> <div style="display: flex">
<i class="el-icon-map-location" /> <i style="color: #999999" class="el-icon-map-location" />
<span class="address" :title="item.address">{{ item.address }}</span> <span class="address" :title="item.address">{{ item.address }}</span>
</div> </div>
<div style=" color: #018FD6;"> <div style="color: #333333;">
<i class="el-icon-d-arrow-right" /> <i class="el-icon-d-arrow-right" />
</div> </div>
</div> </div>
...@@ -195,7 +195,7 @@ ...@@ -195,7 +195,7 @@
> >
<div class="os-card"> <div class="os-card">
<img :src="item.urlPath" class="os-img"> <img :src="item.urlPath" class="os-img">
<span style="padding-left: 10px;max-height: 40px;overflow: hidden;width: 120px"> <span class="cardName">
<div :title="item.title">{{ item.title }}</div> <div :title="item.title">{{ item.title }}</div>
</span> </span>
</div> </div>
...@@ -525,7 +525,7 @@ export default { ...@@ -525,7 +525,7 @@ export default {
#TOPUp{ #TOPUp{
position: absolute; position: absolute;
right: 45px; right: 45px;
bottom: 100px; bottom: 67px;
width: 40px; width: 40px;
height: 40px; height: 40px;
z-index: 99999999; z-index: 99999999;
...@@ -554,7 +554,7 @@ export default { ...@@ -554,7 +554,7 @@ export default {
width: 100%; width: 100%;
} }
.home-content{ .home-content{
padding: 360px 0 0 0; padding: 334px 0 0 0;
//padding: 360px 260px 0; //padding: 360px 260px 0;
background-image: linear-gradient(to bottom right, #E8F5FA, #FFFFFF); background-image: linear-gradient(to bottom right, #E8F5FA, #FFFFFF);
.child{ .child{
...@@ -585,14 +585,15 @@ export default { ...@@ -585,14 +585,15 @@ export default {
} }
.oneClick-service{ .oneClick-service{
padding-top: 44px; padding-top: 44px;
padding-bottom: 44px; padding-bottom: 15px;
.oneClick-service-content{ .oneClick-service-content{
.os-card{ .os-card{
color: #333333;
width: 100%; width: 100%;
cursor: pointer; cursor: pointer;
//margin: 13px; //margin: 13px;
margin-bottom: 25px; margin-bottom: 25px;
height: 100px; height: 85px;
padding: 12px; padding: 12px;
border: 1px solid #d6d6d6; border: 1px solid #d6d6d6;
display: inline-flex; display: inline-flex;
...@@ -601,6 +602,14 @@ export default { ...@@ -601,6 +602,14 @@ export default {
width: 60px; width: 60px;
height: 60px height: 60px
} }
.cardName{
padding-left: 10px;
max-height: 50px;
overflow: hidden;
width: 169px;
line-height: 24.5px;
font-size: 15px;
}
} }
} }
.oneClick-service-title{ .oneClick-service-title{
...@@ -669,6 +678,7 @@ export default { ...@@ -669,6 +678,7 @@ export default {
border-bottom: 1px solid #E4E4E4; border-bottom: 1px solid #E4E4E4;
padding: 18px 0 0 0; padding: 18px 0 0 0;
.address{ .address{
color: #999999;
cursor: pointer; cursor: pointer;
margin-left: 10px; margin-left: 10px;
white-space: nowrap; white-space: nowrap;
...@@ -698,6 +708,7 @@ export default { ...@@ -698,6 +708,7 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.ai-title{ .ai-title{
color: #333333;
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
} }
...@@ -732,6 +743,7 @@ export default { ...@@ -732,6 +743,7 @@ export default {
backdrop-filter: blur(3px) backdrop-filter: blur(3px)
} }
.sc-name{ .sc-name{
color: #333333;
padding: 10px; padding: 10px;
text-align: center; text-align: center;
} }
...@@ -781,6 +793,7 @@ export default { ...@@ -781,6 +793,7 @@ export default {
.reportToday-content{ .reportToday-content{
padding-top: 8px; padding-top: 8px;
.reportToday-contentChild{ .reportToday-contentChild{
color: #333333;
cursor: pointer; cursor: pointer;
padding: 32px 0 0 0 ; padding: 32px 0 0 0 ;
overflow: hidden; overflow: hidden;
...@@ -794,11 +807,12 @@ export default { ...@@ -794,11 +807,12 @@ export default {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
.rt-title{ .rt-title{
color: #333333;
font-size: 24px; font-size: 24px;
font-weight: bold; font-weight: bold;
} }
.rt-more{ .rt-more{
color: #018FD6; color: #2662AD;
cursor: pointer; cursor: pointer;
display: flex; display: flex;
float: right; float: right;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment