{"version":3,"sources":["webpack:///./src/static/imgs/logo.png","webpack:///./src/pages/login.vue?8529","webpack:///./src/pages/login.vue","webpack:///src/pages/login.vue","webpack:///./src/pages/login.vue?1dcb","webpack:///./src/pages/login.vue?d99b"],"names":["module","exports","render","_vm","this","_c","_self","staticClass","attrs","require","_v","directives","name","rawName","value","username","expression","domProps","on","$event","target","composing","password","staticStyle","Login","staticRenderFns","components","Footer","data","computed","methods","getCartNum","token","axios","get","headers","then","res","console","log","total","component"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,yB,oCCA3C,W,gECAA,IAAIC,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,SAAS,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,gBAAgB,CAACH,EAAG,MAAM,CAACG,MAAM,CAAC,IAAMC,EAAQ,QAA0B,IAAM,SAAS,GAAGJ,EAAG,KAAK,CAACF,EAAIO,GAAG,YAAYL,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,KAAK,CAACF,EAAIO,GAAG,UAAUL,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACM,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOX,EAAIY,SAAUC,WAAW,aAAaR,MAAM,CAAC,KAAO,OAAO,YAAc,UAAUS,SAAS,CAAC,MAASd,EAAIY,UAAWG,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,YAAiBlB,EAAIY,SAASI,EAAOC,OAAON,aAAYT,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,QAAQ,CAACM,WAAW,CAAC,CAACC,KAAK,QAAQC,QAAQ,UAAUC,MAAOX,EAAImB,SAAUN,WAAW,aAAaR,MAAM,CAAC,KAAO,WAAW,YAAc,SAASS,SAAS,CAAC,MAASd,EAAImB,UAAWJ,GAAG,CAAC,MAAQ,SAASC,GAAWA,EAAOC,OAAOC,YAAiBlB,EAAImB,SAASH,EAAOC,OAAON,aAAYT,EAAG,MAAM,CAACE,YAAY,UAAUgB,YAAY,CAAC,OAAS,WAAWL,GAAG,CAAC,MAAQ,SAASC,GAAQ,OAAOhB,EAAIqB,WAAW,CAACnB,EAAG,IAAI,CAACE,YAAY,MAAMC,MAAM,CAAC,KAAO,iBAAiB,CAACL,EAAIO,GAAG,UAAUL,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,IAAI,CAACG,MAAM,CAAC,KAAO,KAAK,CAACL,EAAIO,GAAG,UAAUL,EAAG,cAAc,CAACG,MAAM,CAAC,GAAK,cAAc,CAACL,EAAIO,GAAG,WAAW,SAASL,EAAG,WAAW,IAEh7CoB,EAAkB,G,YCyCP,GACfb,KAAA,QACAc,WAAA,CACAC,eAEAC,OACA,OACAb,SAAA,GACAO,SAAA,KAGAO,SAAA,GACAC,QAAA,CAEAC,WAAAC,GAEA,KAAAC,MAAAC,IAAA,WACAC,QAAA,sBAAAH,KACAI,KAAAC,IACAC,QAAAC,IAAAF,GACAC,QAAAC,IAAAF,EAAAT,KAAAY,OACAH,EAAAT,KAAAY,SAGAhB,YCnE+U,I,wBCQ3UiB,EAAY,eACd,EACAvC,EACAuB,GACA,EACA,KACA,KACA,MAIa,aAAAgB,E","file":"js/chunk-ab701448.5484180b.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/logo.ff3f2381.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./login.vue?vue&type=style&index=0&id=1a2dcee0&prod&lang=scss&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"login\"},[_c('div',{staticClass:\"login-header\"},[_c('div',{staticClass:\"header-logo\"},[_c('router-link',{attrs:{\"to\":\"/index.html\"}},[_c('img',{attrs:{\"src\":require(\"@/static/imgs/logo.png\"),\"alt\":\"\"}})])],1),_c('h2',[_vm._v(\"会员登录\")])]),_c('div',{staticClass:\"login-body\"},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"login-form\"},[_c('h3',[_vm._v(\"会员登录\")]),_c('div',{staticClass:\"username\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.username),expression:\"username\"}],attrs:{\"type\":\"text\",\"placeholder\":\"请输入手机号\"},domProps:{\"value\":(_vm.username)},on:{\"input\":function($event){if($event.target.composing)return;_vm.username=$event.target.value}}})]),_c('div',{staticClass:\"password\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.password),expression:\"password\"}],attrs:{\"type\":\"password\",\"placeholder\":\"请输入密码\"},domProps:{\"value\":(_vm.password)},on:{\"input\":function($event){if($event.target.composing)return;_vm.password=$event.target.value}}})]),_c('div',{staticClass:\"btn-box\",staticStyle:{\"cursor\":\"pointer\"},on:{\"click\":function($event){return _vm.Login()}}},[_c('a',{staticClass:\"btn\",attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"登录\")])]),_c('div',{staticClass:\"forget-user\"},[_c('a',{attrs:{\"href\":\"\"}},[_vm._v(\"找回密码\")]),_c('router-link',{attrs:{\"to\":\"/register\"}},[_vm._v(\"马上注册\")])],1)])])]),_c('Footer')],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!--  这里后期修改为插槽  会员登录 会员注册 找回密码-->\n  <div class=\"login\">\n    <div class=\"login-header\">\n      <div class=\"header-logo\">\n        <router-link to=\"/index.html\"><img src=\"~@/static/imgs/logo.png\" alt=\"\"></router-link>\n      </div>\n      <h2>会员登录</h2>\n    </div>\n    <div class=\"login-body\">\n      <div class=\"container\">\n        <div class=\"login-form\">\n          <h3>会员登录</h3>\n          <div class=\"username\">\n            <input type=\"text\" placeholder=\"请输入手机号\" v-model=\"username\">\n          </div>\n          <div class=\"password\">\n            <input type=\"password\" placeholder=\"请输入密码\" v-model=\"password\">\n          </div>\n          <div class=\"btn-box\" @click=\"Login()\" style=\"cursor: pointer\">\n            <a href=\"javascript:;\" class=\"btn\">登录</a>\n          </div>\n          <!--          <div class=\"third-login\">-->\n          <!--            <a href=\"\"><img src=\"~@/static/imgs/wx.png\" alt=\"微信登录\"></a>-->\n          <!--            <a href=\"\"><img src=\"~@/static/imgs/alipay.png\" alt=\"支付宝登录\"></a>-->\n          <!--            &lt;!&ndash;            <a href=\"\"><img src=\"~@/static/imgs/wb.png\" style=\"width: 30px; height: 30px\" alt=\"微博登录\"></a>&ndash;&gt;-->\n          <!--          </div>-->\n          <div class=\"forget-user\">\n            <a href=\"\">找回密码</a>\n            <router-link to=\"/register\">马上注册</router-link>\n          </div>\n        </div>\n      </div>\n    </div>\n    <Footer></Footer>\n\n  </div>\n</template>\n\n<script>\nimport Footer from \"../components/footer\";\n// import JWT from \"../storage/index\"\n\nexport default {\n  name: \"login\",\n  components: {\n    Footer,\n  },\n  data() {\n    return {\n      username: \"\",\n      password: \"\"\n    }\n  },\n  computed: {},\n  methods: {\n    // 不能直接调用\n    getCartNum(token) {\n      // 初始没有需要用这个\n      this.axios.get('/carts/', {\n        headers: {'Authorization': \"JWT \" + token}\n      }).then((res) => {\n        console.log(res)\n        console.log(res.data.total)\n        return res.data.total;\n      })\n    },\n    Login() {\n    //   // 相当于拆包 解构\n    //   let {username, password} = this;\n    //   this.axios.post('/login/', {\n    //     username,\n    //     password\n    //   }).then((res) => {\n    //     // console.log(res)\n    //     // jwt 鉴权登录  有问题  跳转页面没有\n    //     // JWT.setJWT(res.data.token);\n    //     // 存入vuex\n    //     this.$store.dispatch('saveUserName', res.data.username);\n    //     this.$store.dispatch('saveToken', res.data.token);\n    //     this.$store.dispatch('saveUid', res.data.uid);\n    //     // 7天\n    //     // 初始没有需要用这个  不能在这里写死\n    //     // this.axios.get('/carts/', {\n    //     //   headers: {'Authorization': \"JWT \" + res.data.token}\n    //     // }).then((res) => {\n    //     //   this.$cookie.set('cart', res.data.total, {expires: '7D'});\n    //     //   this.$store.dispatch('saveCartNums', res.data.total);\n    //     // })\n    //     this.$cookie.set('token', res.data.token, {expires: '7D'});\n    //     this.$cookie.set('uid', res.data.user_id, {expires: '7D'});\n    //     this.$cookie.set('username', res.data.username, {expires: '7D'});\n    //     this.$router.push('/index.html')\n    //   })\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.login {\n  .login-header {\n    // 垂直居中\n    display: flex;\n    align-items: center;\n    width: 1200px;\n    margin: 0 auto;\n    height: 85px;\n\n    .header-logo {\n      display: inline-block;\n\n      img {\n        width: 150px;\n        height: 50px;\n      }\n    }\n\n    h2 {\n      font-size: 20px;\n      margin-left: 15px;\n    }\n  }\n\n  .login-body {\n    \n    .container {\n      height: 560px;\n      width: 1200px;\n      margin: 0 auto;\n      background: url('~@/static/imgs/goodImg/202211291547254976OH.png') no-repeat center center;\n    background-size: 100% 100%;\n      //position: relative;\n\n      .login-form {\n        float: right;\n        margin-top: 25px;\n        //position: absolute;\n        //top: 150px;\n        //left: 1000px;\n        //right: 500px;\n        width: 410px;\n        height: 510px;\n        background-color: #ffffff;\n\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n\n        box-sizing: border-box;\n\n\n        h3 {\n          line-height: 23px;\n          font-size: 24px;\n          color: #FF6600;\n          text-align: center;\n          margin: 40px auto 49px;\n\n          .checked {\n            color: #FF6600;\n          }\n\n          .sep-line {\n            margin: 0 32px;\n          }\n        }\n\n        .username, .password {\n          display: inline-block;\n          width: 348px;\n          height: 50px;\n          border: 1px solid #E5E5E5;\n          margin-bottom: 20px;\n\n          input {\n            box-sizing: border-box;\n            width: 100%;\n            height: 100%;\n            border: none;\n            padding-left: 18px;\n          }\n        }\n\n        .btn-box {\n          width: 348px;\n          background-color: #FF6600;\n          text-align: center;\n\n          .btn {\n            width: 100%;\n            color: #FFFFFF;\n            font-weight: 700px;\n            line-height: 50px;\n            margin-top: 10px;\n            font-size: 16px;\n          }\n        }\n\n        .third-login {\n          height: 50px;\n          margin-top: 20px;\n\n          a {\n            margin-right: 20px;\n          }\n\n          img {\n            width: 30px;\n            height: 30px;\n          }\n        }\n\n        .forget-user {\n          margin-top: 20px;\n          // flex 必须有高度和宽度\n          //height: 20px;\n          width: 348px;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n\n          a {\n            color: #FF6600;\n            font-size: 16px;\n          }\n\n\n        }\n      }\n    }\n  }\n}\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!./login.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!./login.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./login.vue?vue&type=template&id=1a2dcee0&\"\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=1a2dcee0&prod&lang=scss&\"\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  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}