{"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/Cards.vue?648d","webpack:///./src/components/Loading.vue?7baa","webpack:///./src/views/Cards.vue","webpack:///src/views/Cards.vue","webpack:///./src/views/Cards.vue?2a2b","webpack:///./src/views/Cards.vue?e783"],"names":["render","_vm","this","_c","_self","staticClass","style","height","attrs","_v","staticRenderFns","name","data","props","String","component","cardList","length","_l","card","index","key","imgUrl","_s","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,2CCnBf,W,yDCAA,W,yCCAA,IAAIf,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,IAAI,CAACE,YAAY,SAAS,CAACJ,EAAIQ,GAAG,eAAeN,EAAG,IAAI,CAACE,YAAY,QAAQ,CAACJ,EAAIQ,GAAG,0DAA0DN,EAAG,MAAM,CAACE,YAAY,YAAY,CAAGJ,EAAIe,SAASC,OAA8Cd,EAAG,KAAKF,EAAIiB,GAAIjB,EAAIe,UAAU,SAASG,EAAKC,GAAO,OAAOjB,EAAG,KAAK,CAACkB,IAAID,GAAO,CAACjB,EAAG,MAAM,CAACK,MAAM,CAAC,IAAMW,EAAKG,OAAO,IAAM,MAAMnB,EAAG,IAAI,CAACF,EAAIQ,GAAGR,EAAIsB,GAAGJ,EAAKR,cAAa,GAA5MR,EAAG,UAAU,CAACK,MAAM,CAAC,OAAS,SAAkL,QAEjiBE,EAAkB,G,wBCmBtB,GACAC,KAAA,OACAC,OACA,OACAI,SAAA,KAGAQ,WAAA,CACAC,gBAEA,gBACA,MAAAb,QAAAc,OAAAC,IAAA,+EAAAC,KAAAC,UACA,KAAAb,SAAAJ,SCjC+U,I,wBCQ3UG,EAAY,eACd,EACAf,EACAU,GACA,EACA,KACA,WACA,MAIa,aAAAK,E","file":"nfcpay/static/js/chunk-6e5d6d62.87acc456.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!./Cards.vue?vue&type=style&index=0&id=84ae7ae0&prod&scoped=true&lang=css&\"","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&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"warp\"},[_c('div',{staticClass:\"pass-through\"},[_c('p',{staticClass:\"title\"},[_vm._v(\"一机在手，百城通行\")]),_c('p',{staticClass:\"desc\"},[_vm._v(\"支持40余张交通卡，覆盖全国300+城市；其中京津冀互联互通卡永久免费开卡，支持全国300+城市刷卡使用\")]),_c('div',{staticClass:\"card-con\"},[(!_vm.cardList.length)?_c('Loading',{attrs:{\"height\":\"50\"}}):_c('ul',_vm._l((_vm.cardList),function(card,index){return _c('li',{key:index},[_c('img',{attrs:{\"src\":card.imgUrl,\"alt\":\"\"}}),_c('p',[_vm._v(_vm._s(card.name))])])}),0)],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"warp\">\n        <div class=\"pass-through\">\n            <p class=\"title\">一机在手，百城通行</p>\n            <p class=\"desc\">支持40余张交通卡，覆盖全国300+城市；其中京津冀互联互通卡永久免费开卡，支持全国300+城市刷卡使用</p>\n            <div class=\"card-con\">\n                <Loading v-if=\"!cardList.length\" height=\"50\"/>\n                <ul v-else>\n                    <li v-for=\"(card, index) in cardList\" :key=\"index\">\n                        <img :src=\"card.imgUrl\" alt=\"\">\n                        <p>{{card.name}}</p>\n                    </li>\n                </ul>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n    import axios from 'axios'\n    import Loading from \"@/components/Loading.vue\";\n    export default {\n        name: 'Home',\n        data () {\n            return {\n                cardList: [],\n            }\n        },\n        components: {\n            Loading\n        },\n        async mounted() {\n            const data = await axios.get(`https://cdn.cnbj1.fds.api.mi-img.com/mipay-portal/data/buscardList.json?num=${Math.random()}`)\n            this.cardList = data.data\n        }\n    }\n</script>\n\n<style scoped>\n.warp .title{\n    text-align: center;\n    margin: 5vw 0 .5vw;\n    font-size: 2vw;\n    font-weight: 400;\n}\n.warp .desc{\n    text-align: center;\n    font-size: .9vw;\n    color: #666;\n}\n.pass-through .card-con{\n    width: 74%;\n    margin: 3vw auto;\n}\n.pass-through .card-con ul{\n    display: flex;\n    flex-wrap: wrap;\n}\n.pass-through .card-con ul li{\n    text-align: center;\n    padding: 1.5vw 0vw;\n    box-sizing: border-box;\n    width: 25%;\n}\n.pass-through .card-con ul li img{\n    width: 14vw;\n}\n.pass-through .card-con ul li p{\n    padding: 0.6vw 0;\n    font-size: 1.2vw;\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!./Cards.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!./Cards.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Cards.vue?vue&type=template&id=84ae7ae0&scoped=true&\"\nimport script from \"./Cards.vue?vue&type=script&lang=js&\"\nexport * from \"./Cards.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Cards.vue?vue&type=style&index=0&id=84ae7ae0&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  \"84ae7ae0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}