{"version":3,"sources":["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/education/education1.svg","webpack:///./src/assets/images/education/education.svg","webpack:///./src/assets/images/icon/cancel.png","webpack:///./src/views/aboutUS/history.vue?823b","webpack:///./src/assets/images/education/education2.svg","webpack:///./src/views/aboutUS/history.vue?a34a","webpack:///src/views/aboutUS/history.vue","webpack:///./src/views/aboutUS/history.vue?caf5","webpack:///./src/views/aboutUS/history.vue","webpack:///./src/assets/images/education/education3.svg","webpack:///./src/assets/images/educationSystem.png","webpack:///./src/assets/images/history.png"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","title","_e","staticRenderFns","props","type","String","require","filterDate","Boolean","component","module","exports","_l","item","index","key","on","$event","openPeriod","name","_m","index1","openPeriod_phone","getEducationInfo","options","datetime","items","$index","text","footer","showPeriod","imgURL","showPeriod_phone","components","PhoneTitle","data","education","methods"],"mappings":"kHAAA,W,oCCAA,IAAIA,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,gCCnBfC,EAAOC,QAAU,IAA0B,+B,uBCA3CD,EAAOC,QAAU,IAA0B,8B,4CCA3CD,EAAOC,QAAU,sV,kCCAjB,W,qBCAAD,EAAOC,QAAU,IAA0B,+B,gECA3C,IAAItB,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,YAAY,CAACF,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,SAAS,CAACG,YAAY,aAAa,CAACH,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,IAAI,CAACF,EAAG,MAAM,GAAG,CAACA,EAAG,MAAM,CAACE,MAAM,CAAC,IAAM,EAAQ,QAA+B,IAAM,GAAG,MAAQ,cAAcF,EAAG,SAAS,CAACE,MAAM,CAAC,KAAO,KAAK,CAACF,EAAG,MAAM,CAACG,YAAY,wCAAwC,CAACH,EAAG,IAAI,CAACG,YAAY,yBAAyB,CAACP,EAAIQ,GAAG,UAAUJ,EAAG,IAAI,CAACG,YAAY,2BAA2B,CAACP,EAAIQ,GAAG,gIAAgIJ,EAAG,IAAI,CAACG,YAAY,2BAA2B,CAACP,EAAIQ,GAAG,0KAA0K,GAAGJ,EAAG,MAAM,CAACG,YAAY,sDAAsDP,EAAIsB,GAAItB,EAAa,WAAE,SAASuB,EAAKC,GAAO,OAAOpB,EAAG,MAAM,CAACqB,IAAI,OAASD,EAAMjB,YAAY,yEAAyEmB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO3B,EAAI4B,WAAWL,MAAS,CAACvB,EAAIQ,GAAG,IAAIR,EAAIS,GAAGc,EAAKM,MAAM,UAAS,GAAG7B,EAAI8B,GAAG,IAAI,GAAG1B,EAAG,MAAM,CAACG,YAAY,2BAA2B,CAACH,EAAG,MAAM,CAACG,YAAY,kBAAkB,CAACP,EAAI8B,GAAG,GAAG1B,EAAG,MAAM,CAACG,YAAY,iEAAiEP,EAAIsB,GAAItB,EAAa,WAAE,SAASuB,EAAKQ,GAAQ,OAAO3B,EAAG,MAAM,CAACqB,IAAI,QAAUM,EAAOxB,YAAY,wCAAwC,CAACH,EAAG,MAAM,CAACG,YAAY,OAAOmB,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAO3B,EAAIgC,iBAAiBT,MAAS,CAACnB,EAAG,IAAI,CAACG,YAAY,OAAO,CAACP,EAAIQ,GAAGR,EAAIS,GAAGc,EAAKM,gBAAe,GAAGzB,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,aAAa,CAACE,MAAM,CAAC,MAAQ,OAAO,YAAa,KAASN,EAAI8B,GAAG,IAAI,OAAQ9B,EAAc,WAAEI,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,MAAM,CAACG,YAAY,kBAAkB,CAACH,EAAG,MAAM,CAACG,YAAY,0DAA0D,CAACH,EAAG,MAAM,CAACG,YAAY,qBAAqB,CAACH,EAAG,MAAM,CAACG,YAAY,0BAA0B,CAACH,EAAG,MAAM,CAACG,YAAY,2BAA2B,CAACH,EAAG,SAAS,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIiC,iBAAiBJ,WAAWzB,EAAG,MAAM,CAACG,YAAY,uBAAuB,CAACH,EAAG,MAAM,CAACG,YAAY,qEAAqE,CAACH,EAAG,MAAM,CAACG,YAAY,kEAAkEP,EAAIsB,GAAItB,EAAIiC,iBAAiBC,QAAe,SAAE,SAASX,EAAKC,GAAO,OAAOpB,EAAG,MAAM,CAACqB,IAAI,OAASD,EAAMjB,YAAY,sEAAsE,CAACH,EAAG,MAAM,CAACG,YAAY,mDAAmD,CAACH,EAAG,IAAI,CAACG,YAAY,OAAO,CAACP,EAAIQ,GAAG,IAAIR,EAAIS,GAAGc,EAAKY,UAAU,SAAS/B,EAAG,MAAM,CAACG,YAAY,6CAA6CP,EAAIsB,GAAIC,EAAY,SAAE,SAASa,EAAMC,GAAQ,OAAOjC,EAAG,IAAI,CAACqB,IAAI,QAAUY,EAAO9B,YAAY,OAAO,CAACP,EAAIQ,GAAG,IAAIR,EAAIS,GAAG2B,EAAME,MAAM,UAAS,QAAO,GAAItC,EAAIiC,iBAAiBC,QAAc,OAAE9B,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,cAAcA,EAAG,MAAM,CAACG,YAAY,eAAe,CAACH,EAAG,MAAM,CAACG,YAAY,uCAAuC,CAACH,EAAG,SAAS,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIiC,iBAAiBC,QAAQK,gBAAgB,GAAGvC,EAAIW,WAAWP,EAAG,MAAM,CAACG,YAAY,wBAAwB,CAACH,EAAG,MAAM,CAACG,YAAY,6EAA6EmB,GAAG,CAAC,MAAQ,SAASC,GAAQ3B,EAAIwC,YAAa,KAAS,CAACpC,EAAG,IAAI,CAACG,YAAY,8BAA8BP,EAAIW,KAAMX,EAAoB,iBAAEI,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,MAAM,CAACG,YAAY,kBAAkB,CAACH,EAAG,MAAM,CAACG,YAAY,0DAA0D,CAACH,EAAG,MAAM,CAACG,YAAY,oDAAoD,CAACH,EAAG,MAAM,CAACG,YAAY,+BAA+B,CAACH,EAAG,MAAM,CAACG,YAAY,4BAA4B,CAACH,EAAG,MAAM,CAACG,YAAY,sEAAsE,CAACH,EAAG,MAAM,CAACG,YAAY,qBAAqB,CAACH,EAAG,MAAM,CAACG,YAAY,SAAS,CAACH,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,SAAS,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIiC,iBAAiBJ,WAAWzB,EAAG,MAAM,CAACE,MAAM,CAAC,IAAMN,EAAIiC,iBAAiBC,QAAQO,OAAO,IAAM,GAAG,MAAQ,UAAWzC,EAAIiC,iBAAiBC,QAAc,OAAE9B,EAAG,MAAM,CAACG,YAAY,2CAA2C,CAACH,EAAG,SAAS,CAACJ,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIiC,iBAAiBC,QAAQK,aAAavC,EAAIW,eAAeP,EAAG,MAAM,CAACG,YAAY,wBAAwB,CAACH,EAAG,MAAM,CAACG,YAAY,kGAAkGmB,GAAG,CAAC,MAAQ,SAASC,GAAQ3B,EAAI0C,kBAAmB,KAAS,CAACtC,EAAG,MAAM,CAACE,MAAM,CAAC,IAAM,EAAQ,QAAmC,IAAM,kBAAkBN,EAAIW,QACzrJC,EAAkB,CAAC,WAAa,IAAIZ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,iCAAiC,CAACH,EAAG,IAAI,CAACG,YAAY,mBAAmB,CAACP,EAAIQ,GAAG,UAAUJ,EAAG,MAAM,CAACG,YAAY,gEAAgE,CAACH,EAAG,MAAM,CAACE,MAAM,CAAC,IAAM,EAAQ,QAAuC,IAAM,WAAW,WAAa,IAAIN,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,yBAAyB,CAACH,EAAG,IAAI,CAACG,YAAY,OAAO,CAACP,EAAIQ,GAAG,gIAAgIJ,EAAG,IAAI,CAACG,YAAY,aAAa,CAACP,EAAIQ,GAAG,wKAAwK,WAAa,IAAIR,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,2BAA2B,CAACH,EAAG,MAAM,CAACG,YAAY,QAAQ,CAACH,EAAG,MAAM,CAACE,MAAM,CAAC,IAAM,EAAQ,QAA2C,IAAM,GAAG,MAAQ,gB,YCqJ/nC,GACEqC,WAAY,CACVC,WAAJ,QAEEC,KAJF,WAKI,MAAO,CACLC,UAAW,CACjB,CACQ,KAAR,OACQ,QAAR,CACU,QAAV,CACA,CACY,SAAZ,QACY,QAAZ,CACA,CACc,MAAd,UACc,KAAd,WAIA,CACY,SAAZ,QACY,QAAZ,CACA,CACc,MAAd,UACc,KAAd,SAIA,CACY,SAAZ,QACY,QAAZ,CACA,CACc,MAAd,UACc,KAAd,WAIA,CACY,SAAZ,QACY,QAAZ,CACA,CACc,MAAd,UACc,KAAd,SAEA,CACc,MAAd,UACc,KAAd,kBAKU,OAAV,iBACU,OAAV,YAGA,CACQ,KAAR,OACQ,QAAR,CACU,QAAV,CACA,CACY,SAAZ,QACY,QAAZ,CACA,CACc,MAAd,UACc,KAAd,UAIA,CACY,SAAZ,QACY,QAAZ,CACA,CACc,MAAd,UACc,KAAd,qBAKU,OAAV,GACU,OAAV,YAGA,CACQ,KAAR,OACQ,QAAR,CACU,QAAV,CACA,CACY,SAAZ,UACY,QAAZ,CACA,CACc,MAAd,UACc,KAAd,UAIA,CACY,SAAZ,QACY,QAAZ,CACA,CACc,MAAd,UACc,KAAd,aAEA,CACc,MAAd,UACc,KAAd,WAIA,CACY,SAAZ,QACY,QAAZ,CACA,CACc,MAAd,UACc,KAAd,eAKU,OAAV,mCACU,OAAV,aAIMN,YAAY,EACZE,kBAAkB,EAClBT,iBAAkB,KAGtBc,QAAS,CACPnB,WADJ,SACA,GACM3B,KAAKuC,YAAa,EAClBvC,KAAKgC,iBAAmBY,GAE1Bb,iBALJ,SAKA,GACM/B,KAAKyC,kBAAmB,EACxBzC,KAAKgC,iBAAmBY,KC9RkU,I,wBCQ5V1B,EAAY,eACd,EACApB,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAO,E,8BCnBfC,EAAOC,QAAU,IAA0B,+B,qBCA3CD,EAAOC,QAAU,IAA0B,oC,qBCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-dd1cbda4.05848128.js","sourcesContent":["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/education1.eba8c358.svg\";","module.exports = __webpack_public_path__ + \"img/education.a3857f96.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACASURBVHgBpZILCsAgDENTL9568m6Cjs2l1rGAIJq8+inQ5e7aBhJRX18c0iT89E2LISTylXNPSDG7Q/rciE+GwZxLg8pNNh8xguThjxAe3oS8woUxsOAjqa4bV9A/YQ5ZhM0XX5yGkT9s2IlVRC5An1fio51oiB859o37ItHsOwDS9P0koXz4xQAAAABJRU5ErkJggg==\"","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!./history.vue?vue&type=style&index=0&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/education2.3724ee33.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"history\"}},[_c('div',{staticClass:\"web d-none d-mb-block\"},[_c('el-row',{staticClass:\"transY--4\"},[_c('el-col',{attrs:{\"span\":8}},[_c('div',{},[_c('img',{attrs:{\"src\":require(\"@/assets/images/history.png\"),\"alt\":\"\",\"width\":\"100%\"}})])]),_c('el-col',{attrs:{\"span\":16}},[_c('div',{staticClass:\"historyCard d-flex flex-column my-50\"},[_c('p',{staticClass:\"m-0 historyCard-title\"},[_vm._v(\"歷史沿革\")]),_c('p',{staticClass:\"m-0 historyCard-content\"},[_vm._v(\" 系前身為「國立臺灣藝術專科學校美術工藝科」，創立於民國46年，分「產品組」和「裝飾組」實施教學（民國73年正式分「工藝組」及「設計組」兩組，76年又增設「陶瓷組」），為國內最早成立之美術工藝系培育人才無數，為國內設計之發展奠定了深厚的根基。 \")]),_c('p',{staticClass:\"m-0 historyCard-content\"},[_vm._v(\" 民國83年，本校改制為「國立臺灣藝術學院」，調整為「工藝學系」，分「工藝組」及「設計組」實施教學。民國89年，鑑於「工藝」與「設計」愈趨專業，乃分別成立本系（「工藝設計學系」）及「視覺傳達設計學系」。2001年8月本校改制為國立臺灣藝術學本系隸屬於設計學院。民國94年9月實施系所合一，成立「工藝設計學系碩士班」。 \")])])])],1),_c('div',{staticClass:\"w-100 d-flex align-items-center flex-row transY--8\"},_vm._l((_vm.education),function(item,index){return _c('div',{key:'ED__' + index,staticClass:\"education d-flex align-items-center justify-content-center cur-pointer\",on:{\"click\":function($event){return _vm.openPeriod(item)}}},[_vm._v(\" \"+_vm._s(item.name)+\" \")])}),0),_vm._m(0)],1),_c('div',{staticClass:\"phone d-block d-mb-none\"},[_c('div',{staticClass:\"w-100 bg-white\"},[_vm._m(1),_c('div',{staticClass:\"px-30 py-10 d-flex align-items-center justify-content-between\"},_vm._l((_vm.education),function(item,index1){return _c('div',{key:'EDU__' + index1,staticClass:\"w-100 mx-5 educationCard text-center\"},[_c('div',{staticClass:\"p-10\",on:{\"click\":function($event){return _vm.openPeriod_phone(item)}}},[_c('p',{staticClass:\"m-0\"},[_vm._v(_vm._s(item.name))])])])}),0),_c('div',{staticClass:\"mt-20\"},[_c('PhoneTitle',{attrs:{\"title\":\"學制概況\",\"filterDate\":false}}),_vm._m(2)],1)])]),(_vm.showPeriod)?_c('div',{staticClass:\"modal\"},[_c('div',{staticClass:\"modal__content\"},[_c('div',{staticClass:\"w-100 d-flex align-items-center justify-content-center\"},[_c('div',{staticClass:\"pos-relative p-40\"},[_c('div',{staticClass:\"periodCard text-center\"},[_c('div',{staticClass:\"periodCard__title py-25\"},[_c('strong',[_vm._v(_vm._s(_vm.getEducationInfo.name))])]),_c('div',{staticClass:\"periodCard__content\"},[_c('div',{staticClass:\"p-70 d-flex align-items-center justify-content-center flex-column\"},[_c('div',{staticClass:\"w-100 d-flex align-items-start justify-content-around flex-row\"},_vm._l((_vm.getEducationInfo.options.content),function(item,index){return _c('div',{key:'CT__' + index,staticClass:\"w-100 d-flex align-items-center justify-content-center flex-column\"},[_c('div',{staticClass:\"periodCard__content-yearCard d-inline-flex p-10\"},[_c('p',{staticClass:\"m-0\"},[_vm._v(\" \"+_vm._s(item.datetime)+\" \")])]),_c('div',{staticClass:\"w-100 periodCard__content-introduce mt-20\"},_vm._l((item.context),function(items,$index){return _c('p',{key:'CTX__' + $index,staticClass:\"m-0\"},[_vm._v(\" \"+_vm._s(items.text)+\" \")])}),0)])}),0),(_vm.getEducationInfo.options.footer)?_c('div',{staticClass:\"w-100\"},[_c('el-divider'),_c('div',{staticClass:\"px-80 py-20\"},[_c('div',{staticClass:\"periodCard__content-footerCard p-30\"},[_c('strong',[_vm._v(_vm._s(_vm.getEducationInfo.options.footer))])])])],1):_vm._e()])])]),_c('div',{staticClass:\"pos-absolute t-0 r-0\"},[_c('div',{staticClass:\"closeModalBtn d-flex align-items-center justify-content-center cur-pointer\",on:{\"click\":function($event){_vm.showPeriod = false}}},[_c('i',{staticClass:\"el-icon-close\"})])])])])])]):_vm._e(),(_vm.showPeriod_phone)?_c('div',{staticClass:\"modal\"},[_c('div',{staticClass:\"modal__content\"},[_c('div',{staticClass:\"w-100 d-flex align-items-center justify-content-center\"},[_c('div',{staticClass:\"pos-relative w-100 d-flex justify-content-center\"},[_c('div',{staticClass:\"periodCardPhone text-center\"},[_c('div',{staticClass:\"periodCardPhone__content\"},[_c('div',{staticClass:\"py-40 d-flex align-items-center justify-content-center flex-column\"},[_c('div',{staticClass:\"w-100 text-center\"},[_c('div',{staticClass:\"px-50\"},[_c('div',{staticClass:\"w-100 text-left mb-20\"},[_c('strong',[_vm._v(_vm._s(_vm.getEducationInfo.name))])]),_c('img',{attrs:{\"src\":_vm.getEducationInfo.options.imgURL,\"alt\":\"\",\"width\":\"100%\"}}),(_vm.getEducationInfo.options.footer)?_c('div',{staticClass:\"text-left periodCardPhone__footer mt-20\"},[_c('strong',[_vm._v(_vm._s(_vm.getEducationInfo.options.footer))])]):_vm._e()])])])])]),_c('div',{staticClass:\"pos-absolute t-0 r-0\"},[_c('div',{staticClass:\"periodCardPhone__close d-flex align-items-center justify-content-center cur-pointer mt-20 mr-20\",on:{\"click\":function($event){_vm.showPeriod_phone = false}}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/icon/cancel.png\"),\"alt\":\"\"}})])])])])])]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-100 education-system pb-150\"},[_c('p',{staticClass:\"m-0 mt-50 ml-16\"},[_vm._v(\"學制概況\")]),_c('div',{staticClass:\"w-100 d-flex align-items-center justify-content-center mt-50\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/educationSystem.png\"),\"alt\":\"\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"px-40 py-20 introduce\"},[_c('p',{staticClass:\"m-0\"},[_vm._v(\" 系前身為「國立臺灣藝術專科學校美術工藝科」，創立於民國46年，分「產品組」和「裝飾組」實施教學（民國73年正式分「工藝組」及「設計組」兩組，76年又增設「陶瓷組」），為國內最早成立之美術工藝系培育人才無數，為國內設計之發展奠定了深厚的根基。 \")]),_c('p',{staticClass:\"m-0 pt-20\"},[_vm._v(\" 民國83年，本校改制為「國立臺灣藝術學院」，調整為「工藝學系」，分「工藝組」及「設計組」實施教學。民國89年，鑑於「工藝」與「設計」愈趨專業，乃分別成立本系（「工藝設計學系」）及「視覺傳達設計學系」。2001年8月本校改制為國立臺灣藝術學本系隸屬於設計學院。民國94年9月實施系所合一，成立「工藝設計學系碩士班」。 \")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"w-100 text-center pb-40\"},[_c('div',{staticClass:\"p-30\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/education/education.svg\"),\"alt\":\"\",\"width\":\"100%\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"history\">\r\n    <div class=\"web d-none d-mb-block\">\r\n      <el-row class=\"transY--4\">\r\n        <el-col :span=\"8\">\r\n          <div class=\"\">\r\n            <img src=\"@/assets/images/history.png\" alt=\"\" width=\"100%\" />\r\n          </div>\r\n        </el-col>\r\n        <el-col :span=\"16\">\r\n          <div class=\"historyCard d-flex flex-column my-50\">\r\n            <p class=\"m-0 historyCard-title\">歷史沿革</p>\r\n            <p class=\"m-0 historyCard-content\">\r\n              系前身為「國立臺灣藝術專科學校美術工藝科」，創立於民國46年，分「產品組」和「裝飾組」實施教學（民國73年正式分「工藝組」及「設計組」兩組，76年又增設「陶瓷組」），為國內最早成立之美術工藝系培育人才無數，為國內設計之發展奠定了深厚的根基。\r\n            </p>\r\n            <p class=\"m-0 historyCard-content\">\r\n              民國83年，本校改制為「國立臺灣藝術學院」，調整為「工藝學系」，分「工藝組」及「設計組」實施教學。民國89年，鑑於「工藝」與「設計」愈趨專業，乃分別成立本系（「工藝設計學系」）及「視覺傳達設計學系」。2001年8月本校改制為國立臺灣藝術學本系隸屬於設計學院。民國94年9月實施系所合一，成立「工藝設計學系碩士班」。\r\n            </p>\r\n          </div>\r\n        </el-col>\r\n      </el-row>\r\n\r\n      <div class=\"w-100 d-flex align-items-center flex-row transY--8\">\r\n        <div class=\"education d-flex align-items-center justify-content-center cur-pointer\" v-for=\"(item, index) in education\" :key=\"'ED__' + index\" @click=\"openPeriod(item)\">\r\n          {{ item.name }}\r\n        </div>\r\n      </div>\r\n\r\n      <div class=\"w-100 education-system pb-150\">\r\n        <p class=\"m-0 mt-50 ml-16\">學制概況</p>\r\n        <div class=\"w-100 d-flex align-items-center justify-content-center mt-50\">\r\n          <img src=\"@/assets/images/educationSystem.png\" alt=\"\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"phone d-block d-mb-none\">\r\n      <div class=\"w-100 bg-white\">\r\n        <div class=\"px-40 py-20 introduce\">\r\n          <p class=\"m-0\">\r\n            系前身為「國立臺灣藝術專科學校美術工藝科」，創立於民國46年，分「產品組」和「裝飾組」實施教學（民國73年正式分「工藝組」及「設計組」兩組，76年又增設「陶瓷組」），為國內最早成立之美術工藝系培育人才無數，為國內設計之發展奠定了深厚的根基。\r\n          </p>\r\n          <p class=\"m-0 pt-20\">\r\n            民國83年，本校改制為「國立臺灣藝術學院」，調整為「工藝學系」，分「工藝組」及「設計組」實施教學。民國89年，鑑於「工藝」與「設計」愈趨專業，乃分別成立本系（「工藝設計學系」）及「視覺傳達設計學系」。2001年8月本校改制為國立臺灣藝術學本系隸屬於設計學院。民國94年9月實施系所合一，成立「工藝設計學系碩士班」。\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"px-30 py-10 d-flex align-items-center justify-content-between\">\r\n          <div class=\"w-100 mx-5 educationCard text-center\" v-for=\"(item, index1) in education\" :key=\"'EDU__' + index1\">\r\n            <div class=\"p-10\" @click=\"openPeriod_phone(item)\">\r\n              <p class=\"m-0\">{{ item.name }}</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"mt-20\">\r\n          <PhoneTitle title=\"學制概況\" :filterDate=\"false\" />\r\n          <div class=\"w-100 text-center pb-40\">\r\n            <div class=\"p-30\">\r\n              <img src=\"@/assets/images/education/education.svg\" alt=\"\" width=\"100%\" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <!-- modal -->\r\n    <div class=\"modal\" v-if=\"showPeriod\">\r\n      <div class=\"modal__content\">\r\n        <div class=\"w-100 d-flex align-items-center justify-content-center\">\r\n          <div class=\"pos-relative p-40\">\r\n            <div class=\"periodCard text-center\">\r\n              <div class=\"periodCard__title py-25\">\r\n                <strong>{{ getEducationInfo.name }}</strong>\r\n              </div>\r\n              <div class=\"periodCard__content\">\r\n                <div class=\"p-70 d-flex align-items-center justify-content-center flex-column\">\r\n                  <div class=\"w-100 d-flex align-items-start justify-content-around flex-row\">\r\n                    <div class=\"w-100 d-flex align-items-center justify-content-center flex-column\" v-for=\"(item, index) in getEducationInfo.options.content\" :key=\"'CT__' + index\">\r\n                      <div class=\"periodCard__content-yearCard d-inline-flex p-10\">\r\n                        <p class=\"m-0\">\r\n                          {{ item.datetime }}\r\n                        </p>\r\n                      </div>\r\n                      <div class=\"w-100 periodCard__content-introduce mt-20\">\r\n                        <p class=\"m-0\" v-for=\"(items, $index) in item.context\" :key=\"'CTX__' + $index\">\r\n                          {{ items.text }}\r\n                        </p>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n\r\n                  <div class=\"w-100\" v-if=\"getEducationInfo.options.footer\">\r\n                    <el-divider></el-divider>\r\n                    <div class=\"px-80 py-20\">\r\n                      <div class=\"periodCard__content-footerCard p-30\">\r\n                        <strong>{{ getEducationInfo.options.footer }}</strong>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"pos-absolute t-0 r-0\">\r\n              <div class=\"closeModalBtn d-flex align-items-center justify-content-center cur-pointer\" @click=\"showPeriod = false\">\r\n                <i class=\"el-icon-close\"></i>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"modal\" v-if=\"showPeriod_phone\">\r\n      <div class=\"modal__content\">\r\n        <div class=\"w-100 d-flex align-items-center justify-content-center\">\r\n          <div class=\"pos-relative w-100 d-flex justify-content-center\">\r\n            <div class=\"periodCardPhone text-center\">\r\n              <div class=\"periodCardPhone__content\">\r\n                <div class=\"py-40 d-flex align-items-center justify-content-center flex-column\">\r\n                  <div class=\"w-100 text-center\">\r\n                    <div class=\"px-50\">\r\n                      <div class=\"w-100 text-left mb-20\">\r\n                        <strong>{{ getEducationInfo.name }}</strong>\r\n                      </div>\r\n                      <img :src=\"getEducationInfo.options.imgURL\" alt=\"\" width=\"100%\" />\r\n\r\n                      <div class=\"text-left periodCardPhone__footer mt-20\" v-if=\"getEducationInfo.options.footer\">\r\n                        <strong>{{ getEducationInfo.options.footer }}</strong>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"pos-absolute t-0 r-0\">\r\n              <div class=\"periodCardPhone__close d-flex align-items-center justify-content-center cur-pointer mt-20 mr-20\" @click=\"showPeriod_phone = false\">\r\n                <img src=\"@/assets/images/icon/cancel.png\" alt=\"\" />\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport PhoneTitle from \"@/components/PhoneTitle.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    PhoneTitle,\r\n  },\r\n  data() {\r\n    return {\r\n      education: [\r\n        {\r\n          name: \"專科時期\",\r\n          options: {\r\n            content: [\r\n              {\r\n                datetime: \"民國46年\",\r\n                context: [\r\n                  {\r\n                    color: \"#596164\",\r\n                    text: \"創立－五專\",\r\n                  },\r\n                ],\r\n              },\r\n              {\r\n                datetime: \"民國50年\",\r\n                context: [\r\n                  {\r\n                    color: \"#596164\",\r\n                    text: \"改三專\",\r\n                  },\r\n                ],\r\n              },\r\n              {\r\n                datetime: \"民國52年\",\r\n                context: [\r\n                  {\r\n                    color: \"#596164\",\r\n                    text: \"增設夜間部\",\r\n                  },\r\n                ],\r\n              },\r\n              {\r\n                datetime: \"民國76年\",\r\n                context: [\r\n                  {\r\n                    color: \"#596164\",\r\n                    text: \"增設陶瓷組\",\r\n                  },\r\n                  {\r\n                    color: \"#596164\",\r\n                    text: \"（另有工藝、設計兩組）\",\r\n                  },\r\n                ],\r\n              },\r\n            ],\r\n            footer: \"國內最早的大專美工、設計科系\",\r\n            imgURL: require(\"@/assets/images/education/education1.svg\"),\r\n          },\r\n        },\r\n        {\r\n          name: \"學院時期\",\r\n          options: {\r\n            content: [\r\n              {\r\n                datetime: \"民國83年\",\r\n                context: [\r\n                  {\r\n                    color: \"#596164\",\r\n                    text: \"改制學院\",\r\n                  },\r\n                ],\r\n              },\r\n              {\r\n                datetime: \"民國89年\",\r\n                context: [\r\n                  {\r\n                    color: \"#596164\",\r\n                    text: \"設計組另獨為視覺傳達設計學系\",\r\n                  },\r\n                ],\r\n              },\r\n            ],\r\n            footer: \"\",\r\n            imgURL: require(\"@/assets/images/education/education2.svg\"),\r\n          },\r\n        },\r\n        {\r\n          name: \"大學時期\",\r\n          options: {\r\n            content: [\r\n              {\r\n                datetime: \"民國90年8月\",\r\n                context: [\r\n                  {\r\n                    color: \"#596164\",\r\n                    text: \"改制大學\",\r\n                  },\r\n                ],\r\n              },\r\n              {\r\n                datetime: \"民國94年\",\r\n                context: [\r\n                  {\r\n                    color: \"#A92323\",\r\n                    text: \"增設二年製在職專班\",\r\n                  },\r\n                  {\r\n                    color: \"#596164\",\r\n                    text: \"增設碩士班\",\r\n                  },\r\n                ],\r\n              },\r\n              {\r\n                datetime: \"民國96年\",\r\n                context: [\r\n                  {\r\n                    color: \"#A92323\",\r\n                    text: \"增設碩士在職專班\",\r\n                  },\r\n                ],\r\n              },\r\n            ],\r\n            footer: \"2020年文化創意產業的推動類似係、所在台灣如雨後春筍般大幅成長\",\r\n            imgURL: require(\"@/assets/images/education/education3.svg\"),\r\n          },\r\n        },\r\n      ],\r\n      showPeriod: false,\r\n      showPeriod_phone: false,\r\n      getEducationInfo: [],\r\n    };\r\n  },\r\n  methods: {\r\n    openPeriod(data) {\r\n      this.showPeriod = true;\r\n      this.getEducationInfo = data;\r\n    },\r\n    openPeriod_phone(data) {\r\n      this.showPeriod_phone = true;\r\n      this.getEducationInfo = data;\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n#history {\r\n  .web {\r\n    margin-left: 0;\r\n    padding-top: 0;\r\n    .historyCard {\r\n      height: 100%;\r\n      padding: 0px 160px;\r\n\r\n      &-title {\r\n        font-size: 48px;\r\n        line-height: 56px;\r\n        color: #ceb87f;\r\n      }\r\n      &-content {\r\n        margin-top: 50px;\r\n        font-size: 24px;\r\n        font-weight: bold;\r\n        line-height: 140%;\r\n        letter-spacing: 0.02em;\r\n        color: #596164;\r\n      }\r\n    }\r\n    .education {\r\n      width: 280px;\r\n      height: 100px;\r\n      background: #8c8f90;\r\n      font-size: 24px;\r\n      line-height: 210%;\r\n      letter-spacing: 0.25em;\r\n      color: #ffffff;\r\n      transition: all 0.5s;\r\n      &:hover {\r\n        background: rgba(140, 143, 144, 0.8);\r\n      }\r\n\r\n      &-system {\r\n        p {\r\n          font-size: 48px;\r\n          line-height: 56px;\r\n          color: #ceb87f;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .phone {\r\n    .introduce {\r\n      font-size: 14px;\r\n      line-height: 160%;\r\n      letter-spacing: 0.25em;\r\n      color: #596164;\r\n    }\r\n    .educationCard {\r\n      background: #8c8f90;\r\n      border-radius: 8px;\r\n      p {\r\n        font-size: 14px;\r\n        line-height: 210%;\r\n        letter-spacing: 0.25em;\r\n        color: #ffffff;\r\n      }\r\n    }\r\n  }\r\n\r\n  .periodCard {\r\n    width: 1000px;\r\n    background: #fff;\r\n    border-radius: 8px;\r\n    &__title {\r\n      background: #596164;\r\n      border-radius: 8px 8px 0px 0px;\r\n      strong {\r\n        font-weight: bold;\r\n        font-size: 36px;\r\n        line-height: 123%;\r\n        letter-spacing: 0.25em;\r\n        color: #ffffff;\r\n      }\r\n    }\r\n    &__content {\r\n      &-yearCard {\r\n        background: #52505a;\r\n        border-radius: 5px;\r\n        p {\r\n          font-size: 28px;\r\n          line-height: 123%;\r\n          letter-spacing: 0.25em;\r\n          color: #ffffff;\r\n        }\r\n      }\r\n      &-introduce {\r\n        font-size: 20px;\r\n        line-height: 123%;\r\n        letter-spacing: 0.25em;\r\n        color: #596164;\r\n      }\r\n      &-footerCard {\r\n        background: #ffffff;\r\n        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);\r\n        border-radius: 10px;\r\n        strong {\r\n          font-size: 24px;\r\n          line-height: 210%;\r\n          letter-spacing: 0.25em;\r\n          color: #a92323;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .periodCardPhone {\r\n    width: 100%;\r\n    background: #52505a;\r\n    border-radius: 40px;\r\n    &__content {\r\n      strong {\r\n        color: #ceb87f;\r\n        font-size: 18px;\r\n      }\r\n      &-yearCard {\r\n        background: #52505a;\r\n        border-radius: 5px;\r\n        p {\r\n          font-size: 28px;\r\n          line-height: 123%;\r\n          letter-spacing: 0.25em;\r\n          color: #ffffff;\r\n        }\r\n      }\r\n    }\r\n    &__footer {\r\n      strong {\r\n        font-size: 14px;\r\n        line-height: 210%;\r\n        letter-spacing: 0.25em;\r\n        color: #ceb87f;\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!./history.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!./history.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./history.vue?vue&type=template&id=3b0d1810&\"\nimport script from \"./history.vue?vue&type=script&lang=js&\"\nexport * from \"./history.vue?vue&type=script&lang=js&\"\nimport style0 from \"./history.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/education3.06f1ba4d.svg\";","module.exports = __webpack_public_path__ + \"img/educationSystem.e2cbb779.png\";","module.exports = __webpack_public_path__ + \"img/history.8f582b08.png\";"],"sourceRoot":""}