{"version":3,"sources":["webpack:///./src/assets/images/art/03.png","webpack:///./src/components/PhoneTitle.vue?d283","webpack:///./src/components/PhoneTitle.vue?17b5","webpack:///src/components/PhoneTitle.vue","webpack:///./src/components/PhoneTitle.vue?5fa9","webpack:///./src/components/PhoneTitle.vue","webpack:///./src/assets/images/art/04.png","webpack:///./src/components/LoadShowIMG.vue?ddcb","webpack:///./src/views/relatedLink.vue?a061","webpack:///src/views/relatedLink.vue","webpack:///./src/views/relatedLink.vue?2189","webpack:///./src/views/relatedLink.vue","webpack:///./src/components/LoadShowIMG.vue?e901","webpack:///src/components/LoadShowIMG.vue","webpack:///./src/components/LoadShowIMG.vue?264a","webpack:///./src/components/LoadShowIMG.vue","webpack:///./src/assets/images/art/01.png","webpack:///./src/views/relatedLink.vue?189b","webpack:///./src/assets/images/art/02.png"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","title","_e","staticRenderFns","props","type","String","require","filterDate","Boolean","component","_l","item","index","key","class","active","$route","name","pathURL","pathName","getPathName","relatedLinkSort","id","items","link","components","LoadShowIMG","PhoneTitle","data","listQuery","page","limit","undefined","linksList","linksList_phone","computed","forEach","pName","getYearGrouop","countYear","push","i","reverse","methods","mounted","$store","commit","getList","imgUrl","artImg"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,uB,oCCA3C,W,oCCAA,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,eAAe,CAACF,EAAG,MAAM,CAACG,YAAY,iEAAiE,CAACH,EAAG,SAAS,CAACG,YAAY,OAAO,CAACP,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIU,UAAWV,EAAc,WAAEI,EAAG,SAAS,CAACA,EAAG,SAAS,CAACE,MAAM,CAAC,MAAQ,SAAS,CAACN,EAAIQ,GAAG,YAAYR,EAAIW,UAClXC,EAAkB,GCWtB,GACEC,MAAO,CACLH,MAAO,CACLI,KAAMC,OACNC,SAAS,GAEXC,WAAY,CACVH,KAAMI,QACNF,SAAS,KCpBqU,I,wBCQhVG,EAAY,eACd,EACApB,EACAa,GACA,EACA,KACA,KACA,MAIa,OAAAO,E,gCCnBftB,EAAOC,QAAU,IAA0B,uB,2DCA3C,W,yCCAA,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,IAAI,CAACG,YAAY,iBAAiB,CAACP,EAAIQ,GAAG,mBAAmBJ,EAAG,MAAM,CAACG,YAAY,kBAAkB,CAACH,EAAG,MAAM,CAACG,YAAY,qBAAqBP,EAAIoB,GAAIpB,EAAmB,iBAAE,SAASqB,EAAKC,GAAO,OAAOlB,EAAG,cAAc,CAACmB,IAAI,OAASD,EAAMf,YAAY,0FAA0FiB,MAAM,CAAEC,OAAQzB,EAAI0B,OAAOC,MAAQN,EAAKO,SAAUtB,MAAM,CAAC,GAAK,CAAEqB,KAAMN,EAAKO,WAAY,CAACxB,EAAG,IAAI,CAACG,YAAY,OAAO,CAACP,EAAIQ,GAAGR,EAAIS,GAAGY,EAAKQ,aAAazB,EAAG,IAAI,CAACG,YAAY,kBAAkBH,EAAG,IAAI,CAACG,YAAY,OAAO,CAACP,EAAIQ,GAAG,IAAIR,EAAIS,GAAGa,EAAQ,WAAU,GAAGlB,EAAG,eAAeA,EAAG,MAAM,CAACG,YAAY,wBAAwB,CAACH,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,IAAI,CAACG,YAAY,OAAO,CAACP,EAAIQ,GAAGR,EAAIS,GAAGT,EAAI8B,YAAY9B,EAAI+B,6BAA6B3B,EAAG,MAAM,CAACG,YAAY,wBAAwB,CAACH,EAAG,MAAM,CAACG,YAAY,SAASP,EAAIoB,GAAIpB,EAAa,WAAE,SAASqB,GAAM,OAAOjB,EAAG,MAAM,CAACmB,IAAIF,EAAKW,GAAGzB,YAAY,qFAAqFP,EAAIoB,GAAG,GAAO,SAASa,EAAMX,GAAO,OAAOlB,EAAG,IAAI,CAACmB,IAAID,EAAMhB,MAAM,CAAC,KAAO2B,EAAMC,KAAK,OAAS,WAAW,CAAClC,EAAIQ,GAAGR,EAAIS,GAAGwB,EAAMvB,aAAY,MAAK,MAAM,KAAKN,EAAG,MAAM,CAACG,YAAY,iCAAiC,CAACH,EAAG,aAAa,CAACE,MAAM,CAAC,MAAQ,OAAO,YAAa,KAASF,EAAG,MAAM,CAACG,YAAY,oBAAoBP,EAAIoB,GAAIpB,EAAmB,iBAAE,SAASqB,GAAM,OAAOjB,EAAG,MAAM,CAACmB,IAAIF,EAAKW,GAAGzB,YAAY,oCAAoC,CAACH,EAAG,IAAI,CAACG,YAAY,aAAa,CAACP,EAAIQ,GAAG,IAAIR,EAAIS,GAAGY,EAAKX,OAAO,YAAW,IAAI,MACvwDE,EAAkB,G,wFCwDtB,GACEuB,WAAY,CACVC,YAAJ,OACIC,WAAJ,QAEEC,KALF,WAMI,MAAO,CACLP,gBAAiB,CACvB,CACQ,QAAR,cACQ,SAAR,SAGMQ,UAAW,CACTC,KAAM,EACNC,MAAO,IACPlB,SAAKmB,GAEPC,UAAW,GACXC,gBAAiB,KAGrBC,SAAU,CACRf,YADJ,WACA,WACM,OAAO,SAAb,GACQ,IAAR,KAMQ,OALAQ,EAAKQ,SAAQ,SAArB,GACc,EAAd,yBACYC,EAAQ1B,EAAKQ,aAGVkB,IAGXC,cAZJ,WAaM,OAAO,WAGL,IAFA,IAAR,2BACA,KACA,eACUC,EAAUC,KAAKC,GAGjB,OADAF,EAAUG,UACHH,KAIbI,QAAS,CACP,QADJ,WACA,wKACA,kDACA,SACA,qCACA,WACA,iCAGA,cACA,8BACA,oCAVA,+CAcEC,QA7DF,WA8DIrD,KAAKsD,OAAOC,OAAO,cAAc,GACjCvD,KAAKwD,YCxH4U,I,wBCQjVtC,EAAY,eACd,EACApB,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAO,E,oECnBf,IAAIpB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,gBAAgB,CAACF,EAAG,MAAM,CAACG,YAAY,4CAA4CP,EAAIoB,GAAIpB,EAAU,QAAE,SAASqB,EAAKC,GAAO,OAAOlB,EAAG,OAAO,CAACmB,IAAI,OAASD,EAAMf,YAAY,iBAAiB,CAACH,EAAG,MAAM,CAACE,MAAM,CAAC,IAAMe,EAAKqC,OAAO,IAAM,GAAG,MAAQ,eAAc,MACnX9C,EAAkB,GCUtB,GACE0B,KADF,WAEI,MAAO,CACLqB,OAAQ,CACd,CACQ,OAAR,WAEA,CACQ,OAAR,WAEA,CACQ,OAAR,WAEA,CACQ,OAAR,eCzBqV,I,wBCQjVxC,EAAY,eACd,EACApB,EACAa,GACA,EACA,KACA,KACA,MAIa,OAAAO,E,8BCnBftB,EAAOC,QAAU,IAA0B,uB,kCCA3C,W,4CCAAD,EAAOC,QAAU,IAA0B","file":"js/chunk-0a070431.4400c7dd.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/03.bfa962e9.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhoneTitle.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"phoneTitle\"}},[_c('div',{staticClass:\"px-20 py-10 d-flex align-items-center justify-content-between\"},[_c('strong',{staticClass:\"m-0\"},[_vm._v(_vm._s(_vm.title))]),(_vm.filterDate)?_c('select',[_c('option',{attrs:{\"value\":\"2020\"}},[_vm._v(\"2020\")])]):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"phoneTitle\">\r\n    <div class=\"px-20 py-10 d-flex align-items-center justify-content-between\">\r\n      <strong class=\"m-0\">{{ title }}</strong>\r\n      <select v-if=\"filterDate\">\r\n        <option value=\"2020\">2020</option>\r\n      </select>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    title: {\r\n      type: String,\r\n      require: true,\r\n    },\r\n    filterDate: {\r\n      type: Boolean,\r\n      require: true,\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n#phoneTitle {\r\n  strong {\r\n    font-size: 24px;\r\n    line-height: 28px;\r\n    color: #ceb87f;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhoneTitle.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PhoneTitle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PhoneTitle.vue?vue&type=template&id=2e0cd0b1&\"\nimport script from \"./PhoneTitle.vue?vue&type=script&lang=js&\"\nexport * from \"./PhoneTitle.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PhoneTitle.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/04.61d33232.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadShowIMG.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"relatedLink\"},[_c('div',{staticClass:\"web d-none d-mb-block\"},[_c('p',{staticClass:\"m-0 Txt-title\"},[_vm._v(\"Related links\")]),_c('div',{staticClass:\"mt-70 newsCard\"},[_c('div',{staticClass:\"newsCard-sortText\"},_vm._l((_vm.relatedLinkSort),function(item,index){return _c('router-link',{key:'NS__' + index,staticClass:\"mr-35 mb-15 d-flex align-items-center justify-content-end flex-row text-decoration-none\",class:{ active: _vm.$route.name == item.pathURL },attrs:{\"to\":{ name: item.pathURL }}},[_c('p',{staticClass:\"m-0\"},[_vm._v(_vm._s(item.pathName))]),_c('i',{staticClass:\"el-icon-minus\"}),_c('p',{staticClass:\"m-0\"},[_vm._v(\"0\"+_vm._s(index + 1))])])}),1),_c('LoadShowIMG'),_c('div',{staticClass:\"w-100 newsCard-title\"},[_c('div',{staticClass:\"p-60\"},[_c('div',{staticClass:\"w-100 d-flex flex-row\"},[_c('div',{staticClass:\"w-100\"},[_c('p',{staticClass:\"m-0\"},[_vm._v(_vm._s(_vm.getPathName(_vm.relatedLinkSort)))])])])])]),_c('div',{staticClass:\"newsCard-contentCard\"},[_c('div',{staticClass:\"w-100\"},_vm._l((_vm.linksList),function(item){return _c('div',{key:item.id,staticClass:\"relatedLinkTable w-100 d-flex align-items-center justify-content-between flex-row\"},_vm._l((item),function(items,index){return _c('a',{key:index,attrs:{\"href\":items.link,\"target\":\"_blank\"}},[_vm._v(_vm._s(items.title))])}),0)}),0)])],1)]),_c('div',{staticClass:\"phone d-block d-mb-none pt-70\"},[_c('PhoneTitle',{attrs:{\"title\":\"相關連結\",\"filterDate\":false}}),_c('div',{staticClass:\"p-30 relatedCard\"},_vm._l((_vm.linksList_phone),function(item){return _c('div',{key:item.id,staticClass:\"w-100 relatedCard__content mb-30\"},[_c('p',{staticClass:\"m-0 pb-20\"},[_vm._v(\" \"+_vm._s(item.title)+\" \")])])}),0)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"relatedLink\">\r\n    <div class=\"web d-none d-mb-block\">\r\n      <p class=\"m-0 Txt-title\">Related links</p>\r\n      <div class=\"mt-70 newsCard\">\r\n        <div class=\"newsCard-sortText\">\r\n          <router-link\r\n            class=\"mr-35 mb-15 d-flex align-items-center justify-content-end flex-row text-decoration-none\"\r\n            :class=\"{ active: $route.name == item.pathURL }\"\r\n            :to=\"{ name: item.pathURL }\"\r\n            v-for=\"(item, index) in relatedLinkSort\"\r\n            :key=\"'NS__' + index\">\r\n            <p class=\"m-0\">{{ item.pathName }}</p>\r\n            <i class=\"el-icon-minus\"></i>\r\n            <p class=\"m-0\">0{{ index + 1 }}</p>\r\n          </router-link>\r\n        </div>\r\n\r\n        <LoadShowIMG />\r\n\r\n        <div class=\"w-100 newsCard-title\">\r\n          <div class=\"p-60\">\r\n            <div class=\"w-100 d-flex flex-row\">\r\n              <div class=\"w-100\">\r\n                <p class=\"m-0\">{{ getPathName(relatedLinkSort) }}</p>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"newsCard-contentCard\">\r\n          <div class=\"w-100\">\r\n            <div class=\"relatedLinkTable w-100 d-flex align-items-center justify-content-between flex-row\" v-for=\"item in linksList\" :key=\"item.id\">\r\n              <a :href=\"items.link\" target=\"_blank\" v-for=\"(items, index) in item\" :key=\"index\">{{ items.title }}</a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"phone d-block d-mb-none pt-70\">\r\n      <PhoneTitle title=\"相關連結\" :filterDate=\"false\" />\r\n      <div class=\"p-30 relatedCard\">\r\n        <div class=\"w-100 relatedCard__content mb-30\" v-for=\"item in linksList_phone\" :key=\"item.id\">\r\n          <p class=\"m-0 pb-20\">\r\n            {{ item.title }}\r\n          </p>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport LoadShowIMG from \"@/components/LoadShowIMG.vue\";\r\nimport PhoneTitle from \"@/components/PhoneTitle.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    LoadShowIMG,\r\n    PhoneTitle,\r\n  },\r\n  data() {\r\n    return {\r\n      relatedLinkSort: [\r\n        {\r\n          pathURL: \"relatedLink\",\r\n          pathName: \"相關連結\",\r\n        },\r\n      ],\r\n      listQuery: {\r\n        page: 1,\r\n        limit: 999,\r\n        key: undefined,\r\n      },\r\n      linksList: [],\r\n      linksList_phone: [],\r\n    };\r\n  },\r\n  computed: {\r\n    getPathName() {\r\n      return (data) => {\r\n        let pName = \"\";\r\n        data.forEach((item) => {\r\n          if (this.$route.name == item.pathURL) {\r\n            pName = item.pathName;\r\n          }\r\n        });\r\n        return pName;\r\n      };\r\n    },\r\n    getYearGrouop() {\r\n      return () => {\r\n        const YY = new Date().getFullYear();\r\n        let countYear = [];\r\n        for (let i = YY - 5; i <= YY; i++) {\r\n          countYear.push(i);\r\n        }\r\n        countYear.reverse();\r\n        return countYear;\r\n      };\r\n    },\r\n  },\r\n  methods: {\r\n    async getList() {\r\n      await this.$api.relatedlink(this.listQuery).then((res) => {\r\n        const linksListSplit = [];\r\n        res.data.data.forEach((item, index, arr) => {\r\n          if (index % 2 === 0) {\r\n            return linksListSplit.push(arr.slice(index, index + 2));\r\n          }\r\n        });\r\n        this.linksList = linksListSplit;\r\n        this.linksList_phone = res.data.data;\r\n        this.$store.commit(\"SETLOADING\", false);\r\n      });\r\n    },\r\n  },\r\n  mounted() {\r\n    this.$store.commit(\"SETLOADING\", true);\r\n    this.getList();\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.relatedLink {\r\n  .web {\r\n    padding-top: 420px;\r\n    margin-left: 120px;\r\n\r\n    .Txt-title {\r\n      font-size: 48px;\r\n      line-height: 56px;\r\n      color: #596164;\r\n    }\r\n\r\n    .newsCard {\r\n      background-color: white;\r\n      padding-bottom: 90px;\r\n      &-sortText {\r\n        position: absolute;\r\n        right: 0;\r\n        z-index: 10;\r\n        margin-top: 45px;\r\n        a {\r\n          font-weight: 400;\r\n          font-size: 24px;\r\n          line-height: 210%;\r\n          letter-spacing: 0.25em;\r\n          color: #52505a;\r\n          cursor: pointer;\r\n          &:hover {\r\n            color: #563f05;\r\n            font-weight: bold;\r\n          }\r\n        }\r\n      }\r\n      .active {\r\n        color: #563f05;\r\n        font-weight: bold;\r\n      }\r\n      &-title {\r\n        p {\r\n          width: 130px;\r\n          font-size: 64px;\r\n          line-height: 75px;\r\n          color: #ceb87f;\r\n        }\r\n        &_chooseYear {\r\n          select {\r\n            width: 150px;\r\n            height: 35px;\r\n            border: 0;\r\n            border-radius: 15px;\r\n            background: #ceb87f;\r\n            text-align-last: center;\r\n            font-size: 18px;\r\n            line-height: 21px;\r\n            color: #52505a;\r\n            cursor: pointer;\r\n          }\r\n        }\r\n      }\r\n      &-contentCard {\r\n        background: #2d2d2d;\r\n        padding: 60px 240px 170px 90px;\r\n        .relatedLinkTable {\r\n          padding: 30px;\r\n          border-bottom: 1px solid #000000;\r\n          a {\r\n            text-decoration: none;\r\n            font-size: 20px;\r\n            line-height: 25px;\r\n            letter-spacing: 0.2em;\r\n            color: #ffffff;\r\n            &:hover {\r\n              font-weight: bold;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .phone {\r\n    .relatedCard {\r\n      background: #2d2d2d;\r\n      min-height: calc(100vh - 490px);\r\n      &__content {\r\n        p {\r\n          font-size: 14px;\r\n          line-height: 17px;\r\n          letter-spacing: 0.2em;\r\n          color: #ffffff;\r\n          border-bottom: 1px solid #000000;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./relatedLink.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./relatedLink.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./relatedLink.vue?vue&type=template&id=65a88eb8&\"\nimport script from \"./relatedLink.vue?vue&type=script&lang=js&\"\nexport * from \"./relatedLink.vue?vue&type=script&lang=js&\"\nimport style0 from \"./relatedLink.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"loadShowIMG\"}},[_c('div',{staticClass:\"w-100 d-flex align-items-center flex-row\"},_vm._l((_vm.artImg),function(item,index){return _c('span',{key:'AI__' + index,staticClass:\"w-100 transBg\"},[_c('img',{attrs:{\"src\":item.imgUrl,\"alt\":\"\",\"width\":\"100%\"}})])}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"loadShowIMG\">\r\n    <div class=\"w-100 d-flex align-items-center flex-row\">\r\n      <span class=\"w-100 transBg\" v-for=\"(item, index) in artImg\" :key=\"'AI__' + index\">\r\n        <img :src=\"item.imgUrl\" alt=\"\" width=\"100%\" />\r\n      </span>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      artImg: [\r\n        {\r\n          imgUrl: require(\"@/assets/images/art/01.png\"),\r\n        },\r\n        {\r\n          imgUrl: require(\"@/assets/images/art/02.png\"),\r\n        },\r\n        {\r\n          imgUrl: require(\"@/assets/images/art/03.png\"),\r\n        },\r\n        {\r\n          imgUrl: require(\"@/assets/images/art/04.png\"),\r\n        },\r\n      ],\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.transBg {\r\n  img {\r\n    opacity: 0;\r\n    animation-name: loadShow;\r\n    animation-duration: 1.5s;\r\n    animation-delay: 0.8s;\r\n    animation-fill-mode: forwards;\r\n  }\r\n}\r\n\r\n@keyframes loadShow {\r\n  0% {\r\n    opacity: 0;\r\n  }\r\n  100% {\r\n    opacity: 1;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadShowIMG.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./LoadShowIMG.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LoadShowIMG.vue?vue&type=template&id=7c29bcbc&\"\nimport script from \"./LoadShowIMG.vue?vue&type=script&lang=js&\"\nexport * from \"./LoadShowIMG.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LoadShowIMG.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/01.d8e64826.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./relatedLink.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/02.b80431f2.png\";"],"sourceRoot":""}