Skip to content

C
company-portal-ui
Commit 1e640a0f authored by 赵啸非's avatar 赵啸非
Browse files
Options

修改导航

parent 7b3cc6bf
Hide whitespace changes
Inline Side-by-side
Showing with 98 additions and 58 deletions
admin/src/assets/css/common.min.css
View file @ 1e640a0f
...@@ -142,6 +142,30 @@ ...@@ -142,6 +142,30 @@
background-size:100% 100%; background-size:100% 100%;
} }
.gov {
height: 350px;
background: url(../images/section/gov.png);
background-repeat:no-repeat ;
background-size:100% 100%;
}
.hos {
height: 350px;
background: url(../images/section/hos.png);
background-repeat:no-repeat ;
background-size:100% 100%;
}
.socail {
height: 350px;
background: url(../images/section/socail.png);
background-repeat:no-repeat ;
background-size:100% 100%;
}
......
admin/src/assets/images/pat.png
View replaced file @ 7b3cc6bf View file @ 1e640a0f
admin/src/assets/images/pat.png

140 KB | W: | H:

admin/src/assets/images/pat.png

41.6 KB | W: | H:

admin/src/assets/images/pat.png
admin/src/assets/images/pat.png
admin/src/assets/images/pat.png
admin/src/assets/images/pat.png
  • 2-up
  • Swipe
  • Onion skin
admin/src/components/common/header/Header.vue
View file @ 1e640a0f
...@@ -63,7 +63,10 @@ ...@@ -63,7 +63,10 @@
<div :class="tops?'navbar':'navbar-top'"> <div :class="tops?'navbar':'navbar-top'">
<el-tooltip class="item" effect="dark" content="客服" placement="left"> <el-tooltip class="item" effect="dark" placement="left">
<div slot="content" v-html="headContent"></div>
<a><i> <svg-icon icon-class="headset-one" width="30px" height="30px" ></svg-icon></i></a> <a><i> <svg-icon icon-class="headset-one" width="30px" height="30px" ></svg-icon></i></a>
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="微信" placement="left"> <el-tooltip class="item" effect="dark" content="微信" placement="left">
...@@ -102,6 +105,7 @@ export default { ...@@ -102,6 +105,7 @@ export default {
components: {}, components: {},
data(){ data(){
return{ return{
headContent:"&nbsp;&nbsp;&nbsp;&nbsp;服务热线<br/><br/> 18180928870<br><br>",
showQR:false, showQR:false,
tops:false, tops:false,
heights:window.innerHeight, heights:window.innerHeight,
...@@ -223,13 +227,6 @@ export default { ...@@ -223,13 +227,6 @@ export default {
color: #303133; color: #303133;
} }
.el-submenu__title{
font-size: 18px;
}
.el-submenu /deep/ .el-submenu__title { .el-submenu /deep/ .el-submenu__title {
font-size: 16px; font-size: 16px;
color: #303133; color: #303133;
...@@ -242,7 +239,6 @@ export default { ...@@ -242,7 +239,6 @@ export default {
} }
.navbar { .navbar {
text-align: center; text-align: center;
background-color: white; background-color: white;
...@@ -326,35 +322,8 @@ export default { ...@@ -326,35 +322,8 @@ export default {
border-radius: 10px 10px 0px 0px; border-radius: 10px 10px 0px 0px;
} }
.navbar-top a:hover { .navbar-top a:hover {
background-color: #d9534f; background-color: #2f1ce5;
color: white;
}
.qrShow{
position: fixed;
top: calc(68% + 80px);
right: calc(3% + 60px);
z-index: 999;
background-color: rgb(179, 179, 179);
width: 110px;
height: 110px;
color: white; color: white;
text-align: center;
border-radius: 10px;
font-family: sans-serif;
padding-top: 5px;
}
.qrShow:after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 8px solid;
}
.right:after {
border-left-color: rgb(179, 179, 179);
left: 100%;
top: 50%;
margin-top: -7px;
} }
.svg-icon:hover{ .svg-icon:hover{
......
admin/src/views/portal/IndexView.vue
View file @ 1e640a0f
...@@ -71,7 +71,7 @@ ...@@ -71,7 +71,7 @@
<div class="container" style="max-width: 1160px;"> <div class="container" style="max-width: 1160px;">
<div class="section--header"> <div class="section--header">
<h2 class="section--title"><strong>我们的优势</strong></h2> <h2 class="section--title"><strong>我们的优势</strong></h2>
<p style="font-size: 28px" class="section--description"> <p class="section--description">
OUR ADVANTAGES OUR ADVANTAGES
</p> </p>
</div> </div>
...@@ -85,7 +85,7 @@ ...@@ -85,7 +85,7 @@
padding: 22px 15px 18px; padding: 22px 15px 18px;
position: relative" > position: relative" >
<el-row > <el-row >
<el-col :span="4"> <i style="font-size: 40px" :class="service.icon"></i></el-col> <el-col :span="4"> <i style="font-size: 35px" :class="service.icon"></i></el-col>
<el-col :span="16"><el-row><h3>{{ service.title }}</h3></el-row> <el-col :span="16"><el-row><h3>{{ service.title }}</h3></el-row>
<el-row><p>{{service.content}}</p></el-row> <el-row><p>{{service.content}}</p></el-row>
</el-col> </el-col>
...@@ -98,19 +98,7 @@ ...@@ -98,19 +98,7 @@
</div> </div>
<div class="section">
<div class="container" style="max-width: 1160px;">
<div class="section--header">
<h2 class="section--title"> <strong>合作伙伴</strong></h2>
<p class="section--description">
PARTNERS</p>
</div>
<div style="margin: 0 auto;width: 100%"> <img src="@/assets/images/pat.png" style="width: 85%;margin-left: 60px;" alt="">
</div>
</div>
</div>
...@@ -135,48 +123,107 @@ ...@@ -135,48 +123,107 @@
<div class="shop" > <div class="shop" >
<el-row type="flex" justify="center" align="middle" style="padding-top: 100px"> <el-row type="flex" justify="center" align="middle" style="padding-top: 100px">
<span style="color: floralwhite;font-size: 50px;font-weight: 400">文 印 店</span><br/> <span style="color: floralwhite;font-size: 35px;font-weight: 400">文 印 店</span><br/>
</el-row> </el-row>
<el-row type="flex" justify="center" align="middle"> <el-row type="flex" justify="center" align="middle">
<span style="color: floralwhite;font-size: 50px;font-weight: 400">WENYIN STORE</span><br/> <span style="color: floralwhite;font-size: 35px;font-weight: 400">WENYIN STORE</span><br/>
</el-row> </el-row>
<el-row type="flex" justify="center" align="middle"> <el-row type="flex" justify="center" align="middle">
<el-button plain>了 解 更 多<i class="el-icon-caret-right"/></el-button> <el-button style="background-color: unset;color: floralwhite;margin-top: 20px" plain>了 解 更 多<i class="el-icon-caret-right"/></el-button>
</el-row> </el-row>
</div> </div>
</el-col> </el-col>
<el-col :span="8" > <el-col :span="8" >
<div class="school" > <div class="school" >
<el-row type="flex" justify="center" align="middle" style="padding-top: 100px">
<span style="color: floralwhite;font-size: 35px;font-weight: 400">学 校</span><br/>
</el-row>
<el-row type="flex" justify="center" align="middle">
<span style="color: floralwhite;font-size: 35px;font-weight: 400">SCHOOL</span><br/>
</el-row>
<el-row type="flex" justify="center" align="middle">
<el-button style="background-color: unset;color: floralwhite;margin-top: 20px" plain>了 解 更 多<i class="el-icon-caret-right"/></el-button>
</el-row>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
<el-row :gutter="20" style="margin-top: 20px" > <el-row :gutter="20" style="margin-top: 20px" >
<el-col :span="8" > <el-col :span="8" >
<div class="school" > <div class="gov" >
<el-row type="flex" justify="center" align="middle" style="padding-top: 100px">
<span style="color: floralwhite;font-size: 35px;font-weight: 400">政 务 中 心</span><br/>
</el-row>
<el-row type="flex" justify="center" align="middle">
<span style="color: floralwhite;font-size: 35px;font-weight: 400">GOVERNMENT</span><br/>
</el-row>
<el-row type="flex" justify="center" align="middle">
<el-button style="background-color: unset;color: floralwhite;margin-top: 20px" plain>了 解 更 多<i class="el-icon-caret-right"/></el-button>
</el-row>
</div> </div>
</el-col> </el-col>
<el-col :span="8" > <el-col :span="8" >
<div class="school" > <div class="hos" >
<el-row type="flex" justify="center" align="middle" style="padding-top: 100px">
<span style="color: floralwhite;font-size: 35px;font-weight: 400">医 院</span><br/>
</el-row>
<el-row type="flex" justify="center" align="middle">
<span style="color: floralwhite;font-size: 35px;font-weight: 400">HOSPITAL</span><br/>
</el-row>
<el-row type="flex" justify="center" align="middle">
<el-button style="background-color: unset;color: floralwhite;margin-top: 20px" plain>了 解 更 多<i class="el-icon-caret-right"/></el-button>
</el-row>
</div> </div>
</el-col> </el-col>
<el-col :span="8" > <el-col :span="8" >
<div class="school" > <div class="socail" >
<el-row type="flex" justify="center" align="middle" style="padding-top: 100px">
<span style="color: floralwhite;font-size: 35px;font-weight: 400">社 区</span><br/>
</el-row>
<el-row type="flex" justify="center" align="middle">
<span style="color: floralwhite;font-size: 35px;font-weight: 400">COMMUNITY</span><br/>
</el-row>
<el-row type="flex" justify="center" align="middle">
<el-button style="background-color: unset;color: floralwhite;margin-top: 20px" plain>了 解 更 多<i class="el-icon-caret-right"/></el-button>
</el-row>
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</div>
<div class="section">
<div class="container" style="max-width: 1160px;">
<div class="section--header">
<h2 class="section--title"> <strong>合作伙伴</strong></h2>
<p class="section--description">
PARTNERS</p>
</div>
<div style="margin: 0 auto;width: 100%"> <img src="@/assets/images/pat.png" style="width: 85%;margin-left: 60px;" alt="">
</div>
</div>
</div> </div>
</Layout> </Layout>
......
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