{"version":3,"sources":["webpack:///./src/components/Loading.vue","webpack:///src/components/Loading.vue","webpack:///./src/components/Loading.vue?5b9b","webpack:///./src/components/Loading.vue?58db","webpack:///./src/views/Devices.vue?bbe3","webpack:///./src/views/Devices.vue","webpack:///src/views/Devices.vue","webpack:///./src/views/Devices.vue?c34e","webpack:///./src/views/Devices.vue?22de","webpack:///./src/components/Loading.vue?7baa"],"names":["render","_vm","this","_c","_self","staticClass","style","height","attrs","_v","staticRenderFns","name","data","props","String","component","deviceList","length","_l","device","index","key","deviceUrl","_s","deviceName","nfcUrl","components","Loading","axios","get","Math","random"],"mappings":"2IAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,UAAUC,MAAO,CAACC,OAAWN,EAAIM,OAAN,OAAoB,CAACJ,EAAG,OAAO,CAACK,MAAM,CAAC,IAAM,KAAK,CAACL,EAAG,OAAO,CAACE,YAAY,sBAAsBG,MAAM,CAAC,KAAO,cAAc,KAAO,QAAQL,EAAG,MAAM,CAACF,EAAIQ,GAAG,cAAc,IAAI,IAE9RC,EAAkB,GCQP,GACfC,KAAA,UACAC,OACA,UAGAC,MAAA,CACAN,OAAAO,SCjBiV,I,wBCQ7UC,EAAY,eACd,EACAf,EACAU,GACA,EACA,KACA,WACA,MAIa,OAAAK,E,6CCnBf,W,kECAA,IAAIf,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACA,EAAG,KAAK,CAACF,EAAIQ,GAAG,cAAcN,EAAG,IAAI,CAACE,YAAY,OAAO,CAACJ,EAAIQ,GAAG,qBAAuBR,EAAIe,WAAWC,OAA8Cd,EAAG,KAAK,CAACE,YAAY,cAAcJ,EAAIiB,GAAIjB,EAAIe,YAAY,SAASG,EAAOC,GAAO,OAAOjB,EAAG,KAAK,CAACkB,IAAID,GAAO,CAACjB,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACK,MAAM,CAAC,IAAMW,EAAOG,UAAU,IAAM,MAAMnB,EAAG,IAAI,CAACF,EAAIQ,GAAGR,EAAIsB,GAAGJ,EAAOK,iBAAiBrB,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACK,MAAM,CAAC,IAAMW,EAAOM,OAAO,IAAM,MAAMtB,EAAG,IAAI,CAACF,EAAIQ,GAAG,oBAAmB,GAA1YN,EAAG,UAAU,CAACK,MAAM,CAAC,OAAS,SAAgX,MAErmBE,EAAkB,G,wBCuBP,GACfC,KAAA,SACAC,OACA,OACAI,WAAA,KAGAU,WAAA,CACAC,gBAEA,gBACA,MAAAX,QAAAY,OAAAC,IACA,8EAAAC,KAAAC,UAEA,KAAAf,aAAAJ,OCvCiV,I,wBCQ7UG,EAAY,eACd,EACAf,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAK,E,2CCnBf","file":"nfcpay/static/js/chunk-b60f1e2e.ff6bf09f.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"loading\",style:({height: `${_vm.height}vw`})},[_c('Spin',{attrs:{\"fix\":\"\"}},[_c('Icon',{staticClass:\"demo-spin-icon-load\",attrs:{\"type\":\"ios-loading\",\"size\":\"38\"}}),_c('div',[_vm._v(\"Loading\")])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"loading\" :style=\"{height: `${height}vw`}\">\n        <Spin fix>\n            <Icon type=\"ios-loading\" size=38 class=\"demo-spin-icon-load\"></Icon>\n            <div>Loading</div>\n        </Spin>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: 'Loading',\n    data () {\n        return {\n        }\n    },\n    props: {\n        height: String\n    }\n}\n</script>\n\n<style scoped>\n.loading{\n    width: 100%;\n    height: 20vw;\n    position: relative;\n}\n.demo-spin-icon-load{\n    animation: ani-demo-spin 1s linear infinite;\n}\n</style>\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!./Loading.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!./Loading.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Loading.vue?vue&type=template&id=a5351f6a&scoped=true&\"\nimport script from \"./Loading.vue?vue&type=script&lang=js&\"\nexport * from \"./Loading.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Loading.vue?vue&type=style&index=0&id=a5351f6a&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  \"a5351f6a\",\n  null\n  \n)\n\nexport default component.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/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!./Devices.vue?vue&type=style&index=0&id=2c50b450&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"warp\"},[_c('div',[_c('h3',[_vm._v(\"支持NFC的机型\")]),_c('p',{staticClass:\"tip\"},[_vm._v(\"将标注区域靠近刷卡区，信号最佳\")]),(!_vm.deviceList.length)?_c('Loading',{attrs:{\"height\":\"50\"}}):_c('ul',{staticClass:\"model-list\"},_vm._l((_vm.deviceList),function(device,index){return _c('li',{key:index},[_c('div',{staticClass:\"phone\"},[_c('img',{attrs:{\"src\":device.deviceUrl,\"alt\":\"\"}}),_c('p',[_vm._v(_vm._s(device.deviceName))])]),_c('div',{staticClass:\"aerial\"},[_c('img',{attrs:{\"src\":device.nfcUrl,\"alt\":\"\"}}),_c('p',[_vm._v(\"NFC天线位置\")])])])}),0)],1)])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"warp\">\n    <div>\n      <h3>支持NFC的机型</h3>\n      <p class=\"tip\">将标注区域靠近刷卡区，信号最佳</p>\n      <Loading v-if=\"!deviceList.length\" height=\"50\"/>\n      <ul v-else class=\"model-list\">\n        <li v-for=\"(device, index) in deviceList\" :key=\"index\">\n          <div class=\"phone\">\n            <img :src=\"device.deviceUrl\" alt>\n            <p>{{device.deviceName}}</p>\n          </div>\n          <div class=\"aerial\">\n            <img :src=\"device.nfcUrl\" alt>\n            <p>NFC天线位置</p>\n          </div>\n        </li>\n      </ul>\n    </div>\n  </div>\n</template>\n\n<script>\nimport axios from \"axios\";\nimport Loading from \"@/components/Loading.vue\";\nexport default {\n  name: \"Models\",\n  data() {\n    return {\n      deviceList: []\n    };\n  },\n  components: {\n    Loading\n  },\n  async mounted() {\n    const deviceList = await axios.get(\n      `https://cdn.cnbj1.fds.api.mi-img.com/mipay-portal/data/deviceList.json?num=${Math.random()}`\n    );\n    this.deviceList = deviceList.data;\n  }\n};\n</script>\n\n<style scoped>\n.warp h3 {\n  text-align: center;\n  margin: 5vw 0 0.5vw;\n  font-size: 2vw;\n  font-weight: 400;\n}\n.tip {\n  text-align: center;\n  font-size: 0.9vw;\n  color: #666;\n}\n.warp ul.model-list {\n  display: flex;\n  flex-wrap: wrap;\n  width: 80%;\n  margin: 5vw auto;\n  border-top: 1px solid #ccc;\n  border-left: 1px solid #ccc;\n}\n.warp ul.model-list li {\n  display: flex;\n  width: 50%;\n  height: 20vw;\n  align-items: center;\n  border-right: 1px solid #ccc;\n  border-bottom: 1px solid #ccc;\n}\n.warp ul.model-list li div{\n  width: 50%;\n  text-align: center;\n}\n.warp ul.model-list li img {\n  height: 10vw;\n}\n.warp ul.model-list li p {\n  color: #333;\n  line-height: 3vw;\n  font-size: 1vw;\n  text-align: center;\n}\n</style>","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!./Devices.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!./Devices.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Devices.vue?vue&type=template&id=2c50b450&scoped=true&\"\nimport script from \"./Devices.vue?vue&type=script&lang=js&\"\nexport * from \"./Devices.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Devices.vue?vue&type=style&index=0&id=2c50b450&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  \"2c50b450\",\n  null\n  \n)\n\nexport default component.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/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!./Loading.vue?vue&type=style&index=0&id=a5351f6a&prod&scoped=true&lang=css&\""],"sourceRoot":""}