{"version":3,"file":"desc.d431eb99.mjs","sources":["../../../../pages/contest/desc.vue"],"sourcesContent":["<template>\n  <NuxtLayout name=\"event\">\n    <div class=\"event_page top_bg\">\n      <div v-if=\"ctrl.dataOver\" class=\"app_container w event_desc\">\n        <div class=\"desc_title\">\n          <img style=\"width: 24px;height: 24px;\" src=\"@/assets/images/title_icon2.png\" alt=\"\">\n          <span class=\"title_text\">简介</span>\n        </div>\n        <div class=\"desc_content\" v-html=\"intro\"></div>\n      </div>\n    </div>\n  </NuxtLayout>\n</template>\n\n<script setup>\nimport { computed } from \"vue\";\nimport cookie from '@/utils/cookies'\nimport { eventPage } from '@/api/event.js'\n\nlet cookieData = cookie.getShop()\nuseHead({\n  title: computed(() => `简介-${ cookieData.shopName}`),\n  meta:[{\n    hid: 'keywords',\n    name: 'keywords',\n    content: '简介'\n  },\n    {\n      hid: 'description',\n      name: 'description',\n      content: '简介'\n    }]\n})\n\nconst route = useRoute()\nconst router = useRouter()\n\nconst ctrl = reactive({\n  dataOver: false\n})\nconst map = reactive({\n  eventId: route.query.id || ''\n})\nconst intro = ref('')\n\nonMounted(() => {\n  getEventPage()\n})\n\nconst getEventPage = (id = '1607277309989670914') => {\n  eventPage(map.eventId).then(res => {\n    const introJSON = JSON.parse(res.pagePublic.intro)\n    intro.value = introJSON.intro\n    ctrl.dataOver = true\n  })\n}\n</script>\n\n<style lang=\"scss\">\n.app-header {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  z-index: 1000;\n  background-color: #fff;\n  &.header-border{\n    border: 1px solid #EBEEF5;\n  }\n}\n.event_desc {\n  background-color: #fff;\n  border-radius: 10px;\n  height: 80vh;\n  overflow: hidden;\n  padding: 20px 30px;\n}\n.carousel {\n  border-radius: 10px;\n  .article_img {\n    cursor: pointer;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n  .el-carousel__indicators {\n    background: rgba(0, 0, 0, 0.2);\n    border-radius: 15px;\n    bottom: 20px;\n    padding: 0px 12px;\n    padding-right: 6px;\n    padding-bottom: 4px;\n  }\n  .el-carousel__button {\n    width: 9px;\n    height: 6px;\n    border-radius: 15px;\n    margin-right: 7px;\n  }\n  .is-active {\n    .el-carousel__button {\n      width: 15px;\n    }\n  }\n  .el-carousel__indicator--horizontal {\n    padding: 0;\n  }\n}\n</style>\n<style lang=\"scss\" scoped>\n.event_page {\n  min-height: 100vh;\n  padding-top: 86px;\n  padding-bottom: 20px;\n  background-color: #285CF2;\n}\n.desc_title {\n  display: flex;\n  align-items: center;\n  padding-bottom: 20px;\n}\n.desc_content {\n  color: #333;\n  padding: 30px;\n  padding-top: 0;\n  height: 100%;\n  overflow: auto;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n.top_bg {\n  background-image: url('@/assets/images/top_bg.png');\n  background-repeat: no-repeat;\n  background-size: 100%;\n}\n.title_text {\n  margin-left: 8px;\n  font-size: 20px;\n}\n</style>\n"],"names":["cookieData","cookie","getShop","useHead","title","computed","shopName","meta","hid","name","content","route","useRoute","useRouter","ctrl","reactive","dataOver","map","eventId","query","id","intro","ref","onMounted","getEventPage","eventPage","then","res","introJSON","JSON","parse","pagePublic","value"],"mappings":"mgBAmBA,IAAAA,EAAAC,EAAAC,UACAC,EAAA,CACAC,MAAAC,GAAA,IAAA,MAAAL,EAAAM,aACAC,KAAA,CAAA,CACAC,IAAA,WACAC,KAAA,WACAC,QAAA,MAEA,CACAF,IAAA,cACAC,KAAA,cACAC,QAAA,SAIA,MAAAC,EAAAC,IACAC,IAEA,MAAAC,EAAAC,EAAA,CACAC,UAAA,IAEAC,EAAAF,EAAA,CACAG,QAAAP,EAAAQ,MAAAC,IAAA,KAEAC,EAAAC,EAAA,IAEAC,GAAA,KACAC,GAAA,IAGA,MAAAA,EAAA,CAAAJ,EAAA,yBACAK,EAAAR,EAAAC,SAAAQ,MAAAC,IACA,MAAAC,EAAAC,KAAAC,MAAAH,EAAAI,WAAAV,OACAA,EAAAW,MAAAJ,EAAAP,MACAP,EAAAE,UAAA,CAAA,GACA"}