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