{"version":3,"sources":["webpack:///./src/views/OfficialWeb/frameItem.vue?d7e6","webpack:///src/views/OfficialWeb/frameItem.vue","webpack:///./src/views/OfficialWeb/frameItem.vue?a48f","webpack:///./src/views/OfficialWeb/frameItem.vue","webpack:///./src/views/OfficialWeb/frameItem.vue?6692"],"names":["props","data","created","mounted","methods","getBorderImg","component","_vm","this","_c","_self","class","size","attrs","frameData","avatar_frame_id","_v","_s","name"],"mappings":"2IAAuc,ECaxb,CACfA,oCACAC,KAFA,WAGA,UAGAC,QANA,aAUAC,QAVA,aAWAC,SACAC,wBACA,+DACA,yBAEA,yB,wBCrBIC,EAAY,YACd,GCTW,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,MAAM,CAAW,SAAVJ,EAAIK,KAAc,aAAa,eAAe,CAACH,EAAG,MAAM,CAACE,MAAM,CAAW,SAAVJ,EAAIK,KAAc,mBAAmB,oBAAoBC,MAAM,CAAC,IAAMN,EAAIF,kBAAkBI,EAAG,MAAM,CAACE,MAAM,CAAW,SAAVJ,EAAIK,KAAc,kBAAkB,mBAAmBC,MAAM,CAAC,2DAAsDN,EAAIO,UAAUC,gBAApE,kBAAoGN,EAAG,MAAM,CAACE,MAAM,CAAW,SAAVJ,EAAIK,KAAc,mBAAmB,qBAAqB,CAACL,EAAIS,GAAGT,EAAIU,GAAGV,EAAIO,UAAUI,aAErf,IDUpB,EACA,KACA,WACA,MAIa,UAAAZ,E,2CEnBf,W","file":"js/chunk-7f88b7ec.97136f36.js","sourcesContent":["import mod from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./frameItem.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/_thread-loader@2.1.3@thread-loader/dist/cjs.js!../../../node_modules/_babel-loader@8.2.5@babel-loader/lib/index.js!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/_vue-loader@15.10.0@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@15.10.0@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@0.9.0@mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/_css-loader@3.6.0@css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/_postcss-loader@3.0.0@postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/_cache-loader@4.1.0@cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/_vue-loader@15.10.0@vue-loader/lib/index.js??vue-loader-options!./frameItem.vue?vue&type=style&index=0&id=140f25de&prod&scoped=true&lang=css&\""],"sourceRoot":""}