修改导航

admin/public/index.html

@@ -6,7 +6,7 @@
 <!--    <meta name="viewport" content="width=device-width,initial-scale=1.0" />-->
       <meta name="viewport"  content="width=1280px, initial-scale=1.0, maximum-scale=2.0">
     <link rel="icon" href="<%= BASE_URL %>sbgl.ico" />
-    <title>公司通用官网平台</title>
+    <title>每佳科技</title>
     <style>
       @font-face {
         font-family: "PangMenZhengDao";

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

@@ -208,7 +208,7 @@
     line-height: 30px;
     color: #9b9b9b;
     text-align: center;
-    margin: 13px 0 0
+    margin: 0px 0 0
 }
 
 @media screen and (max-width: 640px) {

admin/src/components/common/header/Header.vue

@@ -19,9 +19,9 @@
               <el-menu-item style="font-size: 16px" index="/product?id=3"  >自助打印设备</el-menu-item>-->
 
 
-              <el-menu-item style="font-size: 16px" index="/product?id=1" >自助打印系统</el-menu-item>
+              <el-menu-item style="font-size: 16px" index="/product?id=3" >自助打印系统</el-menu-item>
               <el-menu-item style="font-size: 16px" index="/product?id=2"  >智能win盒</el-menu-item>
-              <el-menu-item style="font-size: 16px" index="/product?id=3"  >自助打印设备</el-menu-item>
+              <el-menu-item style="font-size: 16px" index="/product?id=1"  >自助打印设备</el-menu-item>
 
 
             </el-submenu>

admin/src/views/portal/ProductView.vue

 <template>
   <Layout>
-    <!--<div class="product-background"></div>-->
-
-    <div class="layout-container" style="width: 100%">
-
-      <img src="@/assets/images/product/bg.jpg" style="height: 25%;width: 100% ">
+    <div class="layout-container" v-for="(goods,index) in goodsList " v-if="index<1"
+         :key="index" style="width: 100%">
+      <img :src="goods.imageUrl1" style="height: 25%;width: 100% ">
 
     </div>
 
-    <div style="width: 80%;margin:20px 20px 20px 40px"
-         v-for="(goods,index) in goodsList"
+
+    <div class="section" style="width: 80%;padding-top: 30px;padding-bottom: 20px"
+         v-for="(goods,index) in goodsList" v-if="index>=1"
          :key="index"
     >
-      <img :src="goods.imageUrl1" style="width: 100%;height: 100%" alt="">
 
+      <div class="section--header" >
+        <el-row :span="24" type="flex" justify="center" align="middle">
+          <h2 class="section--title"><strong>{{ goods.title }}</strong></h2>
+        </el-row>
+        <el-row :span="24" type="flex" justify="center" align="middle">
+          <p class="section--description">
+            {{ goods.introduction }}
+          </p>
+        </el-row>
       </div>
 
+      <img :src="goods.imageUrl1" v-if="goods.imageUrl1!=''" style="width: 100%;height: 100%;margin-top: 20px" alt="">
+      <img :src="goods.imageUrl2" v-if="goods.imageUrl2!=''" style="width: 100%;height: 100%" alt="">
+      <img :src="goods.imageUrl3" v-if="goods.imageUrl3!=''" style="width: 100%;height: 100%" alt="">
 
-    <!--
-        <div class="section">
-
-
-          <div class="container" style="max-width: 1160px">
-
-            <div class="solution-container" style=" margin-top: -80px">
-              <div data-am-widget="tabs" class="am-tabs ">
-
-              <ul class="am-tabs-nav am-cf">
-
-                  <li v-for="(tab,index) in tabList"
-                           :key="index"
-                           @click.prevent="changeTab(index,tab.id)"
-                           :class="tabIndex === index ? 'am-active':''">
-
-                  <a href="#">{{tab.typeName}}</a>
-                </li>
-                </ul>
-    &lt;!&ndash;            <div class="layout-container" style="width: 100%">
-
-                  <img src="@/assets/images/product/bg.jpg" style="height: 25%;width: 100% " >
-
-                </div>&ndash;&gt;
-
-              </div>
     </div>
-          </div>
-        </div>
-    -->
 
   </Layout>
 </template>
@@ -63,6 +44,7 @@ export default {
       list: [],
       tabIndex: 0,
       goodsList: [],
+      goods: {}
     }
   },
   mounted() {
@@ -108,11 +90,15 @@ export default {
     },
     getGoodsList(typeId) {
 
-      this.$post("/type/details/interlist", {"typeId": typeId})
+      let params = {}
+      params.typeId = typeId
+
+      this.$post("/type/details/interlist", params)
           .then((res) => {
             if (res.code == 1) {
               console.log(res)
               this.goodsList = res.data.data;
+              this.goods = res.data.data[0]
             }
           })
           .catch((error) => {