fanshuai/code
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改顶部样式

Browse Source
This commit is contained in:
fanshuai 2025-03-19 22:26:57 +08:00
parent 961a4c7281
commit 1da74ffcdb
1 changed files with 48 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
src/views/home/homeView.vue
View File

@ -51,35 +51,29 @@ export default {
<el-container> <el-container>
<!-- 顶部 --> <!-- 顶部 -->
<el-header> <el-header>
<el-row>
<div class="dhl"> <div class="dhl">
<el-col :span="3"> <div class="left-box">
<div class="grid-content ep-bg-purple-home" /> <img class="img-1" :src="imagePath.logo" alt="Logo" />
<img class="img-1" :src="imagePath.logo" alt="Logo" width="90" height="90" /> <span class="sys-title">辉擎科技</span>
<em class="em-1">辉擎科技</em> </div>
</el-col> <div class="right-box">
<el-col :span="9">
<div class="grid-content ep-bg-purple" />
</el-col>
<el-col :span="6">
<div class="grid-content ep-bg-purple-light" />
<div class="dhl-x"> <div class="dhl-x">
<el-breadcrumb separator=""> <div>首页</div>
<el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> <div>产品方案</div>
<el-breadcrumb-item :to="{ path: '/' }">产品方案</el-breadcrumb-item> <div>行业解决问题</div>
<el-breadcrumb-item :to="{ path: '/' }">行业解决问题</el-breadcrumb-item> <div>客户案例</div>
<el-breadcrumb-item :to="{ path: '/' }">客户案例</el-breadcrumb-item> <div>关于我们</div>
<el-breadcrumb-item :to="{ path: '/' }">关于我们</el-breadcrumb-item>
<el-breadcrumb-item :to="{ path: '/' }"> </el-breadcrumb-item>
</el-breadcrumb>
</div> </div>
</el-col>
<el-col :span="1">
<div class="grid-content ep-bg-purple" />
<el-button class="an-3" type="primary">免费咨询</el-button> <el-button class="an-3" type="primary">免费咨询</el-button>
</el-col>
</div> </div>
</el-row> <!-- <div class="grid-content ep-bg-purple-home" />
<em class="em-1"></em>
<div class="grid-content ep-bg-purple-light" />
<div class="grid-content ep-bg-purple" />
-->
</div>
</el-header> </el-header>
<el-main style="padding: 0 20px"> <el-main style="padding: 0 20px">
<div class="carousel"> <div class="carousel">
@ -236,7 +230,6 @@ export default {
</div> </div>
</template> </template>
<style scoped> <style scoped>
.an-5 { .an-5 {
margin-left: -20px; margin-left: -20px;
margin-top: 20px; margin-top: 20px;
@ -308,7 +301,8 @@ export default {
margin-left: 30px; margin-left: 30px;
} }
.img-1 { .img-1 {
margin-top: 8px; width: 60px;
height: 60px;
} }
.bt-1 { .bt-1 {
margin-top: -70px; margin-top: -70px;
@ -360,7 +354,7 @@ export default {
font-size: 30px; font-size: 30px;
} }
.an-3 { .an-3 {
margin-right: -20px; /* margin-right: -20px; */
} }
.an-1 { .an-1 {
position: absolute; position: absolute;
@ -407,14 +401,12 @@ export default {
font-weight: bold; font-weight: bold;
} }
.dhl { .dhl {
float: right;
width: 100%; width: 100%;
height: 50px; height: 60px;
display: flex; display: flex;
justify-content: center; justify-content: space-between;
align-items: center; align-items: center;
background-color: #fff; background-color: #fff;
margin-top: 10px;
} }
.el-link { .el-link {
margin-right: 25px; margin-right: 25px;
@ -424,7 +416,7 @@ export default {
.dhl-x { .dhl-x {
display: flex; display: flex;
gap: 20px; gap: 20px;
margin-right: 0px; margin-right: 80px;
} }
.carousel { .carousel {
position: relative; position: relative;
@ -469,4 +461,19 @@ export default {
.next { .next {
right: 10px; right: 10px;
} }
.left-box {
display: flex;
align-items: center;
}
.sys-title {
font-size: 24px;
font-weight: 600;
}
.right-box {
display: flex;
align-items: center;
}
</style> </style>