{"version":3,"sources":["webpack:///./src/views/OfficialWeb/frameItem.vue?3d47","webpack:///src/views/OfficialWeb/frameItem.vue","webpack:///./src/views/OfficialWeb/frameItem.vue?aecd","webpack:///./src/views/OfficialWeb/frameItem.vue","webpack:///./src/views/OfficialWeb/frameItem.vue?56d1"],"names":["props","data","created","mounted","methods","getBorderImg","str","concat","size","select","imgUrl","component","_vm","this","_c","_self","class","attrs","frameData","avatar_frame_id","_v","_s","name"],"mappings":"2IAAiW,ECalV,CACfA,MAAA,8BACAC,KAAA,WACA,UAGAC,QAAA,aAIAC,QAAA,aACAC,QAAA,CACAC,aAAA,WACA,IAAAC,EAAA,GAAAC,OAAA,cAAAC,KAAA,qBAAAD,OACA,KAAAE,OAAA,aAEA,YAAAC,OAAAJ,M,wBCrBIK,EAAY,YACd,GCTW,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAM,CAAW,SAAVJ,EAAIJ,KAAc,aAAa,eAAe,CAACM,EAAG,MAAM,CAACE,MAAM,CAAW,SAAVJ,EAAIJ,KAAc,mBAAmB,oBAAoBS,MAAM,CAAC,IAAML,EAAIP,kBAAkBS,EAAG,MAAM,CAACE,MAAM,CAAW,SAAVJ,EAAIJ,KAAc,kBAAkB,mBAAmBS,MAAM,CAAC,IAAK,gDAAAV,OAAiDK,EAAIM,UAAUC,gBAAe,kBAAiBL,EAAG,MAAM,CAACE,MAAM,CAAW,SAAVJ,EAAIJ,KAAc,mBAAmB,qBAAqB,CAACI,EAAIQ,GAAGR,EAAIS,GAAGT,EAAIM,UAAUI,aAErf,IDUpB,EACA,KACA,WACA,MAIa,UAAAX,E,kEEnBf","file":"js/chunk-27608266.4302f4c5.js","sourcesContent":["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!./frameItem.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!./frameItem.vue?vue&type=script&lang=js\"","<!-- 选择头像item  -->\r\n<template>\r\n  <div :class=\"[size=='large'?'large-main':'small-main']\">\r\n    <img :src=\"getBorderImg()\" :class=\"[size=='large'?'large-border-img':'small-border-img']\" />\r\n    <img\r\n      :src=\"`https://datacenter.53site.com/Werewolf/frame/${frameData.avatar_frame_id}_player.png`\"\r\n      :class=\"[size=='large'?'large-frame-img':'small-frame-img']\"\r\n    />\r\n    <div :class=\"[size=='large'?'large-frame-name':'small-frame-name']\">{{frameData.name}}</div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: [\"size\", \"frameData\", \"select\"],\r\n  data() {\r\n    return {};\r\n  },\r\n  //生命周期 - 创建完成（访问当前this实例）\r\n  created() {\r\n    // console.log(\"this.frameData=>\", this.frameData);\r\n  },\r\n  //生命周期 - 挂载完成（访问DOM元素）\r\n  mounted() {},\r\n  methods: {\r\n    getBorderImg: function() {\r\n      let str = `${this.size == \"large\" ? \"pc\" : \"mob\"}_item_${\r\n        this.select ? \"sel\" : \"nor\"\r\n      }`;\r\n      return this.imgUrl(str);\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style scoped>\r\n/* @import url(); 引入css类 */\r\n.large-main {\r\n  width: 175px;\r\n  height: 228px;\r\n}\r\nimg{\r\n  -webkit-user-drag: none;\r\n}\r\n.small-main {\r\n  width: 25.1vw;\r\n  height: 32.7vw;\r\n}\r\n.large-frame-img {\r\n  width: 163px;\r\n  height: 161px;\r\n  margin-left: 6px;\r\n  margin-top: 7px;\r\n  /* background-color: rosybrown; */\r\n}\r\n.small-frame-img {\r\n  width: 23.4vw;\r\n  height: 23.1vw;\r\n  margin-left: 0.9vw;\r\n  margin-top: 0.9vw;\r\n}\r\n.large-frame-name {\r\n  color: white;\r\n  font-size: 18px;\r\n  width: 100%;\r\n  text-align: center;\r\n  /* background-color: tomato; */\r\n  line-height: 18px;\r\n  margin-top: 22.26px;\r\n}\r\n.small-frame-name {\r\n  color: white;\r\n  font-size: 3vw;\r\n  width: 100%;\r\n  text-align: center;\r\n  /* background-color: tomato; */\r\n  line-height: 3vw;\r\n  margin-top: 3.1vw;\r\n}\r\n.large-border-img {\r\n  width: 175px;\r\n  height: 228px;\r\n  position: absolute;\r\n}\r\n.small-border-img {\r\n  width: 25.1vw;\r\n  height: 32.7vw;\r\n  position: absolute;\r\n}\r\n</style>","import { render, staticRenderFns } from \"./frameItem.vue?vue&type=template&id=140f25de&scoped=true\"\nimport script from \"./frameItem.vue?vue&type=script&lang=js\"\nexport * from \"./frameItem.vue?vue&type=script&lang=js\"\nimport style0 from \"./frameItem.vue?vue&type=style&index=0&id=140f25de&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  \"140f25de\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{class:[_vm.size=='large'?'large-main':'small-main']},[_c('img',{class:[_vm.size=='large'?'large-border-img':'small-border-img'],attrs:{\"src\":_vm.getBorderImg()}}),_c('img',{class:[_vm.size=='large'?'large-frame-img':'small-frame-img'],attrs:{\"src\":`https://datacenter.53site.com/Werewolf/frame/${_vm.frameData.avatar_frame_id}_player.png`}}),_c('div',{class:[_vm.size=='large'?'large-frame-name':'small-frame-name']},[_vm._v(_vm._s(_vm.frameData.name))])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","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!./frameItem.vue?vue&type=style&index=0&id=140f25de&prod&scoped=true&lang=css\""],"sourceRoot":""}