{"version":3,"sources":["webpack:///./src/pages/Guideline/components/Main.vue","webpack:///src/pages/Guideline/components/Main.vue","webpack:///./src/pages/Guideline/components/Main.vue?8498","webpack:///./src/pages/Guideline/components/Main.vue?c862","webpack:///./src/assets/image/bg/bg_19.png","webpack:///./src/pages/Guideline/components/Main.vue?00a2","webpack:///./src/assets/image/bg/img_5.png","webpack:///./src/assets/image/bg/bg_18.png"],"names":["render","_vm","this","_c","_self","staticClass","staticStyle","_v","_s","$t","on","$event","handleClick","_m","_l","blogList","e","i","key","link","attrs","img","title","content","staticRenderFns","require","data","methods","route","$router","push","concat","component","module","exports"],"mappings":"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","file":"assets/js/chunk-e3a4048c.f6c65584.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"row\",staticStyle:{\"margin-bottom\":\"80px\"}},[_c('div',{staticClass:\"col-lg-2\"}),_c('div',{staticClass:\"col-lg-8 text-center\"},[_c('h5',{staticClass:\"ma-28-semi text-green text-uppercase m-0\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"guideline-title-1\"))+\" \")]),_c('span',{staticClass:\"in-16-re\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"guideline-description-1\"))+\" \")])]),_c('div',{staticClass:\"col-lg-2\"})]),_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-4 col-md-6 pb-5\"},[_c('div',{staticClass:\"content-card\",on:{\"click\":function($event){return _vm.handleClick('overview')}}},[_vm._m(0),_c('h4',{staticClass:\"m-3 ma-24-semi text-green\"},[_vm._v(_vm._s(_vm.$t(\"overview-tab\")))]),_vm._m(1),_c('p',{staticClass:\"m-24\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"overview-content\"))+\" \")])])]),_c('div',{staticClass:\"col-lg-4 col-md-6\"},[_c('div',{staticClass:\"content-card\",on:{\"click\":function($event){return _vm.handleClick('featuretreedetail')}}},[_vm._m(2),_c('h4',{staticClass:\"m-3 ma-24-semi text-green\"},[_vm._v(_vm._s(_vm.$t(\"topic-tab\")))]),_vm._m(3),_c('p',{staticClass:\"m-24\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"topic-tab-content\"))+\" \")])])]),_c('div',{staticClass:\"col-lg-4 col-md-6\"},[_c('div',{staticClass:\"content-card\",on:{\"click\":function($event){return _vm.handleClick('manual')}}},[_vm._m(4),_c('h4',{staticClass:\"m-3 ma-24-semi text-green\"},[_vm._v(_vm._s(_vm.$t(\"guide-tab\")))]),_vm._m(5),_c('p',{staticClass:\"m-24\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"guide-tab-content\"))+\" \")])])])])]),_c('div',[_c('div',{staticClass:\"row\",staticStyle:{\"margin-bottom\":\"80px\",\"margin-top\":\"72px\"}},[_c('div',{staticClass:\"col-lg-2 col-md-1\"}),_c('div',{staticClass:\"col-lg-8 col-md-9 text-center\"},[_c('h5',{staticClass:\"ma-28-semi text-green m-0\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"guideline-title-2\"))+\" \")]),_c('span',{staticClass:\"in-16-re\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"guideline-description-2\"))+\" \")])]),_c('div',{staticClass:\"col-lg-2 col-md-1\"})]),_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"row\"},_vm._l((_vm.blogList),function(e,i){return _c('div',{key:i,staticClass:\"col-lg-4 col-md-6 pb-5\"},[_c('div',{staticClass:\"content-card\",on:{\"click\":function($event){return _vm.handleClick(e.link)}}},[_c('div',{staticClass:\"img-container\"},[_c('img',{attrs:{\"src\":e.img,\"height\":\"256px\"}})]),_c('h4',{staticClass:\"m-3 ma-24-semi text-green\"},[_vm._v(_vm._s(e.title))]),_vm._m(6,true),_c('p',{staticClass:\"m-24\"},[_vm._v(\" \"+_vm._s(e.content)+\" \")])])])}),0)])])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"img-container\"},[_c('img',{attrs:{\"src\":require(\"@/assets/image/bg/bg_19.png\"),\"height\":\"256px\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"px-3\"},[_c('div',{staticClass:\"separator\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"img-container\"},[_c('img',{attrs:{\"src\":require(\"@/assets/image/bg/bg_18.png\"),\"height\":\"256px\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"px-3\"},[_c('div',{staticClass:\"separator\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"img-container\"},[_c('img',{attrs:{\"src\":require(\"@/assets/image/bg/img_5.png\"),\"height\":\"256px\"}})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"px-3\"},[_c('div',{staticClass:\"separator\"})])\n},function (){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"px-3\"},[_c('div',{staticClass:\"separator\"})])\n}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"row\" style=\"margin-bottom: 80px\">\r\n      <div class=\"col-lg-2\"></div>\r\n      <div class=\"col-lg-8 text-center\">\r\n        <h5 class=\"ma-28-semi text-green text-uppercase m-0\">\r\n          {{ $t(\"guideline-title-1\") }}\r\n        </h5>\r\n        <span class=\"in-16-re\">\r\n          {{ $t(\"guideline-description-1\") }}\r\n        </span>\r\n      </div>\r\n      <div class=\"col-lg-2\"></div>\r\n    </div>\r\n    <div class=\"container-fluid\">\r\n      <div class=\"row\">\r\n        <div class=\"col-lg-4 col-md-6 pb-5\">\r\n          <div class=\"content-card\" @click=\"handleClick('overview')\">\r\n            <div class=\"img-container\">\r\n              <img src=\"@/assets/image/bg/bg_19.png\" height=\"256px\" />\r\n            </div>\r\n            <h4 class=\"m-3 ma-24-semi text-green\">{{ $t(\"overview-tab\") }}</h4>\r\n            <div class=\"px-3\">\r\n              <div class=\"separator\"></div>\r\n            </div>\r\n            <p class=\"m-24\">\r\n              {{ $t(\"overview-content\") }}\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-lg-4 col-md-6\">\r\n          <div class=\"content-card\" @click=\"handleClick('featuretreedetail')\">\r\n            <div class=\"img-container\">\r\n              <img src=\"@/assets/image/bg/bg_18.png\" height=\"256px\" />\r\n            </div>\r\n            <h4 class=\"m-3 ma-24-semi text-green\">{{ $t(\"topic-tab\") }}</h4>\r\n            <div class=\"px-3\">\r\n              <div class=\"separator\"></div>\r\n            </div>\r\n            <p class=\"m-24\">\r\n              {{ $t(\"topic-tab-content\") }}\r\n            </p>\r\n          </div>\r\n        </div>\r\n        <div class=\"col-lg-4 col-md-6\">\r\n          <div class=\"content-card\" @click=\"handleClick('manual')\">\r\n            <div class=\"img-container\">\r\n              <img src=\"@/assets/image/bg/img_5.png\" height=\"256px\" />\r\n            </div>\r\n            <h4 class=\"m-3 ma-24-semi text-green\">{{ $t(\"guide-tab\") }}</h4>\r\n            <div class=\"px-3\">\r\n              <div class=\"separator\"></div>\r\n            </div>\r\n            <p class=\"m-24\">\r\n              {{ $t(\"guide-tab-content\") }}\r\n            </p>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div>\r\n      <div class=\"row\" style=\"margin-bottom: 80px; margin-top: 72px\">\r\n        <div class=\"col-lg-2 col-md-1\"></div>\r\n        <div class=\"col-lg-8 col-md-9 text-center\">\r\n          <h5 class=\"ma-28-semi text-green m-0\">\r\n            {{ $t(\"guideline-title-2\") }}\r\n          </h5>\r\n          <span class=\"in-16-re\">\r\n            {{ $t(\"guideline-description-2\") }}\r\n          </span>\r\n        </div>\r\n        <div class=\"col-lg-2 col-md-1\"></div>\r\n      </div>\r\n      <div class=\"container-fluid\">\r\n        <div class=\"row\">\r\n          <div v-for=\"e,i in blogList\" :key=\"i\" class=\"col-lg-4 col-md-6 pb-5\">\r\n            <div class=\"content-card\" @click=\"handleClick(e.link)\">\r\n              <div class=\"img-container\">\r\n                <img :src=\"e.img\" height=\"256px\" />\r\n              </div>\r\n              <h4 class=\"m-3 ma-24-semi text-green\">{{ e.title }}</h4>\r\n              <div class=\"px-3\">\r\n                <div class=\"separator\"></div>\r\n              </div>\r\n              <p class=\"m-24\">\r\n                {{ e.content }}\r\n              </p>\r\n            </div>\r\n          </div>\r\n          <!-- <div class=\"col-lg-4 col-md-6 pb-5\">\r\n            <div class=\"content-card\" @click=\"handleClick('search-station')\">\r\n              <div class=\"img-container\">\r\n                <img src=\"@/assets/image/bg/bg_19.png\" height=\"256px\" />\r\n              </div>\r\n              <h4 class=\"m-3 ma-24-semi text-green\">\r\n                {{ $t(\"feature-info\") }}\r\n              </h4>\r\n              <div class=\"px-3\">\r\n                <div class=\"separator\"></div>\r\n              </div>\r\n              <p class=\"m-24\">\r\n                {{ $t(\"feature-info-content\") }}\r\n              </p>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-lg-4 col-md-6 pb-5\">\r\n            <div class=\"content-card\" @click=\"handleClick('search-schedule')\">\r\n              <div class=\"img-container\">\r\n                <img src=\"@/assets/image/bg/bg_22.png\" height=\"256px\" />\r\n              </div>\r\n              <h4 class=\"m-3 ma-24-semi text-green\">{{ $t(\"app\") }}</h4>\r\n              <div class=\"px-3\">\r\n                <div class=\"separator\"></div>\r\n              </div>\r\n              <p class=\"m-24\">\r\n                {{ $t(\"app-content\") }}\r\n              </p>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-lg-4 col-md-6 pb-5\">\r\n            <div class=\"content-card\" @click=\"handleClick('search-router')\">\r\n              <div class=\"img-container\">\r\n                <img src=\"@/assets/image/bg/bg_22.png\" height=\"256px\" />\r\n              </div>\r\n              <h4 class=\"m-3 ma-24-semi text-green\">\r\n                {{ $t(\"route-by-station\") }}\r\n              </h4>\r\n              <div class=\"px-3\">\r\n                <div class=\"separator\"></div>\r\n              </div>\r\n              <p class=\"m-24\">\r\n                {{ $t(\"route-by-station-content\") }}\r\n              </p>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-lg-4 col-md-6 pb-5\">\r\n            <div class=\"content-card\" @click=\"handleClick('router-info')\">\r\n              <div class=\"img-container\">\r\n                <img src=\"@/assets/image/bg/bg_21.png\" height=\"256px\" />\r\n              </div>\r\n              <h4 class=\"m-3 ma-24-semi text-green\">{{ $t(\"router-info\") }}</h4>\r\n              <div class=\"px-3\">\r\n                <div class=\"separator\"></div>\r\n              </div>\r\n              <p class=\"m-24\">\r\n                {{ $t(\"router-info-content\") }}\r\n              </p>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-lg-4 col-md-6 pb-5\">\r\n            <div class=\"content-card\" @click=\"handleClick('search-schedule')\">\r\n              <div class=\"img-container\">\r\n                <img src=\"@/assets/image/bg/bg_19.png\" height=\"256px\" />\r\n              </div>\r\n              <h4 class=\"m-3 ma-24-semi text-green\">\r\n                {{ $t(\"schedule-search\") }}\r\n              </h4>\r\n              <div class=\"px-3\">\r\n                <div class=\"separator\"></div>\r\n              </div>\r\n              <p class=\"m-24\">\r\n                {{ $t(\"schedule-search-content\") }}\r\n              </p>\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\nexport default {\r\n  data() {\r\n    return {\r\n      blogList: [\r\n        {\r\n          img: \"/assets/image/bg/bg_19.png\",\r\n          title: this.$t(\"overview\"),\r\n          link: \"overview\",\r\n          content: this.$t(\"overview-content\"),\r\n        },\r\n        {\r\n          img: \"/assets/image/bg/bg_22.png\",\r\n          title: this.$t(\"app\"),\r\n          link: \"app\",\r\n          content: this.$t(\"app-content\"),\r\n        },\r\n        {\r\n          img: \"/assets/image/bg/img_7.png\",\r\n          title: this.$t(\"manual-guide\"),\r\n          link: \"manual\",\r\n          content: this.$t(\"feature-info-content\"),\r\n        },\r\n        {\r\n          img: \"/assets/image/bg/bg_22.png\",\r\n          title: this.$t(\"feature-info2\"),\r\n          link: \"featureplanning\",\r\n          content: this.$t(\"feature-info2-content\"),\r\n        },\r\n        {\r\n          img: \"/assets/image/bg/bg_21.png\",\r\n          title: this.$t(\"feature-info3\"),\r\n          link: \"blog\",\r\n          content: this.$t(\"feature-info3-content\"),\r\n        },\r\n        {\r\n          img: \"/assets/image/bg/bg_19.png\",\r\n          title: this.$t(\"mean\"),\r\n          link: \"blog2\",\r\n          content: this.$t(\"mean-content\"),\r\n        },\r\n        // {\r\n        //   img: \"/assets/image/bg/bg_19.png\",\r\n        //   title: this.$t(\"feature-tree-info\"),\r\n        //   link: \"featuretreedetail\",\r\n        //   content: this.$t(\"feature-tree-info-content\"),\r\n        // },\r\n        // {\r\n        //   img: \"/assets/image/bg/bg_19.png\",\r\n        //   title: this.$t(\"feature-tree-planning\"),\r\n        //   link: \"featuretreeplanning\",\r\n        //   content: this.$t(\"feature-tree-info-content\"),\r\n        // },\r\n      ],\r\n    };\r\n  },\r\n  methods: {\r\n    handleClick(route) {\r\n      this.$router.push(`/guideline/${route}`);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.content-card:hover {\r\n  border: 1px solid var(--hover, #063);\r\n}\r\n.content-card:hover .img-container img {\r\n  transform: scale(1.1); /* Phóng to lên 110% */\r\n}\r\n.img-container {\r\n  display: inline-block; /* hoặc block tùy vào cấu trúc của bạn */\r\n  overflow: hidden;\r\n}\r\n\r\n.img-container img {\r\n  transition: transform 0.5s ease; /* Tạo hiệu ứng mềm mại */\r\n}\r\n\r\n.img-container:hover img {\r\n  transform: scale(1.1); /* Phóng to lên 110% */\r\n}\r\n.separator {\r\n  width: 100%;\r\n  height: 1px;\r\n  background-color: #eaecea;\r\n}\r\n.m-24 {\r\n  margin: 24px;\r\n}\r\n.font-64 {\r\n  font-size: 64px;\r\n}\r\n.font-24 {\r\n  font-size: 24px;\r\n}\r\n.title-block {\r\n  font-size: 12px;\r\n  font-weight: 300;\r\n  color: #636466;\r\n  width: 75%;\r\n}\r\n.title-secondary {\r\n  font-size: 16px;\r\n  font-weight: 300;\r\n  color: #636466;\r\n  width: 75%;\r\n  margin-bottom: 40px !important;\r\n}\r\n.content-slogan {\r\n  color: #c71313;\r\n  font-size: 48px !important;\r\n  width: 50%;\r\n  margin: 16px 0 !important;\r\n}\r\n.content-card {\r\n  border: 1px solid #e6e8ec;\r\n  /* border-radius: 24px; */\r\n  overflow: hidden;\r\n  transition: 500ms;\r\n  cursor: pointer;\r\n  /* height: 477px; */\r\n}\r\n.content-card h4 {\r\n  font-size: 24px !important;\r\n  font-weight: 500;\r\n}\r\n.content-card p {\r\n  max-height: 200px !important;\r\n  text-overflow: ellipsis;\r\n  overflow: hidden !important;\r\n  display: -webkit-box;\r\n  -webkit-line-clamp: 3; /* Số dòng tối đa */\r\n  -webkit-box-orient: vertical;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Main.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Main.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Main.vue?vue&type=template&id=7512ff28&scoped=true&\"\nimport script from \"./Main.vue?vue&type=script&lang=js&\"\nexport * from \"./Main.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Main.vue?vue&type=style&index=0&id=7512ff28&prod&scoped=true&lang=css&\"\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  \"7512ff28\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"assets/img/bg_19.9b5581e7.png\";","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Main.vue?vue&type=style&index=0&id=7512ff28&prod&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"assets/img/img_5.e71876df.png\";","module.exports = __webpack_public_path__ + \"assets/img/bg_18.f8ef3157.png\";"],"sourceRoot":""}