Skip to content

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

修改导航

parent 7b3cc6bf
master
No related merge requests found
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 @@
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: 0px | H: 0px

admin/src/assets/images/pat.png

41.6 KB | W: 0px | H: 0px

  • 2-up
  • Swipe
  • Onion skin
admin/src/components/common/header/Header.vue
View file @ 1e640a0f
......@@ -63,7 +63,10 @@
<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>
</el-tooltip>
<el-tooltip class="item" effect="dark" content="微信" placement="left">
......@@ -102,6 +105,7 @@ export default {
components: {},
data(){
return{
headContent:"&nbsp;&nbsp;&nbsp;&nbsp;服务热线<br/><br/> 18180928870<br><br>",
showQR:false,
tops:false,
heights:window.innerHeight,
......@@ -223,13 +227,6 @@ export default {
color: #303133;
}
.el-submenu__title{
font-size: 18px;
}
.el-submenu /deep/ .el-submenu__title {
font-size: 16px;
color: #303133;
......@@ -242,7 +239,6 @@ export default {
}
.navbar {
text-align: center;
background-color: white;
......@@ -326,35 +322,8 @@ export default {
border-radius: 10px 10px 0px 0px;
}
.navbar-top a:hover {
background-color: #d9534f;
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;
background-color: #2f1ce5;
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{
......
admin/src/views/portal/IndexView.vue
View file @ 1e640a0f
......@@ -71,7 +71,7 @@
<div class="container" style="max-width: 1160px;">
<div class="section--header">
<h2 class="section--title"><strong>我们的优势</strong></h2>
<p style="font-size: 28px" class="section--description">
<p class="section--description">
OUR ADVANTAGES
</p>
</div>
......@@ -85,7 +85,7 @@
padding: 22px 15px 18px;
position: relative" >
<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-row><p>{{service.content}}</p></el-row>
</el-col>
......@@ -98,19 +98,7 @@
</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 @@
<div class="shop" >
<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 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 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>
</div>
</el-col>
<el-col :span="8" >
<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>
</el-col>
</el-row>
<el-row :gutter="20" style="margin-top: 20px" >
<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>
</el-col>
<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>
</el-col>
<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>
</el-col>
</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>
</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