Skip to content

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

修改导航

parent 59fae134
Hide whitespace changes
Inline Side-by-side
Showing with 97 additions and 35 deletions
admin/src/assets/css/common.min.css
View file @ 7b3cc6bf
......@@ -118,6 +118,33 @@
background: url(../images/pattern-dark.jpg)
}
.section-back {
width: 100%;
height: 308px;
background: url(../images/section_back.jpg)
}
.shop {
height: 350px;
/* padding: 20px 10px 10px 10px;*/
margin: 10 10 10 10;
background: url(../images/section/shop.png);
background-repeat: no-repeat;
background-size:100% 100%;
}
.school {
height: 350px;
background: url(../images/section/school.png);
background-repeat:no-repeat ;
background-size:100% 100%;
}
.page-header .page-header-title {
font-size: 60px;
color: #fff;
......
admin/src/components/common/header/Header.vue
View file @ 7b3cc6bf
......@@ -4,14 +4,14 @@
<div class="nav-wrapper header-default" >
<el-row :span="24" style="height: 80px;margin-top: 20px">
<el-col :span="4">
<img src="../../../assets/images/logo_portal.png" style="width: 150px; margin-top: 10px;float: right" alt="">
<el-row :span="24" type="flex" justify="center" align="middle" style="height: 80px;margin-top: 20px;">
<el-col :span="4" >
<img src="../../../assets/images/logo_portal.png" style="width: 80%;float: right" alt="">
</el-col>
<el-col :span="16">
<el-col :span="16" >
<el-menu router :default-active="$route.path" text-color="#111" active-text-color="#2f1ce5" mode="horizontal" >
<el-menu-item style="width: 15% ;margin-left: 180px;font-size: 16px;font-weight: bold" index="/index">网站首页</el-menu-item>
<el-menu-item style="width: 15% ;font-size: 16px;font-weight: bold" index="/index">网站首页</el-menu-item>
<el-submenu style="width: 15%;font-weight: bold" index="/product">
<template slot="title" >产品中心</template>
<!-- <el-menu-item style="font-size: 16px" index="/product?id=1" >自助打印系统</el-menu-item>
......@@ -32,8 +32,7 @@
</el-col>
<el-col :span="4">
<el-button @click="login_redirct()" class="blue-button" style="margin-top:10px;float: right;margin-right: 50px"round>管理平台登录</el-button>
<el-button @click="login_redirct()" class="blue-button" style="float: left;"round>管理平台登录</el-button>
<!-- <img src="../../../assets/images/manage_login.png" style="margin-top:10px;float: right;margin-right: 50px" @click="login_redirct()" alt="">
--> </el-col>
......@@ -63,8 +62,6 @@
<div :class="tops?'navbar':'navbar-top'">
<el-tooltip class="item" effect="dark" content="客服" placement="left">
<a><i> <svg-icon icon-class="headset-one" width="30px" height="30px" ></svg-icon></i></a>
......
admin/src/views/portal/IndexView.vue
View file @ 7b3cc6bf
......@@ -41,9 +41,6 @@
</div>
<div class="section">
<div class="container" style="max-width: 1160px;">
<div class="section--header">
......@@ -56,22 +53,17 @@
<div style="background-color:white;height: 100px;width:100%" >
<div style="float: right"><img src="@/assets/images/phone.png" style="width: 200px;margin-right: 100px" alt=""> </div>
</div>
<div style="background-color: #2f1ce5;height: 200px;width: 100%;border-radius: 3px;" >
<div style="width: 70%" > <br/> <p style="color: white;margin-left: 50px;margin-top:-5px;line-height:30px;font-size: 18px;letter-spacing:4px">每佳科技成立于2021年，致力于物联网解决方案的研发、生产与销售，旗下共享自助打印品牌"每佳云印"已服务千万级用户;将人工智能与物联网相结合通过云计算的方式为用户提供更方便、更高效、更多元化的一体式打印服务!随着物联网的普及化，每佳实现了多场景运营、多维度分析，为更多用户带来全面的服务体验 。</p>
</div>
</div>
</div>
<div style="margin: 0 auto;width: 100%"> <img src="@/assets/images/device.png" style="width: 85%;margin-top: 50px;;margin-left: 60px" alt="">
</div>
</div>
</div>
......@@ -121,17 +113,70 @@
</div>
<div class="section">
<div class="container" style="max-width: 1160px;">
<div class="section--header">
<h2 class="section--title"> <strong>场景分析</strong></h2>
<div class="section-back" >
</div>
<div class="section" style="background-color: white;margin-top: -150px;width: 80%">
<div class="container" >
<div class="section--header" >
<h2 class="section--title" > <strong>场景分布</strong></h2>
<p class="section--description">
SCENC DSTRIBUTIQM</p>
</div>
</div>
<el-row :gutter="20" style="margin-top: 20px" >
<el-col :span="16" >
<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/>
</el-row>
<el-row type="flex" justify="center" align="middle">
<span style="color: floralwhite;font-size: 50px;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-row>
</div>
</el-col>
<el-col :span="8" >
<div class="school" >
</div>
</el-col>
</el-row>
<el-row :gutter="20" style="margin-top: 20px" >
<el-col :span="8" >
<div class="school" >
</div>
</el-col>
<el-col :span="8" >
<div class="school" >
</div>
</el-col>
<el-col :span="8" >
<div class="school" >
</div>
</el-col>
</el-row>
</div>
</Layout>
......@@ -149,25 +194,13 @@ export default {
heights:window.innerHeight,
scrolltop:'',
tabList:[
{name:'家用电梯', desc:'一句话概括特点', icon:'el-icon-pie-chart'},
{name:'别墅电梯', desc:'一句话概括特点', icon:'el-icon-files'},
{name:'观光电梯', desc:'一句话概括特点', icon:'el-icon-brush'},
{name:'关于我们', desc:'一句话概括特点', icon:'el-icon-monitor'},
],
tabIndex: 0,
slideshow:[],
advantageList:[
{id:1,cover:require('@/assets/images/index/f01.jpg'),title:'简单的适配过程',desc:'用户可快速学习适配开发，通过丰富的组件库完成页面功能的移动化适配。'},
{id:2,cover:require('@/assets/images/index/f01.jpg'),title:'简单的适配过程',desc:'用户可快速学习适配开发，通过丰富的组件库完成页面功能的移动化适配。'},
{id:3,cover:require('@/assets/images/index/f01.jpg'),title:'简单的适配过程',desc:'用户可快速学习适配开发，通过丰富的组件库完成页面功能的移动化适配。'},
{id:4,cover:require('@/assets/images/index/f01.jpg'),title:'简单的适配过程',desc:'用户可快速学习适配开发，通过丰富的组件库完成页面功能的移动化适配。'},
],
],
serviceList:[
{id:1,icon:'am-icon-diamond',title:'多页面工作',desc:'标签栏可切换，不必为了新内容而被迫跳转界面，多项工作内容并行处理'},
{id:2,icon:'am-icon-user',title:'多页面工作',desc:'标签栏可切换，不必为了新内容而被迫跳转界面，多项工作内容并行处理'},
{id:3,icon:'am-icon-umbrella',title:'多页面工作',desc:'标签栏可切换，不必为了新内容而被迫跳转界面，多项工作内容并行处理'},
{id:4,icon:'am-icon-briefcase',title:'多页面工作',desc:'标签栏可切换，不必为了新内容而被迫跳转界面，多项工作内容并行处理'}
]
}
},
......@@ -359,4 +392,9 @@ export default {
top: 50%;
margin-top: -7px;
}
</style>
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