{"version":3,"sources":["webpack:///./src/views/login.vue?9ae9","webpack:///./src/views/login.vue?47c9","webpack:///src/views/login.vue","webpack:///./src/views/login.vue?aae5","webpack:///./src/views/login.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","$event","activeCard","goTo","class","active","_v","_s","$t","staticRenderFns","name","components","SvgIcon","data","created","methods","$router","push","component"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,iCAAiCH,EAAG,WAAW,CAACG,MAAM,CAAC,aAAa,OAAOH,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,mCAAmC,GAAGH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,OAAOE,GAAG,CAAC,UAAY,SAASC,GAAQT,EAAIU,WAAa,GAAG,WAAa,SAASD,GAAQT,EAAIU,WAAa,GAAG,MAAQ,SAASD,GAAQ,OAAOT,EAAIW,KAAK,cAAc,CAACP,EAAG,MAAM,CAACE,YAAY,YAAYM,MAAM,CAAEC,OAA2B,IAAnBb,EAAIU,aAAoB,CAACN,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIc,GAAGd,EAAIe,GAAGf,EAAIgB,GAAG,uBAAuBZ,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIc,GAAGd,EAAIe,GAAGf,EAAIgB,GAAG,2BAA2BZ,EAAG,WAAW,CAACG,MAAM,CAAC,aAAa,kBAAkB,KAAKH,EAAG,MAAM,CAACE,YAAY,OAAOE,GAAG,CAAC,UAAY,SAASC,GAAQT,EAAIU,WAAa,GAAG,WAAa,SAASD,GAAQT,EAAIU,WAAa,GAAG,MAAQ,SAASD,GAAQ,OAAOT,EAAIW,KAAK,eAAe,CAACP,EAAG,MAAM,CAACE,YAAY,YAAYM,MAAM,CAAEC,OAA2B,IAAnBb,EAAIU,aAAoB,CAACN,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,SAAS,CAACN,EAAIc,GAAGd,EAAIe,GAAGf,EAAIgB,GAAG,oBAAoBZ,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIc,GAAGd,EAAIe,GAAGf,EAAIgB,GAAG,wBAAwBZ,EAAG,WAAW,CAACG,MAAM,CAAC,aAAa,kBAAkB,UAC31CU,EAAkB,G,iCC4CtB,GACEC,KAAM,QACNC,WAAY,CACVC,QAAJ,QAEEC,KALF,WAMI,MAAO,CACLX,WAAY,IAGhBY,QAVF,WAWI,EAAJ,UAEEC,QAAS,CACPZ,KADJ,SACA,GACMV,KAAKuB,QAAQC,KAAK,CAAxB,sBC5D+U,I,wBCQ3UC,EAAY,eACd,EACA3B,EACAkB,GACA,EACA,KACA,WACA,MAIa,aAAAS,E","file":"js/chunk-69ff310d.b1802860.js","sourcesContent":["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/sass-loader/dist/cjs.js??ref--7-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./login.vue?vue&type=style&index=0&id=71f6442c&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"login\"},[_c('div',{staticClass:\"section-1\"},[_c('img',{attrs:{\"src\":\"/img/logos/yesplaymusic.png\"}}),_c('svg-icon',{attrs:{\"icon-class\":\"x\"}}),_c('img',{attrs:{\"src\":\"/img/logos/netease-music.png\"}})],1),_c('div',{staticClass:\"section-2\"},[_c('div',{staticClass:\"card\",on:{\"mouseover\":function($event){_vm.activeCard = 1},\"mouseleave\":function($event){_vm.activeCard = 0},\"click\":function($event){return _vm.goTo('account')}}},[_c('div',{staticClass:\"container\",class:{ active: _vm.activeCard === 1 }},[_c('div',{staticClass:\"title-info\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t(\"login.loginText\")))]),_c('div',{staticClass:\"info\"},[_vm._v(_vm._s(_vm.$t(\"login.accessToAll\")))])]),_c('svg-icon',{attrs:{\"icon-class\":\"arrow-right\"}})],1)]),_c('div',{staticClass:\"card\",on:{\"mouseover\":function($event){_vm.activeCard = 2},\"mouseleave\":function($event){_vm.activeCard = 0},\"click\":function($event){return _vm.goTo('username')}}},[_c('div',{staticClass:\"container\",class:{ active: _vm.activeCard === 2 }},[_c('div',{staticClass:\"title-info\"},[_c('div',{staticClass:\"title\"},[_vm._v(_vm._s(_vm.$t(\"login.search\")))]),_c('div',{staticClass:\"info\"},[_vm._v(_vm._s(_vm.$t(\"login.readonly\")))])]),_c('svg-icon',{attrs:{\"icon-class\":\"arrow-right\"}})],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"login\">\n    <div class=\"section-1\">\n      <img src=\"/img/logos/yesplaymusic.png\" />\n      <svg-icon icon-class=\"x\"></svg-icon>\n      <img src=\"/img/logos/netease-music.png\" />\n    </div>\n    <div class=\"section-2\">\n      <div\n        class=\"card\"\n        @mouseover=\"activeCard = 1\"\n        @mouseleave=\"activeCard = 0\"\n        @click=\"goTo('account')\"\n      >\n        <div class=\"container\" :class=\"{ active: activeCard === 1 }\">\n          <div class=\"title-info\">\n            <div class=\"title\">{{ $t(\"login.loginText\") }}</div>\n            <div class=\"info\">{{ $t(\"login.accessToAll\") }}</div>\n          </div>\n          <svg-icon icon-class=\"arrow-right\"></svg-icon>\n        </div>\n      </div>\n      <div\n        class=\"card\"\n        @mouseover=\"activeCard = 2\"\n        @mouseleave=\"activeCard = 0\"\n        @click=\"goTo('username')\"\n      >\n        <div class=\"container\" :class=\"{ active: activeCard === 2 }\">\n          <div class=\"title-info\">\n            <div class=\"title\">{{ $t(\"login.search\") }}</div>\n            <div class=\"info\">{{ $t(\"login.readonly\") }}</div>\n          </div>\n          <svg-icon icon-class=\"arrow-right\"></svg-icon>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport NProgress from \"nprogress\";\n\nimport SvgIcon from \"@/components/SvgIcon.vue\";\n\nexport default {\n  name: \"Login\",\n  components: {\n    SvgIcon,\n  },\n  data() {\n    return {\n      activeCard: 0,\n    };\n  },\n  created() {\n    NProgress.done();\n  },\n  methods: {\n    goTo(path) {\n      this.$router.push({ path: \"/login/\" + path });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.login {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  height: calc(100vh - 192px);\n}\n\n.section-1 {\n  margin-bottom: 16px;\n  display: flex;\n  align-items: center;\n  img {\n    height: 64px;\n    margin: 20px;\n  }\n  .svg-icon {\n    height: 24px;\n    width: 24px;\n    color: rgba(82, 82, 82, 0.28);\n  }\n}\n\n.section-2 {\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n}\n.card {\n  cursor: pointer;\n  margin-top: 14px;\n  margin-bottom: 14px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  background: #eaeffd;\n  border-radius: 8px;\n  height: 128px;\n  width: 300px;\n  transition: all 0.3s;\n  padding-left: 22px;\n  box-sizing: border-box;\n\n  .active {\n    .title-info {\n      transform: translateX(-8px);\n    }\n    .svg-icon {\n      opacity: 1;\n      visibility: visible;\n      transform: translateX(8px);\n    }\n  }\n\n  .container {\n    display: flex;\n    // justify-content: space-around;\n    align-items: center;\n\n    color: #335eea;\n  }\n\n  .title-info {\n    transition: all 0.3s;\n  }\n\n  .title {\n    font-size: 24px;\n    font-weight: 600;\n  }\n  .info {\n    margin-top: 2px;\n    font-size: 14px;\n    color: rgba(51, 94, 234, 0.78);\n  }\n  .svg-icon {\n    opacity: 0;\n    height: 24px;\n    width: 24px;\n    margin-left: 16px;\n    transition: all 0.3s;\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./login.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--11-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./login.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./login.vue?vue&type=template&id=71f6442c&scoped=true&\"\nimport script from \"./login.vue?vue&type=script&lang=js&\"\nexport * from \"./login.vue?vue&type=script&lang=js&\"\nimport style0 from \"./login.vue?vue&type=style&index=0&id=71f6442c&lang=scss&scoped=true&\"\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  \"71f6442c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}