{"version":3,"sources":["webpack:///./src/views/RankList.vue","webpack:///./src/views/RankList.vue?75b4","webpack:///./src/views/RankList.vue?32a6","webpack:///./src/assets/images/rank-bg.svg","webpack:///./src/assets/images/rank-title.png"],"names":["categoryList","ref","worksList","curCategory","toDetail","item","toChangeCategory","value","getWorksList","async","list","rankingList","year","category_id","subject_id","getCategorys","data","getCategoryList","onMounted","tools","shareInit","__exports__","module","exports"],"mappings":"otBA2CA,MAAMA,EAAeC,iBAAI,IACnBC,EAAYD,iBAAI,IAChBE,EAAcF,iBAAI,IACNA,iBAAI,IACNA,iBAAI,MACFA,kBAAI,GAOtB,SAASG,EAASC,IAElB,SAASC,EAAiBD,GACxBF,EAAYI,MAAQF,EACpBG,IAEFC,eAAeD,IACb,IAAIE,QAAaC,eAAY,CAC3BC,KAAM,OACNC,YAAaV,EAAYI,MAAMM,YAC/BC,WAAY,IAEdZ,EAAUK,MAAQG,EAEpBD,eAAeM,IACb,IAAIC,QAAaC,eAAgB,QACjCjB,EAAaO,MAAQS,EACrBb,EAAYI,MAAQJ,EAAYI,MAAMM,YAClCV,EAAYI,MACZS,EAAK,GACTR,I,OAzBFU,uBAAU,KACRH,IACAI,OAAMC,c,g+CC9CR,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,YAAY,qBAExD,gB,6DCRf,W,qBCAAC,EAAOC,QAAU,IAA0B,4B,qBCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-839b64a0.3b694df7.js","sourcesContent":["<template>\n  <div class=\"ranklist has-nav\">\n    <t-image :src=\"require('@/assets/images/theme-title.png')\" />\n    <img src=\"@/assets/images/rank-title.png\" class=\"rank-title\" />\n    <div class=\"top\">\n      <div class=\"tabs\">\n        <div\n          class=\"tab-item\"\n          :class=\"curCategory.category_id == item.category_id ? 'active' : ''\"\n          v-for=\"item in categoryList\"\n          :key=\"item.category_id\"\n          @click=\"toChangeCategory(item)\"\n        >\n          <text>{{ item.short_name }}</text>\n        </div>\n      </div>\n    </div>\n    <div class=\"works-list\">\n      <div class=\"panel\" v-if=\"worksList.length == 0\"></div>\n      <div v-for=\"item in worksList\" :key=\"item.vote_id\">\n        <div\n          @click=\"toDetail(item)\"\n          class=\"onlyShow\"\n          v-if=\"item.is_only_show == '0'\"\n        >\n          <div class=\"rank-num\">\n            <img src=\"@/assets/images/rank-bg.svg\" class=\"rank-bg\" />\n          </div>\n          <img class=\"work-cover\" mode=\"aspectFill\" :src=\"item.image\" />\n          <text class=\"onlyShow-title\"\n            >{{ item.vote_code }} {{ item.title }}</text\n          >\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { onMounted, ref } from \"vue\";\nimport { getCategoryList, rankingList } from \"../network/API\";\nimport tools from \"../utils/tools\";\n\nconst categoryList = ref([]);\nconst worksList = ref([]);\nconst curCategory = ref({});\nconst searchKey = ref(\"\");\nconst lastTap = ref(null);\nconst emptyData = ref(false);\n\nonMounted(() => {\n  getCategorys();\n  tools.shareInit();\n});\n\nfunction toDetail(item) {}\n\nfunction toChangeCategory(item) {\n  curCategory.value = item;\n  getWorksList();\n}\nasync function getWorksList() {\n  let list = await rankingList({\n    year: \"2024\",\n    category_id: curCategory.value.category_id,\n    subject_id: 1,\n  });\n  worksList.value = list;\n}\nasync function getCategorys() {\n  let data = await getCategoryList(\"2024\");\n  categoryList.value = data;\n  curCategory.value = curCategory.value.category_id\n    ? curCategory.value\n    : data[0];\n  getWorksList();\n}\n</script>\n\n<style scoped>\n.top {\n  padding: 15px;\n}\n.theme-title {\n  padding-top: 40px;\n}\n.search-box {\n  background: none;\n  padding: 15px 15px;\n}\n\n.search-box .search {\n  position: relative;\n  display: flex;\n  align-items: center;\n  background-color: #fff;\n  height: 35px;\n  line-height: 35px;\n  border-radius: 35px;\n}\n\n.search-box .icon-search {\n  width: 16px;\n  height: 16px;\n  margin-left: 10px;\n  margin-right: 10px;\n}\n\n.search-box .search input {\n  font-size: 15px;\n  color: #333;\n  flex: 1;\n  padding-right: 25px;\n}\n\n.search-box .input-font {\n  color: #bbb;\n}\n\n.search-box .search-clear {\n  position: absolute;\n  z-index: 2;\n  top: 0;\n  right: 5px;\n  padding: 9px;\n  box-sizing: border-box;\n  width: 35px;\n  height: 35px;\n}\n\n.search-box .icon-search {\n  width: 16px;\n  height: 16px;\n  margin-left: 15px;\n  margin-right: 10px;\n}\n\n.works-list {\n  position: relative;\n  z-index: 3;\n  margin: 0 15px 15px 15px;\n}\n\n/* list */\n.works-view {\n  display: flex;\n  flex-direction: column;\n  justify-items: center;\n  /* padding: 15px; */\n}\n\n.work-cover {\n  height: 168px;\n  /* width: 615px; */\n  /* height: 350px; */\n  margin-bottom: 15px;\n  border-radius: 15px;\n  object-fit: cover;\n}\n\n.works-view text {\n  font-size: 16px;\n  font-weight: normal;\n  color: #333;\n  font-weight: 700;\n}\n\n.work-info {\n  margin-top: 15px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  font-size: 20px;\n  color: #f7842c;\n}\n\n.work-info span {\n  font-size: 15px;\n  color: #999999;\n}\n\n.work-fav {\n  padding: 9px 15px;\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: row;\n  width: 175px;\n  height: 32px;\n  border-radius: 16px;\n  background: linear-gradient(110deg, #ffd993 -38%, #ff6d00 61%);\n  color: white;\n  justify-items: center;\n  align-items: center;\n  font-size: 15px;\n}\n\n.work-fav image {\n  width: 16px;\n  height: 15px;\n  margin-right: 8px;\n}\n\n.onlyShow {\n  color: #ff7300;\n  font-size: 12px;\n  /* margin-top: 10px; */\n}\n/* \n.onlyShow-title {\n  color: #f7842c !important;\n  font-size: 15px;\n} */\n\n.panel {\n  background: #333;\n  border-radius: 20px;\n  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n  padding: 25px 15px;\n}\n\n.onlyShow {\n  position: relative;\n  border-radius: 15px;\n  background: linear-gradient(0deg, rgba(255, 255, 255, 0.3) 0%, #ffffff 100%);\n  padding: 15px;\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 15px;\n  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);\n}\n.rank-num {\n  position: absolute;\n  top: 0;\n  left: 5px;\n  color: #fff;\n  z-index: 5;\n  font-size: 15px;\n  font-weight: 700;\n  border-radius: 0 0 0px 0;\n}\n.rank-num .rank-txt {\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  top: 0;\n  left: 0;\n}\n.rank-num .rank-txt text {\n  padding-bottom: 15px;\n  font-size: 20px;\n  /* color: #bd782a; */\n  color: #f7842c;\n}\n.rank-bg {\n  width: 37px;\n  height: 59px;\n}\n.onlyShow-title {\n  font-size: 15px;\n  font-weight: bold;\n  color: #333;\n  margin-bottom: 10px;\n}\n\n.headline {\n  display: flex;\n  align-items: center;\n  font-size: 15px;\n  font-weight: 700;\n  margin-bottom: 10px;\n\n  color: #f7842c;\n}\n\n.icon-headline {\n  width: 28px;\n  height: 28px;\n}\n\n.tips {\n  position: fixed;\n  bottom: 0;\n  left: 0;\n  height: 35px;\n  background: #ffffcc;\n  width: 100%;\n  font-size: 12px;\n  color: #f7842c;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 9;\n}\n\n.icon-tip {\n  width: 12px;\n  height: 12px;\n  margin-right: 5px;\n}\n.banner {\n  background: linear-gradient(to top, #fd4b28, #f7842c);\n  /* background: #FD4B28; */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.banner image {\n  width: 710px;\n  height: 225px;\n}\n.rank-title {\n  width: 296px;\n\n  display: block;\n  margin: -26px auto 10px auto;\n  position: relative;\n  z-index: 3;\n}\n</style>\n","import script from \"./RankList.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./RankList.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./RankList.vue?vue&type=style&index=0&id=46b283eb&scoped=true&lang=css\"\n\nimport exportComponent from \"/Users/lee/web_app/heroineweb/heroineweb/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-46b283eb\"]])\n\nexport default __exports__","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-v16/dist/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-v16/dist/index.js??ref--1-1!./RankList.vue?vue&type=style&index=0&id=46b283eb&scoped=true&lang=css\"","module.exports = __webpack_public_path__ + \"img/rank-bg.9ba20631.svg\";","module.exports = __webpack_public_path__ + \"img/rank-title.fb31f503.png\";"],"sourceRoot":""}