{"version":3,"sources":["webpack:///./src/assets/船.jpg","webpack:///src/views/login/config/w-gradual.vue","webpack:///./src/views/login/config/w-gradual.vue?4d7f","webpack:///./src/views/login/config/w-gradual.vue"],"names":["module","exports","__webpack_require__","p","w_gradual","Boolean","Number","Array","_this","this","length","interval","initDots","_this2","timer","index","render","_vm","_h","$createElement","_c","_self","staticClass","_t","ref","_l","item","key","class","active","currentPageIndex","attrs","src","_e","staticRenderFns","injectStyle","context","__vue_template_functional__","__vue_styles__","__vue_scopeId__","__vue_module_identifier__","Component","Object","component_normalizer","__webpack_exports__"],"mappings":"4DAAAA,EAAAC,QAAAC,EAAAC,EAAA,2HCcA,IAAAC,qBAIAC,iBAEA,kBAEAA,iBAEA,kBAEAC,eAEA,gBAEAC,qFAUA,kCAIAL,EAGA,6BAEA,IAAAM,EAAAC,wFAEAC,aACAC,eACAC,uEAIAF,4BAEA,IAAAG,EAAAJ,wBACAK,6BACAC,qFAEAL,aACAC,aChEAK,EAAA,WAA0B,IAAAC,EAAAR,KAAaS,EAAAD,EAAAE,eAA0BC,EAAAH,EAAAI,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,cAAwBL,EAAAM,GAAA,OAAAN,EAAAM,GAAA,SAAAH,EAAA,OAA0CI,IAAA,cAAAF,YAAA,mBAAgDL,EAAAQ,GAAAR,EAAA,cAAAS,EAAAX,GAAwC,OAAAK,EAAA,OAAiBO,IAAAD,EAAAE,OAAgBC,OAAAZ,EAAAa,kBAAAf,GAAsCgB,OAAQC,IAAAN,QAAiPT,EAAAgB,MAAA,IACpkBC,iBCDA,SAAAC,EAAAC,GACAlC,EAAA,QAQA,IAAAmC,GAAA,EAEAC,EAAAH,EAEAI,EAAA,kBAEAC,EAAA,KAEAC,EAAAC,OAAAC,EAAA,KAAAD,CACAtC,EACAY,EACAkB,EACAG,EACAC,EACAC,EACAC,GAGAI,EAAA,WAAAH,EAAA","file":"js/6.2061ecca.js","sourcesContent":["module.exports = __webpack_public_path__ + \"2bd7258349ec53bcc771f4c1dffab31c.jpg\";\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/assets/船.jpg\n// module id = cLEB\n// module chunks = 1 6","<template>\n  <div class=\"w-gradual\">\n    <slot name=\"top\"></slot>\n    <slot name=\"login\"></slot>\n    <div class=\"w-gradual-group\" ref=\"sliderGroup\">\n      <img v-for=\"(item, index) in imgs\" :src=\"item\" :key=\"item\" :class=\"{active: currentPageIndex == index}\" />\n    </div>\n    <div class=\"w-dots\" v-if=\"false\">\n      <span class=\"w-dot\" v-for=\"(item, index) in dots\" :class=\"{active: currentPageIndex == index}\" :key=\"index\" @click=\"select(index)\"></span>\n    </div>\n  </div>\n</template>\n\n<script>\n  export default {\n    props: {\n      loop: {\n        type: Boolean,\n        default: true\n      },\n      autoPlay: {\n        type: Boolean,\n        default: true\n      },\n      interval: {\n        type: Number,\n        default: 4000\n      },\n      imgs: {\n        type: Array,\n        default: function () {\n          return []\n        }\n      }\n    },\n    data: function () {\n      return {\n        dots: [],\n        currentPageIndex: 0\n      }\n    },\n    created() {\n\n      this.pics = [\n        require('../../../assets/船.jpg'),\n        // require('../../../assets/banner1.jpg')\n      ]\n    },\n    mounted: function () {\n      this.timer = setInterval(() => {\n        this.currentPageIndex = (this.currentPageIndex + 1) % this.imgs.length;\n      }, this.interval);\n      this.initDots();\n    },\n    methods: {\n      initDots: function () {\n        this.dots = new Array(this.imgs.length);\n      },\n      select: function (index) {\n        clearInterval(this.timer);\n        this.currentPageIndex = index;\n        this.timer = setInterval(() => {\n          this.currentPageIndex = (this.currentPageIndex + 1) % this.imgs.length;\n        }, this.interval);\n      }\n    }\n  }\n</script>\n\n<style lang=\"scss\" scoped>\n  .w-gradual {\n    position: relative;\n    width: 100%;\n    overflow: hidden;\n\n    .w-gradual-group {\n      >* {\n        position: absolute;\n        width: 100%;\n        left: 0;\n        top: 0;\n        transition: all 0.8s ease;\n        opacity: 0;\n\n        &.active {\n          opacity: 1;\n        }\n      }\n    }\n\n    .w-dots {\n      position: absolute;\n      bottom: 12px;\n      width: 100%;\n      text-align: center;\n\n      .w-dot {\n        cursor: pointer;\n        display: inline-block;\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: hsla(0, 0%, 100%, .5);\n        margin: 0 4px;\n\n        &.active {\n          width: 20px;\n          border-radius: 5px;\n          background: hsla(0, 0%, 100%, .8);\n        }\n      }\n    }\n  }\n</style>\n\n\n\n// WEBPACK FOOTER //\n// src/views/login/config/w-gradual.vue","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-gradual\"},[_vm._t(\"top\"),_vm._t(\"login\"),_c('div',{ref:\"sliderGroup\",staticClass:\"w-gradual-group\"},_vm._l((_vm.imgs),function(item,index){return _c('img',{key:item,class:{active: _vm.currentPageIndex == index},attrs:{\"src\":item}})})),(false)?_c('div',{staticClass:\"w-dots\"},_vm._l((_vm.dots),function(item,index){return _c('span',{key:index,staticClass:\"w-dot\",class:{active: _vm.currentPageIndex == index},on:{\"click\":function($event){_vm.select(index)}}})})):_vm._e()],2)}\nvar staticRenderFns = []\nexport { render, staticRenderFns }\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./node_modules/@vue/cli-service/node_modules/vue-loader/lib/template-compiler?{\"id\":\"data-v-04190532\",\"hasScoped\":true,\"optionsId\":\"0\",\"buble\":{\"transforms\":{}}}!./node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/views/login/config/w-gradual.vue\n// module id = null\n// module chunks = ","function injectStyle (context) {\n  require(\"!!../../../../node_modules/extract-text-webpack-plugin/dist/loader.js?{\\\"omit\\\":1,\\\"remove\\\":true}!vue-style-loader!css-loader?{\\\"sourceMap\\\":false,\\\"minimize\\\":true}!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/style-compiler/index?{\\\"optionsId\\\":\\\"0\\\",\\\"vue\\\":true,\\\"id\\\":\\\"data-v-04190532\\\",\\\"scoped\\\":true,\\\"sourceMap\\\":false}!sass-loader?{\\\"sourceMap\\\":false}!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=styles&index=0!./w-gradual.vue\")\n}\n/* script */\nexport * from \"!!cache-loader?{\\\"cacheDirectory\\\":\\\"F:\\\\\\\\VODOFO\\\\\\\\集装箱项目\\\\\\\\web\\\\\\\\node_modules\\\\\\\\.cache\\\\\\\\cache-loader\\\"}!babel-loader!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=script&index=0!./w-gradual.vue\"\nimport __vue_script__ from \"!!cache-loader?{\\\"cacheDirectory\\\":\\\"F:\\\\\\\\VODOFO\\\\\\\\集装箱项目\\\\\\\\web\\\\\\\\node_modules\\\\\\\\.cache\\\\\\\\cache-loader\\\"}!babel-loader!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=script&index=0!./w-gradual.vue\"\n/* template */\nimport {render as __vue_render__, staticRenderFns as __vue_static_render_fns__} from \"!!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-04190532\\\",\\\"hasScoped\\\":true,\\\"optionsId\\\":\\\"0\\\",\\\"buble\\\":{\\\"transforms\\\":{}}}!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/selector?type=template&index=0!./w-gradual.vue\"\n/* template functional */\nvar __vue_template_functional__ = false\n/* styles */\nvar __vue_styles__ = injectStyle\n/* scopeId */\nvar __vue_scopeId__ = \"data-v-04190532\"\n/* moduleIdentifier (server only) */\nvar __vue_module_identifier__ = null\nimport normalizeComponent from \"!../../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/component-normalizer\"\nvar Component = normalizeComponent(\n  __vue_script__,\n  __vue_render__,\n  __vue_static_render_fns__,\n  __vue_template_functional__,\n  __vue_styles__,\n  __vue_scopeId__,\n  __vue_module_identifier__\n)\n\nexport default Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./src/views/login/config/w-gradual.vue\n// module id = null\n// module chunks = "],"sourceRoot":""}