修改导航

admin/src/assets/css/common.min.css

@@ -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

@@ -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

@@ -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>