时光纪页面效果/展示预览/协议接口/时光纪接口对接

package.json

@@ -9,13 +9,17 @@
   },
   "dependencies": {
     "animate.css": "^3.5.1",
+    "axios": "^0.21.1",
     "core-js": "^3.6.5",
     "element-ui": "^2.15.1",
+    "js-cookie": "^2.2.1",
     "lib-flexible": "^0.3.2",
+    "locomotive-scroll": "^4.1.1",
     "vue": "^2.6.11",
     "vue-router": "^3.5.1",
     "vue-seamless-scroll": "^1.1.23",
-    "vue-video-player": "^5.0.2"
+    "vue-video-player": "^5.0.2",
+    "vuex": "^3.6.2"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.5.0",

public/locomotive-scroll.min.js

+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e():"function"==typeof define&&define.amd?define(e):(t="undefined"!=typeof globalThis?globalThis:t||self).LocomotiveScroll=e()}(this,(function(){"use strict";function t(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function e(t,e){for(var i=0;i<e.length;i++){var s=e[i];s.enumerable=s.enumerable||!1,s.configurable=!0,"value"in s&&(s.writable=!0),Object.defineProperty(t,s.key,s)}}function i(t,i,s){return i&&e(t.prototype,i),s&&e(t,s),t}function s(t,e,i){return e in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function n(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(t);e&&(s=s.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,s)}return i}function o(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?n(Object(i),!0).forEach((function(e){s(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):n(Object(i)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}function l(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&a(t,e)}function r(t){return(r=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function a(t,e){return(a=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function c(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function h(t,e){return!e||"object"!=typeof e&&"function"!=typeof e?c(t):e}function d(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var i,s=r(t);if(e){var n=r(this).constructor;i=Reflect.construct(s,arguments,n)}else i=s.apply(this,arguments);return h(this,i)}}function u(t,e,i){return(u="undefined"!=typeof Reflect&&Reflect.get?Reflect.get:function(t,e,i){var s=function(t,e){for(;!Object.prototype.hasOwnProperty.call(t,e)&&null!==(t=r(t)););return t}(t,e);if(s){var n=Object.getOwnPropertyDescriptor(s,e);return n.get?n.get.call(i):n.value}})(t,e,i||t)}function f(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var i=[],s=!0,n=!1,o=void 0;try{for(var l,r=t[Symbol.iterator]();!(s=(l=r.next()).done)&&(i.push(l.value),!e||i.length!==e);s=!0);}catch(t){n=!0,o=t}finally{try{s||null==r.return||r.return()}finally{if(n)throw o}}return i}(t,e)||m(t,e)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(t){return function(t){if(Array.isArray(t))return v(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||m(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(t,e){if(t){if("string"==typeof t)return v(t,e);var i=Object.prototype.toString.call(t).slice(8,-1);return"Object"===i&&t.constructor&&(i=t.constructor.name),"Map"===i||"Set"===i?Array.from(t):"Arguments"===i||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i)?v(t,e):void 0}}function v(t,e){(null==e||e>t.length)&&(e=t.length);for(var i=0,s=new Array(e);i<e;i++)s[i]=t[i];return s}var y={el:document,name:"scroll",offset:[0,0],repeat:!1,smooth:!1,direction:"vertical",gestureDirection:"vertical",reloadOnContextChange:!1,lerp:.1,class:"is-inview",scrollbarContainer:!1,scrollbarClass:"c-scrollbar",scrollingClass:"has-scroll-scrolling",draggingClass:"has-scroll-dragging",smoothClass:"has-scroll-smooth",initClass:"has-scroll-init",getSpeed:!1,getDirection:!1,scrollFromAnywhere:!1,multiplier:1,firefoxMultiplier:50,touchMultiplier:2,resetNativeScroll:!0,tablet:{smooth:!1,direction:"vertical",gestureDirection:"vertical",breakpoint:1024},smartphone:{smooth:!1,direction:"vertical",gestureDirection:"vertical"}},b=function(){function e(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t(this,e),Object.assign(this,y,i),this.smartphone=y.smartphone,i.smartphone&&Object.assign(this.smartphone,i.smartphone),this.tablet=y.tablet,i.tablet&&Object.assign(this.tablet,i.tablet),this.namespace="locomotive",this.html=document.documentElement,this.windowHeight=window.innerHeight,this.windowWidth=window.innerWidth,this.windowMiddle={x:this.windowWidth/2,y:this.windowHeight/2},this.els={},this.currentElements={},this.listeners={},this.hasScrollTicking=!1,this.hasCallEventSet=!1,this.checkScroll=this.checkScroll.bind(this),this.checkResize=this.checkResize.bind(this),this.checkEvent=this.checkEvent.bind(this),this.instance={scroll:{x:0,y:0},limit:{x:this.html.offsetHeight,y:this.html.offsetHeight},currentElements:this.currentElements},this.isMobile?this.isTablet?this.context="tablet":this.context="smartphone":this.context="desktop",this.isMobile&&(this.direction=this[this.context].direction),"horizontal"===this.direction?this.directionAxis="x":this.directionAxis="y",this.getDirection&&(this.instance.direction=null),this.getDirection&&(this.instance.speed=0),this.html.classList.add(this.initClass),window.addEventListener("resize",this.checkResize,!1)}return i(e,[{key:"init",value:function(){this.initEvents()}},{key:"checkScroll",value:function(){this.dispatchScroll()}},{key:"checkResize",value:function(){var t=this;this.resizeTick||(this.resizeTick=!0,requestAnimationFrame((function(){t.resize(),t.resizeTick=!1})))}},{key:"resize",value:function(){}},{key:"checkContext",value:function(){if(this.reloadOnContextChange){this.isMobile=/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||"MacIntel"===navigator.platform&&navigator.maxTouchPoints>1||this.windowWidth<this.tablet.breakpoint,this.isTablet=this.isMobile&&this.windowWidth>=this.tablet.breakpoint;var t=this.context;if(this.isMobile?this.isTablet?this.context="tablet":this.context="smartphone":this.context="desktop",t!=this.context)("desktop"==t?this.smooth:this[t].smooth)!=("desktop"==this.context?this.smooth:this[this.context].smooth)&&window.location.reload()}}},{key:"initEvents",value:function(){var t=this;this.scrollToEls=this.el.querySelectorAll("[data-".concat(this.name,"-to]")),this.setScrollTo=this.setScrollTo.bind(this),this.scrollToEls.forEach((function(e){e.addEventListener("click",t.setScrollTo,!1)}))}},{key:"setScrollTo",value:function(t){t.preventDefault(),this.scrollTo(t.currentTarget.getAttribute("data-".concat(this.name,"-href"))||t.currentTarget.getAttribute("href"),{offset:t.currentTarget.getAttribute("data-".concat(this.name,"-offset"))})}},{key:"addElements",value:function(){}},{key:"detectElements",value:function(t){var e=this,i=this.instance.scroll.y,s=i+this.windowHeight,n=this.instance.scroll.x,o=n+this.windowWidth;Object.entries(this.els).forEach((function(l){var r=f(l,2),a=r[0],c=r[1];if(!c||c.inView&&!t||("horizontal"===e.direction?o>=c.left&&n<c.right&&e.setInView(c,a):s>=c.top&&i<c.bottom&&e.setInView(c,a)),c&&c.inView)if("horizontal"===e.direction){var h=c.right-c.left;c.progress=(e.instance.scroll.x-(c.left-e.windowWidth))/(h+e.windowWidth),(o<c.left||n>c.right)&&e.setOutOfView(c,a)}else{var d=c.bottom-c.top;c.progress=(e.instance.scroll.y-(c.top-e.windowHeight))/(d+e.windowHeight),(s<c.top||i>c.bottom)&&e.setOutOfView(c,a)}})),this.hasScrollTicking=!1}},{key:"setInView",value:function(t,e){this.els[e].inView=!0,t.el.classList.add(t.class),this.currentElements[e]=t,t.call&&this.hasCallEventSet&&(this.dispatchCall(t,"enter"),t.repeat||(this.els[e].call=!1))}},{key:"setOutOfView",value:function(t,e){var i=this;this.els[e].inView=!1,Object.keys(this.currentElements).forEach((function(t){t===e&&delete i.currentElements[t]})),t.call&&this.hasCallEventSet&&this.dispatchCall(t,"exit"),t.repeat&&t.el.classList.remove(t.class)}},{key:"dispatchCall",value:function(t,e){this.callWay=e,this.callValue=t.call.split(",").map((function(t){return t.trim()})),this.callObj=t,1==this.callValue.length&&(this.callValue=this.callValue[0]);var i=new Event(this.namespace+"call");this.el.dispatchEvent(i)}},{key:"dispatchScroll",value:function(){var t=new Event(this.namespace+"scroll");this.el.dispatchEvent(t)}},{key:"setEvents",value:function(t,e){this.listeners[t]||(this.listeners[t]=[]);var i=this.listeners[t];i.push(e),1===i.length&&this.el.addEventListener(this.namespace+t,this.checkEvent,!1),"call"===t&&(this.hasCallEventSet=!0,this.detectElements(!0))}},{key:"unsetEvents",value:function(t,e){if(this.listeners[t]){var i=this.listeners[t],s=i.indexOf(e);s<0||(i.splice(s,1),0===i.index&&this.el.removeEventListener(this.namespace+t,this.checkEvent,!1))}}},{key:"checkEvent",value:function(t){var e=this,i=t.type.replace(this.namespace,""),s=this.listeners[i];s&&0!==s.length&&s.forEach((function(t){switch(i){case"scroll":return t(e.instance);case"call":return t(e.callValue,e.callWay,e.callObj);default:return t()}}))}},{key:"startScroll",value:function(){}},{key:"stopScroll",value:function(){}},{key:"setScroll",value:function(t,e){this.instance.scroll={x:0,y:0}}},{key:"destroy",value:function(){var t=this;window.removeEventListener("resize",this.checkResize,!1),Object.keys(this.listeners).forEach((function(e){t.el.removeEventListener(t.namespace+e,t.checkEvent,!1)})),this.listeners={},this.scrollToEls.forEach((function(e){e.removeEventListener("click",t.setScrollTo,!1)})),this.html.classList.remove(this.initClass)}}]),e}(),g="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function w(t,e){return t(e={exports:{}},e.exports),e.exports}var x=w((function(t,e){t.exports={polyfill:function(){var t=window,e=document;if(!("scrollBehavior"in e.documentElement.style)||!0===t.__forceSmoothScrollPolyfill__){var i,s=t.HTMLElement||t.Element,n={scroll:t.scroll||t.scrollTo,scrollBy:t.scrollBy,elementScroll:s.prototype.scroll||r,scrollIntoView:s.prototype.scrollIntoView},o=t.performance&&t.performance.now?t.performance.now.bind(t.performance):Date.now,l=(i=t.navigator.userAgent,new RegExp(["MSIE ","Trident/","Edge/"].join("|")).test(i)?1:0);t.scroll=t.scrollTo=function(){void 0!==arguments[0]&&(!0!==a(arguments[0])?p.call(t,e.body,void 0!==arguments[0].left?~~arguments[0].left:t.scrollX||t.pageXOffset,void 0!==arguments[0].top?~~arguments[0].top:t.scrollY||t.pageYOffset):n.scroll.call(t,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:t.scrollX||t.pageXOffset,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:t.scrollY||t.pageYOffset))},t.scrollBy=function(){void 0!==arguments[0]&&(a(arguments[0])?n.scrollBy.call(t,void 0!==arguments[0].left?arguments[0].left:"object"!=typeof arguments[0]?arguments[0]:0,void 0!==arguments[0].top?arguments[0].top:void 0!==arguments[1]?arguments[1]:0):p.call(t,e.body,~~arguments[0].left+(t.scrollX||t.pageXOffset),~~arguments[0].top+(t.scrollY||t.pageYOffset)))},s.prototype.scroll=s.prototype.scrollTo=function(){if(void 0!==arguments[0])if(!0!==a(arguments[0])){var t=arguments[0].left,e=arguments[0].top;p.call(this,this,void 0===t?this.scrollLeft:~~t,void 0===e?this.scrollTop:~~e)}else{if("number"==typeof arguments[0]&&void 0===arguments[1])throw new SyntaxError("Value could not be converted");n.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left:"object"!=typeof arguments[0]?~~arguments[0]:this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top:void 0!==arguments[1]?~~arguments[1]:this.scrollTop)}},s.prototype.scrollBy=function(){void 0!==arguments[0]&&(!0!==a(arguments[0])?this.scroll({left:~~arguments[0].left+this.scrollLeft,top:~~arguments[0].top+this.scrollTop,behavior:arguments[0].behavior}):n.elementScroll.call(this,void 0!==arguments[0].left?~~arguments[0].left+this.scrollLeft:~~arguments[0]+this.scrollLeft,void 0!==arguments[0].top?~~arguments[0].top+this.scrollTop:~~arguments[1]+this.scrollTop))},s.prototype.scrollIntoView=function(){if(!0!==a(arguments[0])){var i=u(this),s=i.getBoundingClientRect(),o=this.getBoundingClientRect();i!==e.body?(p.call(this,i,i.scrollLeft+o.left-s.left,i.scrollTop+o.top-s.top),"fixed"!==t.getComputedStyle(i).position&&t.scrollBy({left:s.left,top:s.top,behavior:"smooth"})):t.scrollBy({left:o.left,top:o.top,behavior:"smooth"})}else n.scrollIntoView.call(this,void 0===arguments[0]||arguments[0])}}function r(t,e){this.scrollLeft=t,this.scrollTop=e}function a(t){if(null===t||"object"!=typeof t||void 0===t.behavior||"auto"===t.behavior||"instant"===t.behavior)return!0;if("object"==typeof t&&"smooth"===t.behavior)return!1;throw new TypeError("behavior member of ScrollOptions "+t.behavior+" is not a valid value for enumeration ScrollBehavior.")}function c(t,e){return"Y"===e?t.clientHeight+l<t.scrollHeight:"X"===e?t.clientWidth+l<t.scrollWidth:void 0}function h(e,i){var s=t.getComputedStyle(e,null)["overflow"+i];return"auto"===s||"scroll"===s}function d(t){var e=c(t,"Y")&&h(t,"Y"),i=c(t,"X")&&h(t,"X");return e||i}function u(t){for(;t!==e.body&&!1===d(t);)t=t.parentNode||t.host;return t}function f(e){var i,s,n,l,r=(o()-e.startTime)/468;l=r=r>1?1:r,i=.5*(1-Math.cos(Math.PI*l)),s=e.startX+(e.x-e.startX)*i,n=e.startY+(e.y-e.startY)*i,e.method.call(e.scrollable,s,n),s===e.x&&n===e.y||t.requestAnimationFrame(f.bind(t,e))}function p(i,s,l){var a,c,h,d,u=o();i===e.body?(a=t,c=t.scrollX||t.pageXOffset,h=t.scrollY||t.pageYOffset,d=n.scroll):(a=i,c=i.scrollLeft,h=i.scrollTop,d=r),f({scrollable:a,method:d,startTime:u,startX:c,startY:h,x:s,y:l})}}}})),S=(x.polyfill,function(e){l(n,e);var s=d(n);function n(){var e,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return t(this,n),(e=s.call(this,i)).resetNativeScroll&&(history.scrollRestoration&&(history.scrollRestoration="manual"),window.scrollTo(0,0)),window.addEventListener("scroll",e.checkScroll,!1),void 0===window.smoothscrollPolyfill&&(window.smoothscrollPolyfill=x,window.smoothscrollPolyfill.polyfill()),e}return i(n,[{key:"init",value:function(){this.instance.scroll.y=window.pageYOffset,this.addElements(),this.detectElements(),u(r(n.prototype),"init",this).call(this)}},{key:"checkScroll",value:function(){var t=this;u(r(n.prototype),"checkScroll",this).call(this),this.getDirection&&this.addDirection(),this.getSpeed&&(this.addSpeed(),this.speedTs=Date.now()),this.instance.scroll.y=window.pageYOffset,Object.entries(this.els).length&&(this.hasScrollTicking||(requestAnimationFrame((function(){t.detectElements()})),this.hasScrollTicking=!0))}},{key:"addDirection",value:function(){window.pageYOffset>this.instance.scroll.y?"down"!==this.instance.direction&&(this.instance.direction="down"):window.pageYOffset<this.instance.scroll.y&&"up"!==this.instance.direction&&(this.instance.direction="up")}},{key:"addSpeed",value:function(){window.pageYOffset!=this.instance.scroll.y?this.instance.speed=(window.pageYOffset-this.instance.scroll.y)/Math.max(1,Date.now()-this.speedTs):this.instance.speed=0}},{key:"resize",value:function(){Object.entries(this.els).length&&(this.windowHeight=window.innerHeight,this.updateElements())}},{key:"addElements",value:function(){var t=this;this.els={},this.el.querySelectorAll("[data-"+this.name+"]").forEach((function(e,i){e.getBoundingClientRect();var s,n,o,l=e.dataset[t.name+"Class"]||t.class,r="string"==typeof e.dataset[t.name+"Id"]?e.dataset[t.name+"Id"]:i,a="string"==typeof e.dataset[t.name+"Offset"]?e.dataset[t.name+"Offset"].split(","):t.offset,c=e.dataset[t.name+"Repeat"],h=e.dataset[t.name+"Call"],d=e.dataset[t.name+"Target"],u=(o=void 0!==d?document.querySelector("".concat(d)):e).getBoundingClientRect();s=u.top+t.instance.scroll.y,n=u.left+t.instance.scroll.x;var f=s+o.offsetHeight,p=n+o.offsetWidth;"#header"===d&&console.log(s,f),c="false"!=c&&(null!=c||t.repeat);var m=t.getRelativeOffset(a),v={el:e,targetEl:o,id:r,class:l,top:s+=m[0],bottom:f-=m[1],left:n,right:p,offset:a,progress:0,repeat:c,inView:!1,call:h};t.els[r]=v,e.classList.contains(l)&&t.setInView(t.els[r],r)}))}},{key:"updateElements",value:function(){var t=this;Object.entries(this.els).forEach((function(e){var i=f(e,2),s=i[0],n=i[1],o=n.targetEl.getBoundingClientRect().top+t.instance.scroll.y,l=o+n.targetEl.offsetHeight,r=t.getRelativeOffset(n.offset);t.els[s].top=o+r[0],t.els[s].bottom=l-r[1]})),this.hasScrollTicking=!1}},{key:"getRelativeOffset",value:function(t){var e=[0,0];if(t)for(var i=0;i<t.length;i++)"string"==typeof t[i]?t[i].includes("%")?e[i]=parseInt(t[i].replace("%","")*this.windowHeight/100):e[i]=parseInt(t[i]):e[i]=t[i];return e}},{key:"scrollTo",value:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},i=parseInt(e.offset)||0,s=!!e.callback&&e.callback;if("string"==typeof t){if("top"===t)t=this.html;else if("bottom"===t)t=this.html.offsetHeight-window.innerHeight;else if(!(t=document.querySelector(t)))return}else if("number"==typeof t)t=parseInt(t);else if(!t||!t.tagName)return void console.warn("`target` parameter is not valid");if(i="number"!=typeof t?t.getBoundingClientRect().top+i+this.instance.scroll.y:t+i,s){i=i.toFixed();var n=function t(){window.pageYOffset.toFixed()===i&&(window.removeEventListener("scroll",t),s())};window.addEventListener("scroll",n)}window.scrollTo({top:i,behavior:"smooth"})}},{key:"update",value:function(){this.addElements(),this.detectElements()}},{key:"destroy",value:function(){u(r(n.prototype),"destroy",this).call(this),window.removeEventListener("scroll",this.checkScroll,!1)}}]),n}(b)),k=Object.getOwnPropertySymbols,T=Object.prototype.hasOwnProperty,E=Object.prototype.propertyIsEnumerable;function A(t){if(null==t)throw new TypeError("Object.assign cannot be called with null or undefined");return Object(t)}var O=function(){try{if(!Object.assign)return!1;var t=new String("abc");if(t[5]="de","5"===Object.getOwnPropertyNames(t)[0])return!1;for(var e={},i=0;i<10;i++)e["_"+String.fromCharCode(i)]=i;if("0123456789"!==Object.getOwnPropertyNames(e).map((function(t){return e[t]})).join(""))return!1;var s={};return"abcdefghijklmnopqrst".split("").forEach((function(t){s[t]=t})),"abcdefghijklmnopqrst"===Object.keys(Object.assign({},s)).join("")}catch(t){return!1}}()?Object.assign:function(t,e){for(var i,s,n=A(t),o=1;o<arguments.length;o++){for(var l in i=Object(arguments[o]))T.call(i,l)&&(n[l]=i[l]);if(k){s=k(i);for(var r=0;r<s.length;r++)E.call(i,s[r])&&(n[s[r]]=i[s[r]])}}return n};function D(){}D.prototype={on:function(t,e,i){var s=this.e||(this.e={});return(s[t]||(s[t]=[])).push({fn:e,ctx:i}),this},once:function(t,e,i){var s=this;function n(){s.off(t,n),e.apply(i,arguments)}return n._=e,this.on(t,n,i)},emit:function(t){for(var e=[].slice.call(arguments,1),i=((this.e||(this.e={}))[t]||[]).slice(),s=0,n=i.length;s<n;s++)i[s].fn.apply(i[s].ctx,e);return this},off:function(t,e){var i=this.e||(this.e={}),s=i[t],n=[];if(s&&e)for(var o=0,l=s.length;o<l;o++)s[o].fn!==e&&s[o].fn._!==e&&n.push(s[o]);return n.length?i[t]=n:delete i[t],this}};var C=D,L=w((function(t,e){(function(){(null!==e?e:this).Lethargy=function(){function t(t,e,i,s){this.stability=null!=t?Math.abs(t):8,this.sensitivity=null!=e?1+Math.abs(e):100,this.tolerance=null!=i?1+Math.abs(i):1.1,this.delay=null!=s?s:150,this.lastUpDeltas=function(){var t,e,i;for(i=[],t=1,e=2*this.stability;1<=e?t<=e:t>=e;1<=e?t++:t--)i.push(null);return i}.call(this),this.lastDownDeltas=function(){var t,e,i;for(i=[],t=1,e=2*this.stability;1<=e?t<=e:t>=e;1<=e?t++:t--)i.push(null);return i}.call(this),this.deltasTimestamp=function(){var t,e,i;for(i=[],t=1,e=2*this.stability;1<=e?t<=e:t>=e;1<=e?t++:t--)i.push(null);return i}.call(this)}return t.prototype.check=function(t){var e;return null!=(t=t.originalEvent||t).wheelDelta?e=t.wheelDelta:null!=t.deltaY?e=-40*t.deltaY:null==t.detail&&0!==t.detail||(e=-40*t.detail),this.deltasTimestamp.push(Date.now()),this.deltasTimestamp.shift(),e>0?(this.lastUpDeltas.push(e),this.lastUpDeltas.shift(),this.isInertia(1)):(this.lastDownDeltas.push(e),this.lastDownDeltas.shift(),this.isInertia(-1))},t.prototype.isInertia=function(t){var e,i,s,n,o,l,r;return null===(e=-1===t?this.lastDownDeltas:this.lastUpDeltas)[0]?t:!(this.deltasTimestamp[2*this.stability-2]+this.delay>Date.now()&&e[0]===e[2*this.stability-1])&&(s=e.slice(0,this.stability),i=e.slice(this.stability,2*this.stability),r=s.reduce((function(t,e){return t+e})),o=i.reduce((function(t,e){return t+e})),l=r/s.length,n=o/i.length,Math.abs(l)<Math.abs(n*this.tolerance)&&this.sensitivity<Math.abs(n)&&t)},t.prototype.showLastUpDeltas=function(){return this.lastUpDeltas},t.prototype.showLastDownDeltas=function(){return this.lastDownDeltas},t}()}).call(g)})),M={hasWheelEvent:"onwheel"in document,hasMouseWheelEvent:"onmousewheel"in document,hasTouch:"ontouchstart"in window||window.TouchEvent||window.DocumentTouch&&document instanceof DocumentTouch,hasTouchWin:navigator.msMaxTouchPoints&&navigator.msMaxTouchPoints>1,hasPointer:!!window.navigator.msPointerEnabled,hasKeyDown:"onkeydown"in document,isFirefox:navigator.userAgent.indexOf("Firefox")>-1},j=Object.prototype.toString,_=Object.prototype.hasOwnProperty;function B(t,e){return function(){return t.apply(e,arguments)}}var W=L.Lethargy,H="virtualscroll",R=V,Y=37,P=38,I=39,z=40,X=32;function V(t){!function(t){if(!t)return console.warn("bindAll requires at least one argument.");var e=Array.prototype.slice.call(arguments,1);if(0===e.length)for(var i in t)_.call(t,i)&&"function"==typeof t[i]&&"[object Function]"==j.call(t[i])&&e.push(i);for(var s=0;s<e.length;s++){var n=e[s];t[n]=B(t[n],t)}}(this,"_onWheel","_onMouseWheel","_onTouchStart","_onTouchMove","_onKeyDown"),this.el=window,t&&t.el&&(this.el=t.el,delete t.el),this.options=O({mouseMultiplier:1,touchMultiplier:2,firefoxMultiplier:15,keyStep:120,preventTouch:!1,unpreventTouchClass:"vs-touchmove-allowed",limitInertia:!1,useKeyboard:!0,useTouch:!0},t),this.options.limitInertia&&(this._lethargy=new W),this._emitter=new C,this._event={y:0,x:0,deltaX:0,deltaY:0},this.touchStartX=null,this.touchStartY=null,this.bodyTouchAction=null,void 0!==this.options.passive&&(this.listenerOptions={passive:this.options.passive})}function F(t,e,i){return(1-i)*t+i*e}function q(t){var e={};if(window.getComputedStyle){var i=getComputedStyle(t),s=i.transform||i.webkitTransform||i.mozTransform,n=s.match(/^matrix3d\((.+)\)$/);return n?(e.x=n?parseFloat(n[1].split(", ")[12]):0,e.y=n?parseFloat(n[1].split(", ")[13]):0):(n=s.match(/^matrix\((.+)\)$/),e.x=n?parseFloat(n[1].split(", ")[4]):0,e.y=n?parseFloat(n[1].split(", ")[5]):0),e}}function K(t){for(var e=[];t&&t!==document;t=t.parentNode)e.push(t);return e}V.prototype._notify=function(t){var e=this._event;e.x+=e.deltaX,e.y+=e.deltaY,this._emitter.emit(H,{x:e.x,y:e.y,deltaX:e.deltaX,deltaY:e.deltaY,originalEvent:t})},V.prototype._onWheel=function(t){var e=this.options;if(!this._lethargy||!1!==this._lethargy.check(t)){var i=this._event;i.deltaX=t.wheelDeltaX||-1*t.deltaX,i.deltaY=t.wheelDeltaY||-1*t.deltaY,M.isFirefox&&1==t.deltaMode&&(i.deltaX*=e.firefoxMultiplier,i.deltaY*=e.firefoxMultiplier),i.deltaX*=e.mouseMultiplier,i.deltaY*=e.mouseMultiplier,this._notify(t)}},V.prototype._onMouseWheel=function(t){if(!this.options.limitInertia||!1!==this._lethargy.check(t)){var e=this._event;e.deltaX=t.wheelDeltaX?t.wheelDeltaX:0,e.deltaY=t.wheelDeltaY?t.wheelDeltaY:t.wheelDelta,this._notify(t)}},V.prototype._onTouchStart=function(t){var e=t.targetTouches?t.targetTouches[0]:t;this.touchStartX=e.pageX,this.touchStartY=e.pageY},V.prototype._onTouchMove=function(t){var e=this.options;e.preventTouch&&!t.target.classList.contains(e.unpreventTouchClass)&&t.preventDefault();var i=this._event,s=t.targetTouches?t.targetTouches[0]:t;i.deltaX=(s.pageX-this.touchStartX)*e.touchMultiplier,i.deltaY=(s.pageY-this.touchStartY)*e.touchMultiplier,this.touchStartX=s.pageX,this.touchStartY=s.pageY,this._notify(t)},V.prototype._onKeyDown=function(t){var e=this._event;e.deltaX=e.deltaY=0;var i=window.innerHeight-40;switch(t.keyCode){case Y:case P:e.deltaY=this.options.keyStep;break;case I:case z:e.deltaY=-this.options.keyStep;break;case t.shiftKey:e.deltaY=i;break;case X:e.deltaY=-i;break;default:return}this._notify(t)},V.prototype._bind=function(){M.hasWheelEvent&&this.el.addEventListener("wheel",this._onWheel,this.listenerOptions),M.hasMouseWheelEvent&&this.el.addEventListener("mousewheel",this._onMouseWheel,this.listenerOptions),M.hasTouch&&this.options.useTouch&&(this.el.addEventListener("touchstart",this._onTouchStart,this.listenerOptions),this.el.addEventListener("touchmove",this._onTouchMove,this.listenerOptions)),M.hasPointer&&M.hasTouchWin&&(this.bodyTouchAction=document.body.style.msTouchAction,document.body.style.msTouchAction="none",this.el.addEventListener("MSPointerDown",this._onTouchStart,!0),this.el.addEventListener("MSPointerMove",this._onTouchMove,!0)),M.hasKeyDown&&this.options.useKeyboard&&document.addEventListener("keydown",this._onKeyDown)},V.prototype._unbind=function(){M.hasWheelEvent&&this.el.removeEventListener("wheel",this._onWheel),M.hasMouseWheelEvent&&this.el.removeEventListener("mousewheel",this._onMouseWheel),M.hasTouch&&(this.el.removeEventListener("touchstart",this._onTouchStart),this.el.removeEventListener("touchmove",this._onTouchMove)),M.hasPointer&&M.hasTouchWin&&(document.body.style.msTouchAction=this.bodyTouchAction,this.el.removeEventListener("MSPointerDown",this._onTouchStart,!0),this.el.removeEventListener("MSPointerMove",this._onTouchMove,!0)),M.hasKeyDown&&this.options.useKeyboard&&document.removeEventListener("keydown",this._onKeyDown)},V.prototype.on=function(t,e){this._emitter.on(H,t,e);var i=this._emitter.e;i&&i[H]&&1===i[H].length&&this._bind()},V.prototype.off=function(t,e){this._emitter.off(H,t,e);var i=this._emitter.e;(!i[H]||i[H].length<=0)&&this._unbind()},V.prototype.reset=function(){var t=this._event;t.x=0,t.y=0},V.prototype.destroy=function(){this._emitter.off(),this._unbind()};var N="function"==typeof Float32Array;function U(t,e){return 1-3*e+3*t}function $(t,e){return 3*e-6*t}function G(t){return 3*t}function J(t,e,i){return((U(e,i)*t+$(e,i))*t+G(e))*t}function Q(t,e,i){return 3*U(e,i)*t*t+2*$(e,i)*t+G(e)}function Z(t){return t}var tt=function(t,e,i,s){if(!(0<=t&&t<=1&&0<=i&&i<=1))throw new Error("bezier x values must be in [0, 1] range");if(t===e&&i===s)return Z;for(var n=N?new Float32Array(11):new Array(11),o=0;o<11;++o)n[o]=J(.1*o,t,i);function l(e){for(var s=0,o=1;10!==o&&n[o]<=e;++o)s+=.1;--o;var l=s+.1*((e-n[o])/(n[o+1]-n[o])),r=Q(l,t,i);return r>=.001?function(t,e,i,s){for(var n=0;n<4;++n){var o=Q(e,i,s);if(0===o)return e;e-=(J(e,i,s)-t)/o}return e}(e,l,t,i):0===r?l:function(t,e,i,s,n){var o,l,r=0;do{(o=J(l=e+(i-e)/2,s,n)-t)>0?i=l:e=l}while(Math.abs(o)>1e-7&&++r<10);return l}(e,s,s+.1,t,i)}return function(t){return 0===t?0:1===t?1:J(l(t),e,s)}},et=38,it=40,st=32,nt=9,ot=33,lt=34,rt=36,at=35,ct=function(e){l(n,e);var s=d(n);function n(){var e,i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return t(this,n),history.scrollRestoration&&(history.scrollRestoration="manual"),window.scrollTo(0,0),(e=s.call(this,i)).inertia&&(e.lerp=.1*e.inertia),e.isScrolling=!1,e.isDraggingScrollbar=!1,e.isTicking=!1,e.hasScrollTicking=!1,e.parallaxElements={},e.stop=!1,e.scrollbarContainer=i.scrollbarContainer,e.checkKey=e.checkKey.bind(c(e)),window.addEventListener("keydown",e.checkKey,!1),e}return i(n,[{key:"init",value:function(){var t=this;this.html.classList.add(this.smoothClass),this.html.setAttribute("data-".concat(this.name,"-direction"),this.direction),this.instance=o({delta:{x:0,y:0}},this.instance),this.vs=new R({el:this.scrollFromAnywhere?document:this.el,mouseMultiplier:navigator.platform.indexOf("Win")>-1?1:.4,firefoxMultiplier:this.firefoxMultiplier,touchMultiplier:this.touchMultiplier,useKeyboard:!1,passive:!0}),this.vs.on((function(e){t.stop||t.isDraggingScrollbar||requestAnimationFrame((function(){t.updateDelta(e),t.isScrolling||t.startScrolling()}))})),this.setScrollLimit(),this.initScrollBar(),this.addSections(),this.addElements(),this.checkScroll(!0),this.transformElements(!0,!0),u(r(n.prototype),"init",this).call(this)}},{key:"setScrollLimit",value:function(){if(this.instance.limit.y=this.el.offsetHeight-this.windowHeight,"horizontal"===this.direction){for(var t=0,e=this.el.children,i=0;i<e.length;i++)t+=e[i].offsetWidth;this.instance.limit.x=t-this.windowWidth}}},{key:"startScrolling",value:function(){this.startScrollTs=Date.now(),this.isScrolling=!0,this.checkScroll(),this.html.classList.add(this.scrollingClass)}},{key:"stopScrolling",value:function(){cancelAnimationFrame(this.checkScrollRaf),this.scrollToRaf&&(cancelAnimationFrame(this.scrollToRaf),this.scrollToRaf=null),this.isScrolling=!1,this.instance.scroll.y=Math.round(this.instance.scroll.y),this.html.classList.remove(this.scrollingClass)}},{key:"checkKey",value:function(t){var e=this;if(this.stop)t.keyCode==nt&&requestAnimationFrame((function(){e.html.scrollTop=0,document.body.scrollTop=0,e.html.scrollLeft=0,document.body.scrollLeft=0}));else{switch(t.keyCode){case nt:requestAnimationFrame((function(){e.html.scrollTop=0,document.body.scrollTop=0,e.html.scrollLeft=0,document.body.scrollLeft=0,e.scrollTo(document.activeElement,{offset:-window.innerHeight/2})}));break;case et:this.instance.delta[this.directionAxis]-=240;break;case it:this.instance.delta[this.directionAxis]+=240;break;case ot:this.instance.delta[this.directionAxis]-=window.innerHeight;break;case lt:this.instance.delta[this.directionAxis]+=window.innerHeight;break;case rt:this.instance.delta[this.directionAxis]-=this.instance.limit[this.directionAxis];break;case at:this.instance.delta[this.directionAxis]+=this.instance.limit[this.directionAxis];break;case st:document.activeElement instanceof HTMLInputElement||document.activeElement instanceof HTMLTextAreaElement||(t.shiftKey?this.instance.delta[this.directionAxis]-=window.innerHeight:this.instance.delta[this.directionAxis]+=window.innerHeight);break;default:return}this.instance.delta[this.directionAxis]<0&&(this.instance.delta[this.directionAxis]=0),this.instance.delta[this.directionAxis]>this.instance.limit[this.directionAxis]&&(this.instance.delta[this.directionAxis]=this.instance.limit[this.directionAxis]),this.stopScrolling(),this.isScrolling=!0,this.checkScroll(),this.html.classList.add(this.scrollingClass)}}},{key:"checkScroll",value:function(){var t=this,e=arguments.length>0&&void 0!==arguments[0]&&arguments[0];if(e||this.isScrolling||this.isDraggingScrollbar){this.hasScrollTicking||(this.checkScrollRaf=requestAnimationFrame((function(){return t.checkScroll()})),this.hasScrollTicking=!0),this.updateScroll();var i=Math.abs(this.instance.delta[this.directionAxis]-this.instance.scroll[this.directionAxis]),s=Date.now()-this.startScrollTs;if(!this.animatingScroll&&s>100&&(i<.5&&0!=this.instance.delta[this.directionAxis]||i<.5&&0==this.instance.delta[this.directionAxis])&&this.stopScrolling(),Object.entries(this.sections).forEach((function(e){var i=f(e,2),s=(i[0],i[1]);s.persistent||t.instance.scroll[t.directionAxis]>s.offset[t.directionAxis]&&t.instance.scroll[t.directionAxis]<s.limit[t.directionAxis]?("horizontal"===t.direction?t.transform(s.el,-t.instance.scroll[t.directionAxis],0):t.transform(s.el,0,-t.instance.scroll[t.directionAxis]),s.inView||(s.inView=!0,s.el.style.opacity=1,s.el.style.pointerEvents="all",s.el.setAttribute("data-".concat(t.name,"-section-inview"),""))):(s.inView&&(s.inView=!1,s.el.style.opacity=0,s.el.style.pointerEvents="none",s.el.removeAttribute("data-".concat(t.name,"-section-inview"))),t.transform(s.el,0,0))})),this.getDirection&&this.addDirection(),this.getSpeed&&(this.addSpeed(),this.speedTs=Date.now()),this.detectElements(),this.transformElements(),this.hasScrollbar){var o=this.instance.scroll[this.directionAxis]/this.instance.limit[this.directionAxis]*this.scrollBarLimit[this.directionAxis];"horizontal"===this.direction?this.transform(this.scrollbarThumb,o,0):this.transform(this.scrollbarThumb,0,o)}u(r(n.prototype),"checkScroll",this).call(this),this.hasScrollTicking=!1}}},{key:"resize",value:function(){this.windowHeight=window.innerHeight,this.windowWidth=window.innerWidth,this.checkContext(),this.windowMiddle={x:this.windowWidth/2,y:this.windowHeight/2},this.update()}},{key:"updateDelta",value:function(t){var e,i=this[this.context]&&this[this.context].gestureDirection?this[this.context].gestureDirection:this.gestureDirection;e="both"===i?t.deltaX+t.deltaY:"vertical"===i?t.deltaY:"horizontal"===i?t.deltaX:t.deltaY,this.instance.delta[this.directionAxis]-=e*this.multiplier,this.instance.delta[this.directionAxis]<0&&(this.instance.delta[this.directionAxis]=0),this.instance.delta[this.directionAxis]>this.instance.limit[this.directionAxis]&&(this.instance.delta[this.directionAxis]=this.instance.limit[this.directionAxis])}},{key:"updateScroll",value:function(t){this.isScrolling||this.isDraggingScrollbar?this.instance.scroll[this.directionAxis]=F(this.instance.scroll[this.directionAxis],this.instance.delta[this.directionAxis],this.lerp):this.instance.scroll[this.directionAxis]>this.instance.limit[this.directionAxis]?this.setScroll(this.instance.scroll[this.directionAxis],this.instance.limit[this.directionAxis]):this.instance.scroll.y<0?this.setScroll(this.instance.scroll[this.directionAxis],0):this.setScroll(this.instance.scroll[this.directionAxis],this.instance.delta[this.directionAxis])}},{key:"addDirection",value:function(){this.instance.delta.y>this.instance.scroll.y?"down"!==this.instance.direction&&(this.instance.direction="down"):this.instance.delta.y<this.instance.scroll.y&&"up"!==this.instance.direction&&(this.instance.direction="up"),this.instance.delta.x>this.instance.scroll.x?"right"!==this.instance.direction&&(this.instance.direction="right"):this.instance.delta.x<this.instance.scroll.x&&"left"!==this.instance.direction&&(this.instance.direction="left")}},{key:"addSpeed",value:function(){this.instance.delta[this.directionAxis]!=this.instance.scroll[this.directionAxis]?this.instance.speed=(this.instance.delta[this.directionAxis]-this.instance.scroll[this.directionAxis])/Math.max(1,Date.now()-this.speedTs):this.instance.speed=0}},{key:"initScrollBar",value:function(){if(this.scrollbar=document.createElement("span"),this.scrollbarThumb=document.createElement("span"),this.scrollbar.classList.add("".concat(this.scrollbarClass)),this.scrollbarThumb.classList.add("".concat(this.scrollbarClass,"_thumb")),this.scrollbar.append(this.scrollbarThumb),this.scrollbarContainer?this.scrollbarContainer.append(this.scrollbar):document.body.append(this.scrollbar),this.getScrollBar=this.getScrollBar.bind(this),this.releaseScrollBar=this.releaseScrollBar.bind(this),this.moveScrollBar=this.moveScrollBar.bind(this),this.scrollbarThumb.addEventListener("mousedown",this.getScrollBar),window.addEventListener("mouseup",this.releaseScrollBar),window.addEventListener("mousemove",this.moveScrollBar),this.hasScrollbar=!1,"horizontal"==this.direction){if(this.instance.limit.x+this.windowWidth<=this.windowWidth)return}else if(this.instance.limit.y+this.windowHeight<=this.windowHeight)return;this.hasScrollbar=!0,this.scrollbarBCR=this.scrollbar.getBoundingClientRect(),this.scrollbarHeight=this.scrollbarBCR.height,this.scrollbarWidth=this.scrollbarBCR.width,"horizontal"===this.direction?this.scrollbarThumb.style.width="".concat(this.scrollbarWidth*this.scrollbarWidth/(this.instance.limit.x+this.scrollbarWidth),"px"):this.scrollbarThumb.style.height="".concat(this.scrollbarHeight*this.scrollbarHeight/(this.instance.limit.y+this.scrollbarHeight),"px"),this.scrollbarThumbBCR=this.scrollbarThumb.getBoundingClientRect(),this.scrollBarLimit={x:this.scrollbarWidth-this.scrollbarThumbBCR.width,y:this.scrollbarHeight-this.scrollbarThumbBCR.height}}},{key:"reinitScrollBar",value:function(){if(this.hasScrollbar=!1,"horizontal"==this.direction){if(this.instance.limit.x+this.windowWidth<=this.windowWidth)return}else if(this.instance.limit.y+this.windowHeight<=this.windowHeight)return;this.hasScrollbar=!0,this.scrollbarBCR=this.scrollbar.getBoundingClientRect(),this.scrollbarHeight=this.scrollbarBCR.height,this.scrollbarWidth=this.scrollbarBCR.width,"horizontal"===this.direction?this.scrollbarThumb.style.width="".concat(this.scrollbarWidth*this.scrollbarWidth/(this.instance.limit.x+this.scrollbarWidth),"px"):this.scrollbarThumb.style.height="".concat(this.scrollbarHeight*this.scrollbarHeight/(this.instance.limit.y+this.scrollbarHeight),"px"),this.scrollbarThumbBCR=this.scrollbarThumb.getBoundingClientRect(),this.scrollBarLimit={x:this.scrollbarWidth-this.scrollbarThumbBCR.width,y:this.scrollbarHeight-this.scrollbarThumbBCR.height}}},{key:"destroyScrollBar",value:function(){this.scrollbarThumb.removeEventListener("mousedown",this.getScrollBar),window.removeEventListener("mouseup",this.releaseScrollBar),window.removeEventListener("mousemove",this.moveScrollBar),this.scrollbar.remove()}},{key:"getScrollBar",value:function(t){this.isDraggingScrollbar=!0,this.checkScroll(),this.html.classList.remove(this.scrollingClass),this.html.classList.add(this.draggingClass)}},{key:"releaseScrollBar",value:function(t){this.isDraggingScrollbar=!1,this.html.classList.add(this.scrollingClass),this.html.classList.remove(this.draggingClass)}},{key:"moveScrollBar",value:function(t){var e=this;this.isDraggingScrollbar&&requestAnimationFrame((function(){var i=100*(t.clientX-e.scrollbarBCR.left)/e.scrollbarWidth*e.instance.limit.x/100,s=100*(t.clientY-e.scrollbarBCR.top)/e.scrollbarHeight*e.instance.limit.y/100;s>0&&s<e.instance.limit.y&&(e.instance.delta.y=s),i>0&&i<e.instance.limit.x&&(e.instance.delta.x=i)}))}},{key:"addElements",value:function(){var t=this;this.els={},this.parallaxElements={},this.el.querySelectorAll("[data-".concat(this.name,"]")).forEach((function(e,i){var s,n,o,l=K(e),r=Object.entries(t.sections).map((function(t){var e=f(t,2);e[0];return e[1]})).find((function(t){return l.includes(t.el)})),a=e.dataset[t.name+"Class"]||t.class,c="string"==typeof e.dataset[t.name+"Id"]?e.dataset[t.name+"Id"]:"el"+i,h=e.dataset[t.name+"Repeat"],d=e.dataset[t.name+"Call"],u=e.dataset[t.name+"Position"],p=e.dataset[t.name+"Delay"],m=e.dataset[t.name+"Direction"],v="string"==typeof e.dataset[t.name+"Sticky"],y=!!e.dataset[t.name+"Speed"]&&parseFloat(e.dataset[t.name+"Speed"])/10,b="string"==typeof e.dataset[t.name+"Offset"]?e.dataset[t.name+"Offset"].split(","):t.offset,g=e.dataset[t.name+"Target"],w=(o=void 0!==g?document.querySelector("".concat(g)):e).getBoundingClientRect();null===r||r.inView?(s=w.top+t.instance.scroll.y-q(o).y,n=w.left+t.instance.scroll.x-q(o).x):(s=w.top-q(r.el).y-q(o).y,n=w.left-q(r.el).x-q(o).x);var x=s+o.offsetHeight,S=n+o.offsetWidth,k={x:(S-n)/2+n,y:(x-s)/2+s};if(v){var T=e.getBoundingClientRect(),E=T.top,A=T.left,O={x:A-n,y:E-s};s+=window.innerHeight,n+=window.innerWidth,x=E+o.offsetHeight-e.offsetHeight-O[t.directionAxis],k={x:((S=A+o.offsetWidth-e.offsetWidth-O[t.directionAxis])-n)/2+n,y:(x-s)/2+s}}h="false"!=h&&(null!=h||t.repeat);var D=[0,0];if(b)if("horizontal"===t.direction){for(var C=0;C<b.length;C++)"string"==typeof b[C]?b[C].includes("%")?D[C]=parseInt(b[C].replace("%","")*t.windowWidth/100):D[C]=parseInt(b[C]):D[C]=b[C];n+=D[0],S-=D[1]}else{for(C=0;C<b.length;C++)"string"==typeof b[C]?b[C].includes("%")?D[C]=parseInt(b[C].replace("%","")*t.windowHeight/100):D[C]=parseInt(b[C]):D[C]=b[C];s+=D[0],x-=D[1]}var L={el:e,id:c,class:a,section:r,top:s,middle:k,bottom:x,left:n,right:S,offset:b,progress:0,repeat:h,inView:!1,call:d,speed:y,delay:p,position:u,target:o,direction:m,sticky:v};t.els[c]=L,e.classList.contains(a)&&t.setInView(t.els[c],c),(!1!==y||v)&&(t.parallaxElements[c]=L)}))}},{key:"addSections",value:function(){var t=this;this.sections={};var e=this.el.querySelectorAll("[data-".concat(this.name,"-section]"));0===e.length&&(e=[this.el]),e.forEach((function(e,i){var s="string"==typeof e.dataset[t.name+"Id"]?e.dataset[t.name+"Id"]:"section"+i,n=e.getBoundingClientRect(),o={x:n.left-1.5*window.innerWidth-q(e).x,y:n.top-1.5*window.innerHeight-q(e).y},l={x:o.x+n.width+2*window.innerWidth,y:o.y+n.height+2*window.innerHeight},r="string"==typeof e.dataset[t.name+"Persistent"];e.setAttribute("data-scroll-section-id",s);var a={el:e,offset:o,limit:l,inView:!1,persistent:r,id:s};t.sections[s]=a}))}},{key:"transform",value:function(t,e,i,s){var n;if(s){var o=q(t),l=F(o.x,e,s),r=F(o.y,i,s);n="matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,".concat(l,",").concat(r,",0,1)")}else n="matrix3d(1,0,0.00,0,0.00,1,0.00,0,0,0,1,0,".concat(e,",").concat(i,",0,1)");t.style.webkitTransform=n,t.style.msTransform=n,t.style.transform=n}},{key:"transformElements",value:function(t){var e=this,i=arguments.length>1&&void 0!==arguments[1]&&arguments[1],s=this.instance.scroll.x+this.windowWidth,n=this.instance.scroll.y+this.windowHeight,o={x:this.instance.scroll.x+this.windowMiddle.x,y:this.instance.scroll.y+this.windowMiddle.y};Object.entries(this.parallaxElements).forEach((function(l){var r=f(l,2),a=(r[0],r[1]),c=!1;if(t&&(c=0),a.inView||i)switch(a.position){case"top":c=e.instance.scroll[e.directionAxis]*-a.speed;break;case"elementTop":c=(n-a.top)*-a.speed;break;case"bottom":c=(e.instance.limit[e.directionAxis]-n+e.windowHeight)*a.speed;break;case"left":c=e.instance.scroll[e.directionAxis]*-a.speed;break;case"elementLeft":c=(s-a.left)*-a.speed;break;case"right":c=(e.instance.limit[e.directionAxis]-s+e.windowHeight)*a.speed;break;default:c=(o[e.directionAxis]-a.middle[e.directionAxis])*-a.speed}a.sticky&&(c=a.inView?"horizontal"===e.direction?e.instance.scroll.x-a.left+window.innerWidth:e.instance.scroll.y-a.top+window.innerHeight:"horizontal"===e.direction?e.instance.scroll.x<a.left-window.innerWidth&&e.instance.scroll.x<a.left-window.innerWidth/2?0:e.instance.scroll.x>a.right&&e.instance.scroll.x>a.right+100&&a.right-a.left+window.innerWidth:e.instance.scroll.y<a.top-window.innerHeight&&e.instance.scroll.y<a.top-window.innerHeight/2?0:e.instance.scroll.y>a.bottom&&e.instance.scroll.y>a.bottom+100&&a.bottom-a.top+window.innerHeight),!1!==c&&("horizontal"===a.direction||"horizontal"===e.direction&&"vertical"!==a.direction?e.transform(a.el,c,0,!t&&a.delay):e.transform(a.el,0,c,!t&&a.delay))}))}},{key:"scrollTo",value:function(t){var e=this,i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},s=parseInt(i.offset)||0,n=i.duration||1e3,o=i.easing||[.25,0,.35,1],l=!!i.disableLerp,r=!!i.callback&&i.callback;if(o=tt.apply(void 0,p(o)),"string"==typeof t){if("top"===t)t=0;else if("bottom"===t)t=this.instance.limit.y;else if("left"===t)t=0;else if("right"===t)t=this.instance.limit.x;else if(!(t=document.querySelector(t)))return}else if("number"==typeof t)t=parseInt(t);else if(!t||!t.tagName)return void console.warn("`target` parameter is not valid");if("number"!=typeof t){var a=K(t).includes(this.el);if(!a)return;var c=t.getBoundingClientRect(),h=c.top,d=c.left,u=K(t),m=u.find((function(t){return Object.entries(e.sections).map((function(t){var e=f(t,2);e[0];return e[1]})).find((function(e){return e.el==t}))})),v=0;v=m?q(m)[this.directionAxis]:-this.instance.scroll[this.directionAxis],s="horizontal"===this.direction?d+s-v:h+s-v}else s=t+s;var y=parseFloat(this.instance.delta[this.directionAxis]),b=Math.max(0,Math.min(s,this.instance.limit[this.directionAxis])),g=b-y,w=function(t){l?"horizontal"===e.direction?e.setScroll(y+g*t,e.instance.delta.y):e.setScroll(e.instance.delta.x,y+g*t):e.instance.delta[e.directionAxis]=y+g*t};this.animatingScroll=!0,this.stopScrolling(),this.startScrolling();var x=Date.now(),S=function t(){var i=(Date.now()-x)/n;i>1?(w(1),e.animatingScroll=!1,0==n&&e.update(),r&&r()):(e.scrollToRaf=requestAnimationFrame(t),w(o(i)))};S()}},{key:"update",value:function(){this.setScrollLimit(),this.addSections(),this.addElements(),this.detectElements(),this.updateScroll(),this.transformElements(!0),this.reinitScrollBar(),this.checkScroll(!0)}},{key:"startScroll",value:function(){this.stop=!1}},{key:"stopScroll",value:function(){this.stop=!0}},{key:"setScroll",value:function(t,e){this.instance=o(o({},this.instance),{},{scroll:{x:t,y:e},delta:{x:t,y:e},speed:0})}},{key:"destroy",value:function(){u(r(n.prototype),"destroy",this).call(this),this.stopScrolling(),this.html.classList.remove(this.smoothClass),this.vs.destroy(),this.destroyScrollBar(),window.removeEventListener("keydown",this.checkKey,!1)}}]),n}(b);return function(){function e(){var i=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};t(this,e),this.options=i,Object.assign(this,y,i),this.smartphone=y.smartphone,i.smartphone&&Object.assign(this.smartphone,i.smartphone),this.tablet=y.tablet,i.tablet&&Object.assign(this.tablet,i.tablet),this.smooth||"horizontal"!=this.direction||console.warn("🚨 `smooth:false` & `horizontal` direction are not yet compatible"),this.tablet.smooth||"horizontal"!=this.tablet.direction||console.warn("🚨 `smooth:false` & `horizontal` direction are not yet compatible (tablet)"),this.smartphone.smooth||"horizontal"!=this.smartphone.direction||console.warn("🚨 `smooth:false` & `horizontal` direction are not yet compatible (smartphone)"),this.init()}return i(e,[{key:"init",value:function(){if(this.options.isMobile=/Android|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||"MacIntel"===navigator.platform&&navigator.maxTouchPoints>1||window.innerWidth<this.tablet.breakpoint,this.options.isTablet=this.options.isMobile&&window.innerWidth>=this.tablet.breakpoint,this.smooth&&!this.options.isMobile||this.tablet.smooth&&this.options.isTablet||this.smartphone.smooth&&this.options.isMobile&&!this.options.isTablet?this.scroll=new ct(this.options):this.scroll=new S(this.options),this.scroll.init(),window.location.hash){var t=window.location.hash.slice(1,window.location.hash.length),e=document.getElementById(t);e&&this.scroll.scrollTo(e)}}},{key:"update",value:function(){this.scroll.update()}},{key:"start",value:function(){this.scroll.startScroll()}},{key:"stop",value:function(){this.scroll.stopScroll()}},{key:"scrollTo",value:function(t,e){this.scroll.scrollTo(t,e)}},{key:"setScroll",value:function(t,e){this.scroll.setScroll(t,e)}},{key:"on",value:function(t,e){this.scroll.setEvents(t,e)}},{key:"off",value:function(t,e){this.scroll.unsetEvents(t,e)}},{key:"destroy",value:function(){this.scroll.destroy()}}]),e}()}));
\ No newline at end of file

src/api/index.js

+import request from '@/utils/request'
+// 协议
+export function getProtocol(params) {
+  return request({
+    url: '/atlProtocol/getProtocol',
+    method: 'get',
+    params
+  })
+}
+// 获取官网时光纪
+export function selectOfficialWebsiteAtlTime(params) {
+  return request({
+    url: '/atlTime/selectOfficialWebsiteAtlTime',
+    method: 'get',
+    params
+  })
+}
+
+export function selectRandomAtlTime(params) {
+  return request({
+    url: '/atlTime/selectRandomAtlTime',
+    method: 'get',
+    params
+  })
+}

src/assets/js/script.js

+import LocomotiveScroll from "locomotive-scroll";
+class Example {
+  constructor(options) {
+    this.root = options.root;
+
+    this.init();
+
+    setTimeout(this.showImages.bind(this), 1000);
+  }
+
+  init() {
+    this.scroll = new LocomotiveScroll({
+      el: this.root,
+      direction: "horizontal",
+      smooth: true,
+      lerp: 0.05,
+      tablet: {
+        smooth: true,
+      },
+
+      smartphone: {
+        smooth: true,
+      },
+    });
+
+    this.images = this.root.querySelectorAll(".image");
+    
+    [].forEach.call(this.images, (image) => {
+      image.addEventListener("click", () => {
+        image.classList.add("-clicked");
+        console.log("this.images", image.classList);
+        this.hideImages();
+      });
+    });
+  }
+
+  showImages() {
+    console.log("show");
+    [].forEach.call(this.images, (image) => {
+      image.classList.remove("-clicked");
+      image.classList.add("-active");
+    });
+  }
+
+  hideImages() {
+    console.log("hide");
+    [].forEach.call(this.images, (image) => {
+      image.classList.remove("-active");
+    });
+
+    setTimeout(this.showImages.bind(this), 2000);
+  }
+}
+export default Example;

src/assets/styles/locomotive-scroll.min.css

+/*! locomotive-scroll v4.0.6 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}
\ No newline at end of file

src/assets/styles/normalize.min.css

+button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} menu,article,aside,details,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}/*# sourceMappingURL=normalize.min.css.map */
\ No newline at end of file

src/assets/styles/style.css

+html,
+body {
+  height: 100%;
+  background: #eee;
+}
+body {
+  overflow: hidden;
+}
+.scroll-animations-example > .scrollsection {
+  padding: 10vh 10vh 10vh 10vmax;
+  min-width: 550vh;
+}
+.scroll-animations-example > .scrollsection > .item {
+  display: inline-block;
+  position: relative;
+  margin: 0 -30vh 0 3vh;
+}
+.scroll-animations-example > .scrollsection > .item::before {
+  content: '';
+  display: inline-block;
+  vertical-align: middle;
+  height: 100%;
+}
+.scroll-animations-example > .scrollsection > .item.-big {
+  height: 80vh;
+  width: 60vh;
+}
+.scroll-animations-example > .scrollsection > .item.-big.-horizontal {
+  height: 60vh;
+  width: 80vh;
+}
+.scroll-animations-example > .scrollsection > .item.-normal {
+  height: 60vh;
+  width: 45vh;
+  z-index: 1;
+}
+.scroll-animations-example > .scrollsection > .item.-normal.-horizontal {
+  height: 45vh;
+  width: 60vh;
+}
+.scroll-animations-example > .scrollsection > .item.-normal:nth-of-type(3n) {
+  bottom: 5vh;
+}
+.scroll-animations-example > .scrollsection > .item.-normal:nth-of-type(4n) {
+  bottom: -5vh;
+}
+.scroll-animations-example > .scrollsection > .item.-small {
+  height: 40vh;
+  width: 30vh;
+  z-index: 2;
+}
+.scroll-animations-example > .scrollsection > .item.-small.-horizontal {
+  height: 30vh;
+  width: 40vh;
+}
+.scroll-animations-example > .scrollsection > .item.-small:nth-of-type(3n) {
+  bottom: 13vh;
+}
+.scroll-animations-example > .scrollsection > .item.-small:nth-of-type(4n) {
+  bottom: -13vh;
+}
+.scroll-animations-example > .scrollsection > .item > .image {
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  filter: grayscale(1);
+  opacity: 0;
+  pointer-events: none;
+  transform: translateX(0) translateY(0) scale(1);
+  transition: filter 0.3s ease, opacity 1s ease, transform 1s ease;
+}
+.scroll-animations-example > .scrollsection > .item:nth-of-type(4n) > .image {
+  transform: translateX(-30vh) translateY(-30vh) scale(0.8);
+  transition-delay: 0;
+}
+.scroll-animations-example > .scrollsection > .item:nth-of-type(4n - 1) > .image {
+  transform: translateX(30vh) translateY(30vh) scale(0.8);
+  transition-delay: 0.05s;
+}
+.scroll-animations-example > .scrollsection > .item:nth-of-type(4n - 2) > .image {
+  transform: translateX(-30vh) translateY(30vh) scale(0.8);
+  transition-delay: 0.1s;
+}
+.scroll-animations-example > .scrollsection > .item:nth-of-type(4n - 3) > .image {
+  transform: translateX(-30vh) translateY(-30vh) scale(0.8);
+  transition-delay: 0.15s;
+}
+.scroll-animations-example > .scrollsection > .item > .image.-active {
+  transform: translateX(0) translateY(0) scale(1);
+  opacity: 0.8;
+  pointer-events: auto;
+  transition: filter 0.3s ease, opacity 1s ease, transform 1s ease;
+}
+.scroll-animations-example > .scrollsection > .item > .image.-clicked {
+  transform: translateX(0) translateY(0) scale(5);
+  opacity: 0;
+  pointer-events: auto;
+  transition: filter 0.3s ease, opacity 1s ease, transform 1s ease;
+}
+.scroll-animations-example > .scrollsection > .item > .image.-active:hover {
+  height: 100%;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  left: 0;
+  filter: grayscale(0);
+  opacity: 1;
+  cursor: pointer;
+}

src/components/Footer.vue → src/components/CustomFooter.vue

@@ -72,7 +72,7 @@
 
 <script>
 export default {
-  name: "footer",
+  name: "customFooter",
   props: {},
   data() {
     return {

src/components/Header.vue → src/components/CustomHeader.vue

@@ -5,24 +5,24 @@
         ><img src="@/assets/images/logo.png" alt="" class="logo"
       /></router-link>
       <ul class="right-ul">
-        <li>纪念馆列表</li>
+        <li><router-link :to="{ name: 'timePeriod' }">纪念馆列表</router-link></li>
         <li><router-link :to="{ name: 'appPage' }">APP下载</router-link></li>
       </ul>
     </div>
     <img src="@/assets/images/logo.png" alt="" class="logo" v-else />
     <ul class="right-ul">
       <li>
-        <img src="@/assets/images/Signin.png" alt="" class="avatar" />登录
+        <img src="@/assets/images/Signin.png" alt="" class="avatar" /><router-link :to="{name: 'login'}">登录</router-link>
       </li>
-      <li v-if="deviceType == 2">用户协议</li>
-      <li v-if="deviceType == 2">隐私协议</li>
+      <li v-if="deviceType == 2"><router-link :to="{ path: '/agreement',query: {type: 3} }">用户协议</router-link></li>
+      <li v-if="deviceType == 2"><router-link :to="{ path: '/agreement',query: {type: 1} }">隐私协议</router-link></li>
     </ul>
   </div>
 </template>
 
 <script>
 export default {
-  name: "header",
+  name: "customHeader",
   data() {
     return {
       deviceType: null,
@@ -38,6 +38,7 @@ export default {
   },
 
   methods: {},
+  
 };
 </script>
 

src/components/viwModal.vue

+<template>
+  <!-- <Drawer
+    :visible.sync="visible"   
+    :title="isMobilePreview ? '手机预览' : '网页预览'"  
+    width="100%"
+    position="bottom"
+    :zIndex="3000"
+  > -->
+    <div
+      class="announcement-mobile"
+    >
+      <div v-if="formRef" class="ql-editor">
+        <h3>{{ formRef.form.name }}</h3>
+        <div v-html="content"></div>
+      </div>
+    </div>
+  <!-- </Drawer> -->
+</template>
+
+<script>
+// import Drawer from '@/components/Drawer'
+export default {
+  props: {
+    formRef: {
+      type: Object
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    isMobilePreview: {
+      type: Boolean,
+      default: false
+    }
+  },
+  components: {
+    // Drawer
+  },
+  data(){
+    return {
+      content:''
+    }
+  }
+}
+</script>
+<style lang="scss" scoped>
+.announcement-preview {
+  max-width: 1200px;
+  margin: 0 auto;
+}
+.announcement-mobile {
+  width: 388px;
+  height: 711px;
+  // padding: 80px 20px;
+  background: url('~@/assets/images/Mobilephonebox.png') no-repeat;
+  background-size: 100%; 
+}
+</style>
+

src/main.js

@@ -5,8 +5,8 @@ import ElementUI from "element-ui";
 import "lib-flexible";
 import "@/assets/styles/element-variables.scss";
 import animated from "animate.css"; // npm install animate.css --save安装，在引入
-import CustomHeader from "@/components/Header";
-import CustomFooter from "@/components/Footer";
+import CustomHeader from "@/components/CustomHeader";
+import CustomFooter from "@/components/CustomFooter";
 Vue.use(animated);
 Vue.config.productionTip = false;
 Vue.use(ElementUI);

src/router/index.js

@@ -40,6 +40,17 @@ const routes = [
     component: () => import('@/views/AppPage/index')
   },
   {
+    path: '/timePeriod', 
+    name: 'timePeriod',
+    component: () => import('@/views/TimePeriod/index')
+  },
+  {
+    path: '/preview', 
+    name: 'preview',
+    component: () => import('@/views/Preview/index')
+  },
+
+  {
     path: '/404',
     component: () => import('@/views/ErrorPage/errorPage.vue')
   },

src/store/index.js

+import Vue from 'vue'
+import Vuex from 'vuex'
+// import { login, loginPhone, getUserInfo, accountLogin } from '@/api/login'
+// import { configData } from '@/api/index'
+import { getToken, setToken } from '@/utils/auth'
+
+Vue.use(Vuex)
+
+const store = new Vuex.Store({
+  state: {
+    token: localStorage.getItem('token') ? localStorage.getItem('token') : getToken(),
+    username: localStorage.getItem('username') ? localStorage.getItem('username') : '',
+    usericon: localStorage.getItem('usericon') ? localStorage.getItem('usericon') : '',
+    userid: localStorage.getItem('userid') ? localStorage.getItem('userid') : '',
+    shopName: localStorage.getItem('shopName') ? localStorage.getItem('shopName') : '',
+    email: localStorage.getItem('email') ? localStorage.getItem('email') : '',
+    cartnum: localStorage.getItem('cartnum') ? localStorage.getItem('cartnum') : '0',
+    messagenum: localStorage.getItem('messagenum') ? localStorage.getItem('messagenum') : '0',
+    typeList: localStorage.getItem('typeList') ? localStorage.getItem('typeList') : '',
+    searchType: localStorage.getItem('searchType') ? localStorage.getItem('searchType') : '0',
+    productType: localStorage.getItem('productType') ? localStorage.getItem('productType') : '3',
+    mallLogo: localStorage.getItem('mallLogo') || null,
+    cheapHomeLogo: localStorage.getItem('cheapHomeLogo') || null,
+    rentHomeLogo: localStorage.getItem('rentHomeLogo') || null,
+    mallName: localStorage.getItem('mallName') || null,
+    mallIcp: localStorage.getItem('mallIcp') || null,
+    isRegister: localStorage.getItem('isRegister') || null,
+    companyName: localStorage.getItem('companyName') || null,
+    mallTitle: localStorage.getItem('mallTitle') || null,
+    mallDesc: localStorage.getItem('mallDesc') || null,
+    mallKeywords: localStorage.getItem('mallKeywords') || null
+  },
+  mutations: {
+    SET_TOKEN(state, token) { // 存储token
+      state.token = token
+      localStorage.setItem('token', token)
+      setToken(token)
+    },
+    SET_USERICON(state, usericon) { // 存储用户名
+      state.usericon = usericon
+      localStorage.setItem('usericon', usericon)
+    },
+    SET_NAME(state, username) { // 存储用户名
+      state.username = username
+      localStorage.setItem('username', username)
+    },
+    SET_USERID(state, userid) { // 存储用户名
+      state.userid = userid
+      localStorage.setItem('userid', userid)
+    },
+    SET_SEARCH_TYPE(state, searchType) { // 设置搜索条件
+      state.searchType = searchType
+      localStorage.setItem('searchType', searchType)
+    },
+    SET_PRODUCT_TYPE(state, productType) { //商品类型
+      state.productType = productType
+      localStorage.setItem('productType', productType)
+    },
+    setshopName(state, shopName) { // 存储店铺名
+      state.shopName = shopName
+      localStorage.setItem('shopName', shopName)
+    },
+    delshopName(state) { // 删除店铺名
+      state.shopName = ''
+      localStorage.removeItem('shopName')
+    },
+    setEmail(state, email) { // 存储用户名
+      state.email = email
+      localStorage.setItem('email', email)
+    },
+    delEmail(state) { // 删除用户名
+      state.email = ''
+      localStorage.removeItem('email')
+    },
+    SET_CART_NUM(state, num) { // 购物车数量
+      state.cartnum = num
+      localStorage.setItem('cartnum', num)
+    },
+    DEL_CART_NUM(state) { // 购物车数量
+      state.cartnum = 0
+      localStorage.removeItem('cartnum')
+    },
+    SET_MESSAGE_NUM(state, num) { // 消息未读数量
+      state.messagenum = num
+      localStorage.setItem('messagenum', num)
+    },
+    DEL_MESSAGE_NUM(state) { // 消息未读数量
+      state.messagenum = 0
+      localStorage.removeItem('messagenum')
+    },
+    setGoodsTypeList(state, list) { // 传给确认订单页面的参数
+      state.typeList = list
+      localStorage.setItem('typeList', list)
+    },
+    SET_MALL_LOGO(state, logo) { // 商城logo
+      state.mallLogo = logo
+      localStorage.setItem('mallLogo', logo)
+    },
+    SET_RENT_LOGO(state, logo) { // 方便租logo
+      state.rentHomeLogo = logo
+      localStorage.setItem('rentHomeLogo', logo)
+    },
+    SET_CHEAP_LOGO(state, logo) { // 便宜购logo
+      state.cheapHomeLogo = logo
+      localStorage.setItem('cheapHomeLogo', logo)
+    },
+    SET_MALL_NAME(state, mallName) { // 商城名称
+      state.mallName = mallName
+      localStorage.setItem('mallName', mallName)
+    },
+    SET_MALL_REGISTER(state, isRegister) { // 是否注册
+      state.isRegister = isRegister
+      localStorage.setItem('isRegister', isRegister)
+    },
+    SET_MALL_ICP(state, mallIcp) { // icp名称
+      state.mallIcp = mallIcp
+      localStorage.setItem('mallIcp', mallIcp)
+    },
+    SET_COMPANYNAME(state, companyName) { // 公司名称
+      state.companyName = companyName
+      localStorage.setItem('companyName', companyName)
+    },
+    SET_MALL_KEYWORDS(state, mallKeywords) { // 商城关键词
+      state.mallKeywords = mallKeywords
+      localStorage.setItem('mallKeywords', mallKeywords)
+    },
+    SET_MALL_DESC(state, mallDesc) { // 商城描述
+      state.mallDesc = mallDesc
+      localStorage.setItem('mallDesc', mallDesc)
+    },
+    SET_MALL_TITLE(state, mallTitle) { // 商城描述
+      state.mallTitle = mallTitle
+      localStorage.setItem('mallTitle', mallTitle)
+    },
+  },
+  actions: {
+    // CheapHomeLogo({ commit }) {
+    //   return new Promise((resolve, reject) => {
+    //     configData({ key: 'L_cheapHomeLogo', tips: 'web便宜购首页Logo' }).then(res => {
+    //       if (res.data && res.data.name) {
+    //         commit('SET_CHEAP_LOGO', res.data.name)
+    //         resolve(res.data.name)
+    //       } else {
+    //         reject(res)
+    //       }
+    //     }).catch(err => {
+    //       reject(err)
+    //     })
+    //   })
+    // },
+    // // 账号登录
+    // Login({ commit }, userInfo) {
+    //   return new Promise((resolve, reject) => {
+    //     login(userInfo).then(response => {
+    //       const data = response.data
+    //       const tokenStr = data.tokenHead + data.token
+    //       commit('SET_TOKEN', tokenStr)
+    //       resolve()
+    //     }).catch(error => {
+    //       reject(error)
+    //     })
+    //   })
+    // },
+    // // 手机号登录
+    // LoginPhone({ commit }, userInfo) {
+    //   return new Promise((resolve, reject) => {
+    //     loginPhone(userInfo).then(response => {
+    //       const data = response.data
+    //       const tokenStr = data.tokenHead + data.token
+    //       commit('SET_TOKEN', tokenStr)
+    //       resolve()
+    //     }).catch(error => {
+    //       reject(error)
+    //     })
+    //   })
+    // },
+    // // 账号信息登录
+    // AccountLogin({ commit }, params) {
+    //   return new Promise((resolve, reject) => {
+    //     accountLogin(params).then(response => {
+    //       const data = response.data
+    //       const tokenStr = data.tokenHead + data.token
+    //       commit('SET_TOKEN', tokenStr)
+    //       resolve()
+    //     }).catch(error => {
+    //       reject(error)
+    //     })
+    //   })
+    // },
+    // // 获取用户信息
+    // GetUserInfo({ commit, state }) {
+    //   console.log(state)
+    //   return new Promise((resolve, reject) => {
+    //     getUserInfo().then(res => {
+    //       const data = res.data
+    //       commit('SET_NAME', data.userName)
+    //       commit('SET_USERID', data.id)
+    //       commit('SET_USERICON', data.headPic)
+    //       // debugger
+    //       resolve(res)
+    //     }).catch(error => {
+    //       reject(error)
+    //     })
+    //   })
+    // },
+    // 前端 登出
+    LogOut({ commit }) {
+      return new Promise(resolve => {
+        commit('SET_TOKEN', '')
+        commit('SET_NAME', '')
+        commit('SET_USERICON', '')
+        localStorage.removeItem('token')
+        resolve()
+      })
+    },
+  }
+})
+
+export default store

src/utils/auth.js

+import Cookies from 'js-cookie'
+
+const TokenKey = 'mallToken'
+
+export function getToken() {
+  return Cookies.get(TokenKey)
+}
+
+export function setToken(token) {
+  return Cookies.set(TokenKey, token)
+}
+
+export function removeToken() {
+  return Cookies.remove(TokenKey)
+}

src/utils/request.js

-// import axios from 'axios'
-// import store from '../store'
-// import router from '../router'
-// import { Message } from 'view-design'
+import axios from 'axios'
+import store from '../store'
+import router from '../router'
+import { Message } from 'element-ui'
 
-// // 创建axios实例
-// const service = axios.create({
-//   baseURL: 'https://api.ecrentcn.com/mall-portal/',
-// // baseURL: "http://api.v2.cnxieku.com/mall-portal/",
-//   // baseURL: "http://192.168.31.127:8201/mall-portal/",
-//   timeout: 60000 // 请求超时时间
-// })
+// 创建axios实例
+const service = axios.create({
+  // baseURL: process.env.NODE_ENV === 'development'?'/api':'http://appapi.antaile.net',
+  baseURL: 'http://appapi.antaile.net',
+  timeout: 60000 // 请求超时时间
+})
 
-// // request拦截器
-// service.interceptors.request.use(config => {
-//   config.headers['clientType'] = 5
-//   if (store.state.token) {
-//     config.headers['Authorization'] = store.state.token
-//     // Loading.service() // 请求开始 开启loading
-//   }
-//   return config
-// }, error => {
-//   // Do something with request error
-//   window.console.log(error) // for debug
-//   Promise.reject(error)
-// })
+// request拦截器
+service.interceptors.request.use(config => {
+  config.headers['clientType'] = 5
+  if (store.state.token) {
+    config.headers['Authorization'] = store.state.token
+    // Loading.service() // 请求开始 开启loading
+  }
+  return config
+}, error => {
+  // Do something with request error
+  window.console.log(error) // for debug
+  Promise.reject(error)
+})
 
-// // respone拦截器
-// service.interceptors.response.use(
-//   response => {
-//     /**
-//      * code为非200是抛错 可结合自己业务进行修改
-//      */
-//     const res = response.data
-//     if (res.code !== 200) {
-//       // 401:未登录;
-//       if (res.code === 401 || res.code === 403) {
-//         store.commit('SET_TOKEN', '')
-//         router.replace({
-//           name: 'login',
-//           query: { redirect: router.currentRoute.fullPath } // 登录后再跳回此页面时要做的配置
-//         })
-//       } else {
-//         if (res.message != '支付失败') {
-//           Message.error(res.message)
-//         }
-//       }
-//       return Promise.reject(res)
-//     } else {
-//       return response.data
-//     }
-//   },
-//   error => {
-//     // 错误信息状态码提示
-//     if (error.response) {
-//       switch (error.response.status) {
-//         case 400:
-//           Message.error('数据请求错误')
-//           break
-//         case 401:
-//           // Message.error('未授权，请重新登录')
-//           store.commit('SET_TOKEN', '')
-//           router.replace({
-//             name: 'login',
-//             query: { redirect: router.currentRoute.fullPath } // 登录后再跳回此页面时要做的配置
-//           })
-//           break
-//         case 403:
-//           Message.error('拒绝访问')
-//           break
-//         case 404:
-//           Message.error('请求错误，未找到该资源')
-//           break
-//         case 405:
-//           Message.error('请求方法未允许')
-//           break
-//         case 408:
-//           Message.error('请求超时')
-//           break
-//         case 500:
-//           Message.error('服务器异常')
-//           break
-//         case 501:
-//           Message.error('网络未实现')
-//           break
-//         case 502:
-//           Message.error('网络错误')
-//           break
-//         case 503:
-//           Message.error('服务不可用')
-//           break
-//         case 504:
-//           Message.error('网络超时')
-//           break
-//         case 505:
-//           Message.error('http版本不支持该请求')
-//           break
-//       }
-//     }
-//     // window.console.log('err' + error)
-//     // Message.error('服务器开小差了，请稍后重试')
-//     return Promise.reject(error)
-//   }
-// )
+// respone拦截器
+service.interceptors.response.use(
+  response => {
+    /**
+     * status为非200是抛错 可结合自己业务进行修改
+     */
     
-// export default service
+    const res = response.data
+    console.log("res",res.status !== 200)
+    if (res.status != 200) {
+      console.log("res",res.status)
+      // 401:未登录;
+      if (res.status === 401 || res.status === 403) {
+        store.commit('SET_TOKEN', '')
+        router.replace({
+          name: 'login',
+          query: { redirect: router.currentRoute.fullPath } // 登录后再跳回此页面时要做的配置
+        })
+      } else {
+        if (res.message != '支付失败') {
+          Message.error(res.message)
+        }
+      }
+      return Promise.reject(res)
+    } else {
+      return response.data
+    }
+  },
+  error => {
+    // 错误信息状态码提示
+    if (error.response) {
+      switch (error.response.status) {
+        case 400:
+          Message.error('数据请求错误')
+          break
+        case 401:
+          // Message.error('未授权，请重新登录')
+          store.commit('SET_TOKEN', '')
+          router.replace({
+            name: 'login',
+            query: { redirect: router.currentRoute.fullPath } // 登录后再跳回此页面时要做的配置
+          })
+          break
+        case 403:
+          Message.error('拒绝访问')
+          break
+        case 404:
+          Message.error('请求错误，未找到该资源')
+          break
+        case 405:
+          Message.error('请求方法未允许')
+          break
+        case 408:
+          Message.error('请求超时')
+          break
+        case 500:
+          Message.error('服务器异常')
+          break
+        case 501:
+          Message.error('网络未实现')
+          break
+        case 502:
+          Message.error('网络错误')
+          break
+        case 503:
+          Message.error('服务不可用')
+          break
+        case 504:
+          Message.error('网络超时')
+          break
+        case 505:
+          Message.error('http版本不支持该请求')
+          break
+      }
+    }
+    // window.console.log('err' + error)
+    // Message.error('服务器开小差了，请稍后重试')
+    return Promise.reject(error)
+  }
+)
+
+export default service

src/views/Login/Register/modules/ValiatePhone.vue

@@ -39,7 +39,7 @@
           <div class="show-choice" >
           <img v-if="isDefault" src="@/assets/images/choice.png" alt="" @click="changeDefault" />
           <img v-else src="@/assets/images/Notselected.png" alt="" @click="changeDefault" />
-          <p @click="changeDefault">默认同意 <router-link :to="{name: 'agreement'}" class="color-primary">《生命纪念馆协议》</router-link></p>
+          <p @click="changeDefault">默认同意 <router-link :to="{path: '/agreement',query: {type: 1}}" class="color-primary">《生命纪念馆协议》</router-link></p>
         </div>
         </el-form-item>
         

src/views/Login/agreement.vue

@@ -3,17 +3,9 @@
     <custom-header></custom-header>
     <div class="container">
       <div class="my-form">
-        <div class="show-content">
-          1.提示条款
-          各条款标题仅为帮助您理解该条款表达的主旨之用，不影响或限制本协议条款的含义或解释为维护您自身权益，建议您仔细阅读各条款具体表述
-          您在申请注册流程中点击同意本协议之前，应当认真阅读本协议。请您务必审慎阅读、充分理解各条款内容，特别是免除或者限制责任的条款、法律适用和争议解决条款。免除或者限制责任的条款将以粗体下划线标识，您应重点阅读。如您对协议有任何疑问，可向安泰乐客服咨询。
-          当您按照注册页面提示填写信息、阅读并同意本协议且完成全部注册程序后，即表示您已充分阅读、理解并接受本协议的全部内容，并与安泰乐达成一致，成为安泰乐网站“用户阅读本协议的过程中，如果您不同意本协议或其中任何条款约定，您应立即停止注册程序。如果您未申请注册流程，或者在本协议生效前已成为安泰乐的注册用户，则您通过访问和/或使用安泰乐，即视为您表示同意接受本协议的全部内容，否则请您不要访问或使用安泰乐平台网站。
-        </div>
+        <div class="show-content" v-html="detail.description"></div>
         <div class="small-btn">
-          <el-button
-            :loading="loading"
-            type="primary"
-            @click.native.prevent="handleFinishCommit"
+          <el-button type="primary" @click.native.prevent="handleFinishCommit"
             >已阅读
           </el-button>
         </div>
@@ -24,174 +16,47 @@
 </template>
 
 <script>
-const TIME_COUNT = 60; //更改倒计时时间
+import { getProtocol } from "@/api/index";
 export default {
-  name: "login",
+  name: "agreement",
   data() {
-    const validatePassword = (rule, value, callback) => {
-      if (value.length < 6) {
-        callback(new Error("管理员密码长度应大于6"));
-      } else {
-        callback();
-      }
-    };
     return {
-      checkedTab: 1,
-      vedioCanPlay: false,
-      fixStyle: "",
-      PATH_TO_MP4: "https://atlimg.oss-cn-hangzhou.aliyuncs.com/web/2574.mp4",
-      PATH_TO_WEBM: "",
-      loginForm: {
-        mobile: "admin123",
-        password: "admin123",
+      detail: {
+        description: null,
       },
-      codeShow: true,
-      smsCodeDisable: false,
-      codeCount: TIME_COUNT,
-      snsMsgWait: null,
-      timer: null,
-      loginRules: {
-        mobile: [
-          { required: true, message: "手机号不允许为空", trigger: "blur" },
-        ],
-        password: [
-          { required: true, message: "管理员密码不允许为空", trigger: "blur" },
-          { validator: validatePassword, trigger: "blur" },
-        ],
-      },
-      passwordType: "password",
-      loading: false,
     };
   },
-  watch: {
-    $route: {
-      handler: function (route) {
-        this.redirect = route.query && route.query.redirect;
-      },
-      immediate: true,
-    },
-  },
-  created() {
-    window.addEventListener("hashchange", this.afterQRScan);
 
-    this.PATH_TO_MP4 =
-      "https://atlimg.oss-cn-hangzhou.aliyuncs.com/web/2574.mp4";
-  },
-  destroyed() {
-    window.removeEventListener("hashchange", this.afterQRScan);
+  created() {
+    this.init();
   },
+
   methods: {
-    changeTab(type) {
-      this.checkedTab = type;
-    },
-    // 发送验证码
-    sendCode() {
-      if (!/^1[345789]\d{9}$/.test(this.ruleForm.phone)) {
-        // Message({
-        //   message: "电话格式不对",
-        //   type: "error",
-        //   duration: 3 * 1000,
-        // });
-        return;
+    init() {
+      if (this.$route.query.type) {
+        this.type = this.$route.query.type;
+        this.getDetail();
       }
-      this.sendSms(this.ruleForm.phone, 11);
-    },
-    //发送验证码
-    sendSms(phone, type) {
-      console.log("type", phone, type);
-      // sendSms(phone, type).then((response) => {
-      //   this.$message.success("发送成功");
-      //   this.codeChange();
-      // });
     },
-    //验证码变化
-    codeChange() {
-      if (!this.timer) {
-        this.codeCount = TIME_COUNT;
-        this.codeShow = false;
-        this.timer = setInterval(() => {
-          if (this.codeCount > 0 && this.codeCount <= TIME_COUNT) {
-            this.snsMsgWait = this.codeCount + "s后可重发";
-            this.codeCount--;
-            this.smsCodeDisable = true;
-          } else {
-            this.codeShow = true;
-            this.smsCodeDisable = false;
-            clearInterval(this.timer);
-            this.timer = null;
-          }
-        }, 1000);
-      }
-    },
-    canplay() {
-      this.vedioCanPlay = true;
-      console.log(this.vedioCanPlay);
-    },
-    showPwd() {
-      if (this.passwordType === "password") {
-        this.passwordType = "";
-      } else {
-        this.passwordType = "password";
-      }
-    },
-    handleNext(formName, type) {
-      this.value.publishType = type;
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          this.$emit("nextStep");
-        }
+    getDetail() {
+      getProtocol({ type: this.type }).then((res) => {
+        console.log(res);
+        this.detail = res.data;
       });
     },
-    handleFinishCommit(formName, isTemp) {
-      this.$refs[formName].validate((valid) => {
-        if (valid) {
-          if (isTemp) {
-            this.value.publishStatus = -1;
-          }
-          this.$emit("finishCommit");
-        } else {
-          this.$message({
-            message: "验证失败",
-            type: "error",
-            duration: 1000,
-          });
-          return false;
-        }
-      });
   },
+  watch: {
+    $route: {
+      handler: function () {
+        this.init();
+      },
+      // 深度观察监听
+      deep: true,
     },
-  mounted: function () {
-    window.onresize = () => {
-      const windowWidth = document.body.clientWidth;
-      const windowHeight = document.body.clientHeight;
-      const windowAspectRatio = windowHeight / windowWidth;
-      let videoWidth;
-      let videoHeight;
-      if (windowAspectRatio < 0.5625) {
-        videoWidth = windowWidth;
-        videoHeight = videoWidth * 0.5625;
-        this.fixStyle = {
-          height: windowWidth * 0.5625 + "px",
-          width: windowWidth + "px",
-          "margin-bottom": (windowHeight - videoHeight) / 2 + "px",
-          "margin-left": "initial",
-        };
-      } else {
-        videoHeight = windowHeight;
-        videoWidth = videoHeight / 0.5625;
-        this.fixStyle = {
-          height: windowHeight + "px",
-          width: windowHeight / 0.5625 + "px",
-          "margin-left": (windowWidth - videoWidth) / 2 + "px",
-          "margin-bottom": "initial",
-        };
-      }
-    };
-    window.onresize();
   },
 };
 </script>
-<style rel="stylesheet/scss" lang="scss" scoped>
+<style  lang="scss" scoped>
 .container {
   width: 1200px;
   margin: 0 auto 30px;

src/views/Login/index.vue

@@ -246,7 +246,7 @@ $light_gray: #eee;
     align-items: center;
     justify-content: space-between;
     .title {
-      font-size: 26px;
+      font-size: 22px;
       font-weight: 400;
       color: #888585;
       margin: 0px auto 40px auto;
@@ -295,11 +295,11 @@ $light_gray: #eee;
 
   button {
     width: 100%;
-    height: 66px;
+    height: 52px;
     background: $bg;
     border-radius: 33px;
     color: #26201e;
-    font-size: 24px;
+    font-size: 22px;
   }
   img{
     margin-top: 30px;

src/views/Preview/index.vue

+<template>
+  <div>
+    <custom-header></custom-header>
+    <div class="container">
+      <el-row :gutter="10">
+        <el-col :span="10">
+          <div class="show-preview">
+            <viw-modal></viw-modal>
+            <div class="show-tab">
+              <p>上一位</p>
+              <p>下一位</p>
+            </div>
+          </div>
+        </el-col>
+        <el-col :span="14">
+          <div class="show-right">
+            <div class="show-erwei">
+              <img src="@/assets/images/appewm.png" alt="" />
+              手机扫码观看
+            </div>
+            <div>
+              <p class="show-title">少年的梦想</p>
+              <p class="show-subtitle">
+                少年的梦想是风的梦想，青春的思念是长长的思念。
+              </p>
+            </div>
+          </div>
+          <div class="show-recommend">
+            <p>推荐浏览</p>
+            <div class="show-list">
+              <img
+                src="@/assets/images/1576573658282.png"
+                alt=""
+                v-for="(item, index) in list"
+                :key="index"
+              />
+            </div>
+          </div>
+        </el-col>
+      </el-row>
+    </div>
+    <custom-footer></custom-footer>
+  </div>
+</template>
+
+<script>
+import viwModal from "@/components/viwModal";
+import { selectRandomAtlTime } from "@/api/index";
+export default {
+  name: "login",
+  components: {
+    viwModal,
+  },
+  data() {
+    return {
+      screenHeight: 0, // 屏幕高度
+      list: [{}],
+    };
+  },
+  created() {
+    this.screenHeight = document.documentElement.clientHeight;
+    this.selectRandomAtlTime();
+  },
+  methods: {
+    selectRandomAtlTime() {
+      selectRandomAtlTime().then((res) => {
+        console.log(res);
+      });
+    },
+  },
+};
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+.container {
+  width: 100%;
+  margin: 0 auto;
+  padding: 10% calc((100% - 1200px) / 2);
+  background: url("~@/assets/images/Exhibitionbg.png") no-repeat;
+  background-size: 100% 100%;
+  box-sizing: border-box;
+}
+.show-preview {
+  display: flex;
+  // justify-content: center;
+  align-items: center;
+  .show-tab {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-left: 20px;
+    p {
+      writing-mode: tb-rl;
+      background: #e9e9e9;
+      font-size: 16px;
+      color: #999;
+      padding: 10px 5px;
+    }
+    p:first-child {
+      margin-bottom: 50px;
+    }
+  }
+}
+.show-right {
+  display: flex;
+  .show-erwei {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-right: 3%;
+    color: #666;
+    font-size: 14px;
+    img {
+      width: 214px;
+      height: 214px;
+
+      margin-bottom: 10px;
+    }
+  }
+
+  .show-title {
+    color: #5d6063;
+    font-size: 30px;
+    font-weight: bold;
+    margin-bottom: 20px;
+  }
+  .show-subtitle {
+    width: 70%;
+    color: #666666;
+    line-height: 36px;
+    letter-spacing: 2px;
+    font-size: 24px;
+  }
+}
+.show-recommend {
+  p {
+    color: #333;
+    font-size: 20px;
+    font-weight: bold;
+    margin: 50px 0 20px;
+  }
+  .show-list {
+    > img {
+      width: 200px;
+      height: 240px;
+      margin: 10px;
+    }
+  }
+}
+</style>
+

src/views/TimePeriod/index.vue

+<template>
+  <div>
+    <custom-header></custom-header>
+    <div class="scroll-animations-example" data-scroll-container>
+      <div class="scrollsection" data-scroll-section>
+        <!-- "item -normal" "item -big" "item -small -horizontal" "item -small" "item -normal -horizontal" "item -big -horizontal" -->
+        <div
+          :class="classRandom(1, 6)"
+          data-scroll
+          :data-scroll-speed="random(1, 4)"
+          v-for="(item, index) in list"
+          :key="index"
+        >
+          <a href="https://www.17sucai.com/" class="image"
+            ><img src="@/assets/images/1.jpg"
+          /></a>
+        </div>
+      </div>
+    </div>
+    <custom-footer></custom-footer>
+  </div>
+</template>
+
+<script>
+import Example from "@/assets/js/script.js";
+import { selectOfficialWebsiteAtlTime } from "@/api/index";
+export default {
+  name: "login",
+  data() {
+    return {
+      list: [],
+      classList: [
+        "item -normal",
+        "item -big",
+        "item -small -horizontal",
+        "item -small",
+        "item -normal -horizontal",
+        "item -big -horizontal",
+      ],
+    };
+  },
+  created() {
+    this.selectOfficialWebsiteAtlTime();
+    window.addEventListener("load", () => {
+      new Example({
+        root: document.querySelector(".scroll-animations-example"),
+      });
+    });
+  },
+  mounted() {},
+  methods: {
+    random(min, max) {
+      return Math.floor(Math.random() * (max - min)) + min;
+    },
+    classRandom(min, max) {
+      let random = this.random(min, max);
+      return this.classList[random];
+    },
+
+    selectOfficialWebsiteAtlTime() {
+      selectOfficialWebsiteAtlTime().then((res) => {
+        console.log(res);
+        this.list = res.data;
+      });
+    },
+  },
+};
+</script>
+<style rel="stylesheet/scss" lang="scss" scoped>
+@import "~@/assets/styles/normalize.min.css";
+@import "~@/assets/styles/style.css";
+@import "~@/assets/styles/locomotive-scroll.min.css";
+</style>
+

src/vue.config.js

@@ -12,4 +12,18 @@ module.exports = {
           }
         }
     },
+    devServer: {
+      proxy: {  //配置跨域
+        '/api': {
+          target: 'http://appapi.antaile.net',  //真实的后台接口
+          changOrigin: true,  //允许跨域
+          pathRewrite: {
+            /* 重写路径，当我们在浏览器中看到请求的地址为：http://localhost:8080/api/core/getData/userInfo 时
+              实际上访问的地址是：http://121.121.67.254:8185/core/getData/userInfo,因为重写了 /api
+             */
+            '^/api': '' 
+          }
+        },
+      }
+    },
 }