hace 6 años · 2bef11be35
--- a/src/main/phoneDemo/config/index.js
+++ b/src/main/phoneDemo/config/index.js
@@ -13,7 +13,7 @@ module.exports = {
 
				         proxyTable: {},
			
 
				 
			
 
				         // Various Dev Server settings
			
 
				-        host: 'localhost', // can be overwritten by process.env.HOST
			
 
				+        host: '0.0.0.0', // can be overwritten by process.env.HOST
			
 
				         port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
			
 
				         autoOpenBrowser: false,
			
 
				         errorOverlay: true,
			
--- a/src/main/phoneDemo/src/pages/demo4.vue
+++ b/src/main/phoneDemo/src/pages/demo4.vue
@@ -9,16 +9,16 @@
 
				 
			
 
				     <div class="swiper-container">
			
 
				       <div class="swiper-wrapper">
			
 
				-        <div class="swiper-slide">
			
 
				+        <div class="swiper-slide" :style="{height:swiperHeight+'px'}">
			
 
				           <atmosphere></atmosphere>
			
 
				         </div>
			
 
				-        <div class="swiper-slide">
			
 
				+        <div class="swiper-slide" :style="{height:swiperHeight+'px'}">
			
 
				           <watersoil></watersoil>
			
 
				         </div>
			
 
				-        <div class="swiper-slide">
			
 
				+        <div class="swiper-slide" :style="{height:swiperHeight+'px'}">
			
 
				           <plant></plant>
			
 
				         </div>
			
 
				-        <div class="swiper-slide">
			
 
				+        <div class="swiper-slide" :style="{height:swiperHeight+'px'}">
			
 
				           <processSell></processSell>
			
 
				         </div>
			
 
				       </div>
			
@@ -41,6 +41,7 @@ export default {
 
				       chooseIndex: 0,
			
 
				       lineLeft: 0,
			
 
				       mySwiper: null,
			
 
				+      swiperHeight:0
			
 
				     }
			
 
				   },
			
 
				   mounted() {
			
@@ -54,6 +55,8 @@ export default {
 
				         },
			
 
				       })
			
 
				 
			
 
				+    this.swiperHeight=window.innerHeight-76
			
 
				+
			
 
				     }, 100)
			
 
				   },
			
 
				   watch: {
			
@@ -110,6 +113,11 @@ export default {
 
				   .swiper-container {
			
 
				     flex-grow: 1;
			
 
				     width: 100%;
			
 
				+    overflow: hidden;
			
 
				+
			
 
				+    .swiper-wrapper{
			
 
				+  
			
 
				+    }
			
 
				 
			
 
				     .swiper-slide {
			
 
				       width: 100%;
			
--- a/src/main/phoneDemo/src/pages/demo5.vue
+++ b/src/main/phoneDemo/src/pages/demo5.vue
@@ -151,6 +151,8 @@ export default {
 
				   border-radius: 6px;
			
 
				   padding: 10px;
			
 
				 
			
 
				+  
			
 
				+
			
 
				   .boxBigImg {
			
 
				     display: block;
			
 
				     width: 132px;
			
@@ -228,9 +230,11 @@ export default {
 
				 }
			
 
				 
			
 
				 .page {
			
 
				-  background-color: #f2f2f2;
			
 
				+  // background-color: #f2f2f2;
			
 
				   height: 100vh;
			
 
				   overflow: auto;
			
 
				+
			
 
				+  background:linear-gradient(180deg,rgba(255,255,255,1)10%,#f2f2f2 );
			
 
				 }
			
 
				 
			
 
				 .step {
			
@@ -286,7 +290,7 @@ export default {
 
				   top: 15px;
			
 
				   left: 50%;
			
 
				   transform: translateX(-50%);
			
 
				-  background: #f2f2f2;
			
 
				+  background: #fff;
			
 
				   .tab-item {
			
 
				     flex-grow: 1;
			
 
				     text-align: center;
			
--- a/src/main/webapp/WEB-INF/html/phoneDemo.html
+++ b/src/main/webapp/WEB-INF/html/phoneDemo.html
@@ -1 +1 @@
 
				-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=format-detection content="telephone=no"><meta name=apple-mobile-web-app-capable content=yes><meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no"><title>溯源页面</title><link href=./phoneDemo/phoneDemo/css/app.a2b65f29d1b289235d6f1a2624e2e309.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./phoneDemo/phoneDemo/js/manifest.64d62ae74f0a90b62bc0.js></script><script type=text/javascript src=./phoneDemo/phoneDemo/js/vendor.206364f17da43f0aaf5e.js></script><script type=text/javascript src=./phoneDemo/phoneDemo/js/app.cd18c6f36715af7418b5.js></script></body></html>
			
 
				+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=format-detection content="telephone=no"><meta name=apple-mobile-web-app-capable content=yes><meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no"><title>溯源页面</title><link href=./phoneDemo/phoneDemo/css/app.8300fabf021f1a8fec6860750915b2b4.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./phoneDemo/phoneDemo/js/manifest.9d08fc5a21eac842a075.js></script><script type=text/javascript src=./phoneDemo/phoneDemo/js/vendor.206364f17da43f0aaf5e.js></script><script type=text/javascript src=./phoneDemo/phoneDemo/js/app.cd18c6f36715af7418b5.js></script></body></html>
			
--- a/src/main/webapp/WEB-INF/html/zouma.html
+++ b/src/main/webapp/WEB-INF/html/zouma.html
@@ -1,9 +1,9 @@
 
				-<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>走马信息科技有限公司</title><style>.detail img {
			
 
				+<!DOCTYPE html><html><head><meta charset=utf-8><meta name=viewport content="width=device-width,initial-scale=1"><title>走马信息科技有限公司</title><link rel="shortcut icon" href=/static/favicon.ico><style>.detail img {
			
 
				             /* width: 100%; */
			
 
				             display: block;
			
 
				             margin: auto;
			
 
				             max-width: 100%;
			
 
				-        }</style><link href=./zouma/zouma/css/app.d4d8256238ee5d57839bcf8e53e10b90.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./zouma/zouma/js/manifest.e1ac4fd08f0038e61ebc.js></script><script type=text/javascript src=./zouma/zouma/js/vendor.ac7c2491cc53e7fc15fc.js></script><script type=text/javascript src=./zouma/zouma/js/app.b7e9fca9110474726a56.js></script></body><script>function getQueryString(name) {
			
 
				+        }</style><link href=./zouma/zouma/css/app.9a41e9fe5fc2d48b4731b734b4faba0e.css rel=stylesheet></head><body><div id=app></div><script type=text/javascript src=./zouma/zouma/js/manifest.fdabd0518196e164d60f.js></script><script type=text/javascript src=./zouma/zouma/js/vendor.ac7c2491cc53e7fc15fc.js></script><script type=text/javascript src=./zouma/zouma/js/app.fed607cc7e1a0a35e6d1.js></script></body><script>function getQueryString(name) {
			
 
				         var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
			
 
				         var r = window.location.search.substr(1).match(reg);
			
 
				         if (r != null) return unescape(r[2]);
			
--- a/src/main/webapp/phoneDemo/phoneDemo/css/app.a2b65f29d1b289235d6f1a2624e2e309.css
+++ b/src/main/webapp/phoneDemo/phoneDemo/css/app.a2b65f29d1b289235d6f1a2624e2e309.css
--- a/src/main/webapp/phoneDemo/phoneDemo/css/app.a2b65f29d1b289235d6f1a2624e2e309.css.map
+++ b/src/main/webapp/phoneDemo/phoneDemo/css/app.a2b65f29d1b289235d6f1a2624e2e309.css.map
--- a/src/main/webapp/phoneDemo/phoneDemo/js/1.4be6726480cb3d2049ac.js
+++ b/src/main/webapp/phoneDemo/phoneDemo/js/1.4be6726480cb3d2049ac.js
--- a/src/main/webapp/phoneDemo/phoneDemo/js/1.4be6726480cb3d2049ac.js.map
+++ b/src/main/webapp/phoneDemo/phoneDemo/js/1.4be6726480cb3d2049ac.js.map
--- a/src/main/webapp/phoneDemo/phoneDemo/js/2.4baf575be903095b6a87.js
+++ b/src/main/webapp/phoneDemo/phoneDemo/js/2.4baf575be903095b6a87.js
--- a/src/main/webapp/phoneDemo/phoneDemo/js/2.4baf575be903095b6a87.js.map
+++ b/src/main/webapp/phoneDemo/phoneDemo/js/2.4baf575be903095b6a87.js.map
--- a/src/main/webapp/phoneDemo/phoneDemo/js/manifest.64d62ae74f0a90b62bc0.js
+++ b/src/main/webapp/phoneDemo/phoneDemo/js/manifest.64d62ae74f0a90b62bc0.js
@@ -1,2 +0,0 @@
 
				-!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var u,i,f,p=0,s=[];p<r.length;p++)i=r[p],t[i]&&s.push(t[i][0]),t[i]=0;for(u in a)Object.prototype.hasOwnProperty.call(a,u)&&(e[u]=a[u]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(p=0;p<c.length;p++)f=o(o.s=c[p]);return f};var r={},t={8:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"phoneDemo/js/"+e+"."+{0:"76aa55a2ca543b5ff104",1:"4be6726480cb3d2049ac",2:"4baf575be903095b6a87",3:"1913fe0da134103dcba5",4:"736b1832d85a7a3160e5",5:"96e551ae90d7cd79b372"}[e]+".js";var u=setTimeout(i,12e4);function i(){c.onerror=c.onload=null,clearTimeout(u);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=i,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./phoneDemo/",o.oe=function(e){throw console.error(e),e}}([]);
			
 
				-//# sourceMappingURL=manifest.64d62ae74f0a90b62bc0.js.map
			
--- a/src/main/webapp/phoneDemo/phoneDemo/js/manifest.64d62ae74f0a90b62bc0.js.map
+++ b/src/main/webapp/phoneDemo/phoneDemo/js/manifest.64d62ae74f0a90b62bc0.js.map
--- a/src/main/webapp/zouma/zouma/css/app.d4d8256238ee5d57839bcf8e53e10b90.css
+++ b/src/main/webapp/zouma/zouma/css/app.d4d8256238ee5d57839bcf8e53e10b90.css
--- a/src/main/webapp/zouma/zouma/css/app.d4d8256238ee5d57839bcf8e53e10b90.css.map
+++ b/src/main/webapp/zouma/zouma/css/app.d4d8256238ee5d57839bcf8e53e10b90.css.map
--- a/src/main/webapp/zouma/zouma/js/1.c07c8fe259dda5f2e80e.js
+++ b/src/main/webapp/zouma/zouma/js/1.c07c8fe259dda5f2e80e.js
--- a/src/main/webapp/zouma/zouma/js/1.c07c8fe259dda5f2e80e.js.map
+++ b/src/main/webapp/zouma/zouma/js/1.c07c8fe259dda5f2e80e.js.map
--- a/src/main/webapp/zouma/zouma/js/3.7a633a4c40efea474ab6.js
+++ b/src/main/webapp/zouma/zouma/js/3.7a633a4c40efea474ab6.js
--- a/src/main/webapp/zouma/zouma/js/3.7a633a4c40efea474ab6.js.map
+++ b/src/main/webapp/zouma/zouma/js/3.7a633a4c40efea474ab6.js.map
--- a/src/main/webapp/zouma/zouma/js/app.b7e9fca9110474726a56.js
+++ b/src/main/webapp/zouma/zouma/js/app.b7e9fca9110474726a56.js
--- a/src/main/webapp/zouma/zouma/js/app.b7e9fca9110474726a56.js.map
+++ b/src/main/webapp/zouma/zouma/js/app.b7e9fca9110474726a56.js.map
--- a/src/main/webapp/zouma/zouma/js/manifest.e1ac4fd08f0038e61ebc.js
+++ b/src/main/webapp/zouma/zouma/js/manifest.e1ac4fd08f0038e61ebc.js
@@ -1,2 +0,0 @@
 
				-!function(e){var n=window.webpackJsonp;window.webpackJsonp=function(r,a,c){for(var u,f,i,d=0,s=[];d<r.length;d++)f=r[d],t[f]&&s.push(t[f][0]),t[f]=0;for(u in a)Object.prototype.hasOwnProperty.call(a,u)&&(e[u]=a[u]);for(n&&n(r,a,c);s.length;)s.shift()();if(c)for(d=0;d<c.length;d++)i=o(o.s=c[d]);return i};var r={},t={11:0};function o(n){if(r[n])return r[n].exports;var t=r[n]={i:n,l:!1,exports:{}};return e[n].call(t.exports,t,t.exports,o),t.l=!0,t.exports}o.e=function(e){var n=t[e];if(0===n)return new Promise(function(e){e()});if(n)return n[2];var r=new Promise(function(r,o){n=t[e]=[r,o]});n[2]=r;var a=document.getElementsByTagName("head")[0],c=document.createElement("script");c.type="text/javascript",c.charset="utf-8",c.async=!0,c.timeout=12e4,o.nc&&c.setAttribute("nonce",o.nc),c.src=o.p+"zouma/js/"+e+"."+{0:"b628a1736a708559d9dd",1:"c07c8fe259dda5f2e80e",2:"52a8d6a9063df42ce10b",3:"7a633a4c40efea474ab6",4:"0ebd204421d59b51ac49",5:"9de45850ee349e1ea45a",6:"67b5da300ed1b1b195e9",7:"e2d103f9c8fbe8f86ba3",8:"ab382524d8ef35c13f11"}[e]+".js";var u=setTimeout(f,12e4);function f(){c.onerror=c.onload=null,clearTimeout(u);var n=t[e];0!==n&&(n&&n[1](new Error("Loading chunk "+e+" failed.")),t[e]=void 0)}return c.onerror=c.onload=f,a.appendChild(c),r},o.m=e,o.c=r,o.d=function(e,n,r){o.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:r})},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="./zouma/",o.oe=function(e){throw console.error(e),e}}([]);
			
 
				-//# sourceMappingURL=manifest.e1ac4fd08f0038e61ebc.js.map
			
--- a/src/main/webapp/zouma/zouma/js/manifest.e1ac4fd08f0038e61ebc.js.map
+++ b/src/main/webapp/zouma/zouma/js/manifest.e1ac4fd08f0038e61ebc.js.map
--- a/src/main/zouma/index.html
+++ b/src/main/zouma/index.html
@@ -5,7 +5,7 @@
 
				     <meta charset="utf-8">
			
 
				     <meta name="viewport" content="width=device-width,initial-scale=1.0">
			
 
				     <title>走马信息科技有限公司</title>
			
 
				-
			
 
				+    <link rel="icon" href="/static/favicon.ico" />
			
 
				     <style>
			
 
				         .detail img {
			
 
				             /* width: 100%; */
			
--- a/src/main/zouma/src/components/FootContent.vue
+++ b/src/main/zouma/src/components/FootContent.vue
@@ -13,16 +13,7 @@
 
				           <a href="#">ERP管理系统</a>
			
 
				         </div>
			
 
				 
			
 
				-        <div class="footer-item">
			
 
				-          <div class="title">产品与支持</div>
			
 
				-          <a href="#">微信WebAPP开发</a>
			
 
				-          <a href="#">微信小程序</a>
			
 
				-          <a href="#">Android/Ios APP</a>
			
 
				-          <a href="#">微信H5定制</a>
			
 
				-          <a href="#">产品溯源系统</a>
			
 
				-          <a href="#">CRM管理系统</a>
			
 
				-          <a href="#">ERP管理系统</a>
			
 
				-        </div>
			
 
				+     
			
 
				 
			
 
				         <div class="footer-item">
			
 
				           <div class="title">解决方案</div>
			
@@ -56,7 +47,7 @@
 
				       </div>
			
 
				       <div class="footer-bottom">
			
 
				         <p>
			
 
				-          Copyright &copy; 2016.南京走马信息技术有限公司
			
 
				+          Copyright &copy; 2016-2019.南京走马信息技术有限公司
			
 
				           <a href="http://www.miitbeian.gov.cn/">苏ICP备 15034374-3号</a>.
			
 
				         </p>
			
 
				       </div>
			
--- a/src/main/zouma/src/components/HeadContent.vue
+++ b/src/main/zouma/src/components/HeadContent.vue
@@ -1,6 +1,6 @@
 
				 <template>
			
 
				-  <el-header height="100px" class="headClass" :style="{background:headColor}">
			
 
				-    <img src="../assets/logo.png" class="logo" alt>
			
 
				+  <el-header height="100px" class="headClass" :class="{isWhite:isWhite}">
			
 
				+    <img :src="logoSrc" class="logo" alt>
			
 
				     <div class="headerList">
			
 
				       <template v-for="(item,index) in headerTitle">
			
 
				         <div class="header-item" :class="{active:(nowChooseIndex==index)}" slot="reference" v-if="!item.children" @click="goHref(item.href)">
			
@@ -26,9 +26,9 @@
 
				 export default {
			
 
				   name: 'headContent',
			
 
				   props: {
			
 
				-    headColor: {
			
 
				-      type: String,
			
 
				-      default: ''
			
 
				+    isWhite: {
			
 
				+      type: Boolean,
			
 
				+      default: false
			
 
				     }
			
 
				   },
			
 
				   created() {
			
@@ -162,6 +162,9 @@ export default {
 
				       })
			
 
				       return activeIndex;
			
 
				 
			
 
				+    },
			
 
				+    logoSrc() {
			
 
				+      return this.isWhite ? require('../assets/logo02.png') : require('../assets/logo.png')
			
 
				     }
			
 
				   },
			
 
				   watch: {
			
@@ -206,13 +209,28 @@ export default {
 
				   top: 0;
			
 
				   left: 0;
			
 
				   z-index: 500;
			
 
				-
			
 
				+  background: linear-gradient(
			
 
				+    180deg,
			
 
				+    rgba(0, 0, 0, 0.68) 0%,
			
 
				+    rgba(0, 0, 0, 0) 100%
			
 
				+  );
			
 
				   .logo {
			
 
				     width: 231px;
			
 
				     height: 47px;
			
 
				     margin-left: 6vw;
			
 
				     align-self: center;
			
 
				   }
			
 
				+
			
 
				+  &.isWhite {
			
 
				+    background: #fff;
			
 
				+    .header-item {
			
 
				+      color: #000;
			
 
				+    }
			
 
				+    .line {
			
 
				+      background: #000;
			
 
				+    }
			
 
				+    border-bottom: 1px solid #eee;
			
 
				+  }
			
 
				 }
			
 
				 .headerList {
			
 
				   display: flex;
			
@@ -226,7 +244,8 @@ export default {
 
				     color: #fff;
			
 
				     cursor: pointer;
			
 
				     transition: all ease-in-out 0.3s;
			
 
				-
			
 
				+    height: 68px;
			
 
				+    margin-bottom: 10px;
			
 
				     &:hover {
			
 
				       font-weight: bold;
			
 
				     }
			
--- a/src/main/zouma/src/pages/Home.vue
+++ b/src/main/zouma/src/pages/Home.vue
@@ -431,7 +431,7 @@ export default {
 
				 }
			
 
				 
			
 
				 .product {
			
 
				-  width: 1160px;
			
 
				+  width: 1060px;
			
 
				   justify-content: space-between;
			
 
				   align-items: center;
			
 
				   display: flex;
			
@@ -448,9 +448,9 @@ export default {
 
				     transition: all 0.3s ease-in-out;
			
 
				     img {
			
 
				       width: 190px;
			
 
				-      -webkit-transition: 1s all;
			
 
				-      transition: 1s all;
			
 
				-      -moz-transition: 1s all;
			
 
				+      -webkit-transition: 0.3s all;
			
 
				+      transition: 0.3s all;
			
 
				+      -moz-transition: 0.3s all;
			
 
				     }
			
 
				 
			
 
				     h3 {
			
@@ -472,11 +472,7 @@ export default {
 
				       box-shadow: 0px 10px 40px 0px rgba(21, 168, 170, 0.26);
			
 
				 
			
 
				       img {
			
 
				-        -webkit-transform: rotatey(360deg);
			
 
				-        -moz-transform: rotatey(360deg);
			
 
				-        transform: rotatey(360deg);
			
 
				-        -o-transform: rotatey(360deg);
			
 
				-        -ms-transform: rotatey(360deg);
			
 
				+      transform: scale(1.2)
			
 
				       }
			
 
				     }
			
 
				 
			
--- a/src/main/zouma/src/pages/Index.vue
+++ b/src/main/zouma/src/pages/Index.vue
@@ -1,6 +1,6 @@
 
				 <template>
			
 
				   <div class="app" @scroll="menu" id="main">
			
 
				-    <head-content :headColor="changeColor||headColor"  @showfeedback="feedback=true"></head-content>
			
 
				+    <head-content :isWhite='isWhite' @showfeedback="feedback=true"></head-content>
			
 
				     <el-container class="content">
			
 
				       <el-main style="padding:0">
			
 
				         <router-view class="router-view-contain" ref="child" @showfeedback="feedback=true"></router-view>
			
@@ -55,7 +55,7 @@ export default {
 
				         remark: '',
			
 
				         email: ''
			
 
				       },
			
 
				-
			
 
				+isWhite:false
			
 
				     }
			
 
				   },
			
 
				   computed: {
			
@@ -106,21 +106,19 @@ export default {
 
				       })
			
 
				     },
			
 
				     menu() {
			
 
				-      // if (this.$refs.child.$refs.topImg) {
			
 
				-      //   if (document.getElementById('main').scrollTop > this.$refs.child.$refs.topImg.offsetHeight) {
			
 
				-      //     if (this.$route.fullPath == '/traceabilitySystem') {
			
 
				-      //       this.changeColor = 'rgba(0,0,0,.3)'
			
 
				-      //     }
			
 
				-      //   }
			
 
				-      //   else {
			
 
				-      //     this.changeColor = ''
			
 
				-      //   }
			
 
				+      if (this.$refs.child.$refs.topImg) {
			
 
				+        if (document.getElementById('main').scrollTop > this.$refs.child.$refs.topImg.offsetHeight) {
			
 
				+        this.isWhite=true
			
 
				+        }
			
 
				+        else {
			
 
				+          this.isWhite=false
			
 
				+        }
			
 
				 
			
 
				-      // }
			
 
				+      }
			
 
				 
			
 
				-      // if (this.$route.fullPath == '/traceabilitySystem') {
			
 
				-      //   this.$refs.child.menu(document.getElementById('main').scrollTop)
			
 
				-      // }
			
 
				+      if (this.$route.fullPath == '/traceabilitySystem') {
			
 
				+        this.$refs.child.menu(document.getElementById('main').scrollTop)
			
 
				+      }
			
 
				 
			
 
				     }
			
 
				   },
			
--- a/src/main/zouma/src/pages/TraceabilitySystem.vue
+++ b/src/main/zouma/src/pages/TraceabilitySystem.vue
@@ -189,7 +189,6 @@
 
				         </div>
			
 
				       </div>
			
 
				     </div>
			
 
				-
			
 
				   </div>
			
 
				 </template>
			
 
				 
			
@@ -203,13 +202,13 @@ export default {
 
				   },
			
 
				   data() {
			
 
				     return {
			
 
				-   
			
 
				+
			
 
				     }
			
 
				   },
			
 
				   methods: {
			
 
				-  showfeedback(){
			
 
				-    this.$emit('showfeedback')
			
 
				-  }
			
 
				+    showfeedback() {
			
 
				+      this.$emit('showfeedback')
			
 
				+    }
			
 
				   }
			
 
				 }
			
 
				 </script>
			
@@ -422,7 +421,7 @@ h1 {
 
				 }
			
 
				 
			
 
				 .product {
			
 
				-  width: 1160px;
			
 
				+  width: 1060px;
			
 
				   justify-content: space-between;
			
 
				   align-items: center;
			
 
				   display: flex;
			
@@ -439,9 +438,7 @@ h1 {
 
				     transition: all 0.3s ease-in-out;
			
 
				     img {
			
 
				       width: 310px;
			
 
				-      -webkit-transition: 1s all;
			
 
				-      transition: 1s all;
			
 
				-      -moz-transition: 1s all;
			
 
				+      transition: all 0.3s ease-in-out;
			
 
				     }
			
 
				 
			
 
				     h3 {
			
@@ -465,11 +462,7 @@ h1 {
 
				       box-shadow: 0px 10px 40px 0px rgba(21, 168, 170, 0.26);
			
 
				 
			
 
				       img {
			
 
				-        -webkit-transform: rotatey(360deg);
			
 
				-        -moz-transform: rotatey(360deg);
			
 
				-        transform: rotatey(360deg);
			
 
				-        -o-transform: rotatey(360deg);
			
 
				-        -ms-transform: rotatey(360deg);
			
 
				+        transform: scale(1.2);
			
 
				       }
			
 
				     }
			
 
				 
			
@@ -503,12 +496,13 @@ h1 {
 
				       background: rgba(0, 0, 0, 0.8);
			
 
				       position: absolute;
			
 
				       left: 0;
			
 
				-      top: 260px;
			
 
				+      top: 0;
			
 
				       display: flex;
			
 
				       align-items: center;
			
 
				       justify-content: center;
			
 
				       flex-direction: column;
			
 
				-      transition: top 0.3s ease-in-out;
			
 
				+      transition: opacity 0.3s ease-in-out;
			
 
				+      opacity: 0;
			
 
				       img {
			
 
				         width: 180px;
			
 
				         height: 180px;
			
@@ -528,11 +522,9 @@ h1 {
 
				         transform: scale(1.5);
			
 
				       }
			
 
				       .text {
			
 
				-        top: 0;
			
 
				+        opacity: 1;
			
 
				       }
			
 
				     }
			
 
				   }
			
 
				 }
			
 
				-
			
 
				-
			
 
				 </style>