You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
7.7 KiB
1 lines
7.7 KiB
(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{217:function(t,e,n){var content=n(219);"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,n(39).default)("7ccdbc4d",content,!0,{sourceMap:!1})},218:function(t,e,n){"use strict";var r=n(217);n.n(r).a},219:function(t,e,n){(t.exports=n(38)(!1)).push([t.i,"html[data-v-31363c82]{width:100vw;height:100vh}*[data-v-31363c82]{box-sizing:border-box}.page[data-v-31363c82]{font-family:Montserrat,sans-serif;background:#f6f5f7;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}h1[data-v-31363c82]{font-weight:700;margin:0}p[data-v-31363c82]{font-size:14px;line-height:20px;letter-spacing:.5px;margin:20px 0 30px}span[data-v-31363c82]{font-size:12px}a[data-v-31363c82]{color:#333;font-size:14px;text-decoration:none;margin:15px 0}.dowebok[data-v-31363c82]{background:#fff;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;overflow:hidden;width:768px;max-width:100%;min-height:480px}.form-container form[data-v-31363c82]{background:#fff;display:flex;flex-direction:column;padding:0 50px;height:100%;justify-content:center;align-items:center;text-align:center}.social-container[data-v-31363c82]{margin:20px 0}.social-container a[data-v-31363c82]{border:1px solid #ddd;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin:0 5px;height:40px;width:40px}.social-container a[data-v-31363c82]:hover{background-color:#eee}.form-container input[data-v-31363c82]{background:#eee;border:none;padding:12px 15px;margin:8px 0;width:100%;outline:none}button[data-v-31363c82]{border-radius:20px;border:1px solid #ff4b2b;background:#ff4b2b;color:#fff;font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in;cursor:pointer}button[data-v-31363c82]:active{transform:scale(.95)}button[data-v-31363c82]:focus{outline:none}button.ghost[data-v-31363c82]{background:transparent;border-color:#fff}.form-container[data-v-31363c82]{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in-container[data-v-31363c82]{left:0;width:50%;z-index:2}.sign-up-container[data-v-31363c82]{left:0;width:50%;z-index:1;opacity:0}.overlay-container[data-v-31363c82]{position:absolute;top:0;left:50%;width:50%;overflow:hidden;z-index:100}.overlay[data-v-31363c82],.overlay-container[data-v-31363c82]{height:100%;transition:transform .6s ease-in-out}.overlay[data-v-31363c82]{background:#ff416c;background:linear-gradient(90deg,#ff4b2b,#ff416c) no-repeat 0 0/cover;color:#fff;position:relative;left:-100%;width:200%;transform:translateY(0)}.overlay-panel[data-v-31363c82]{position:absolute;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 40px;height:100%;width:50%;text-align:center;transform:translateY(0);transition:transform .6s ease-in-out}.overlay-right[data-v-31363c82]{right:0;transform:translateY(0)}.overlay-left[data-v-31363c82]{transform:translateY(-20%)}.dowebok.right-panel-active .sign-in-container[data-v-31363c82]{transform:translateY(100%)}.dowebok.right-panel-active .overlay-container[data-v-31363c82]{transform:translateX(-100%)}.dowebok.right-panel-active .sign-up-container[data-v-31363c82]{transform:translateX(100%);opacity:1;z-index:5}.dowebok.right-panel-active .overlay[data-v-31363c82]{transform:translateX(50%)}.dowebok.right-panel-active .overlay-left[data-v-31363c82]{transform:translateY(0)}.dowebok.right-panel-active .overlay-right[data-v-31363c82]{transform:translateY(20%)}",""])},221:function(t,e,n){"use strict";n.r(e);n(37);var r,o,c=n(5),l={asyncData:(o=Object(c.a)(regeneratorRuntime.mark(function t(e){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return e.$axios,t.abrupt("return",{});case 2:case"end":return t.stop()}},t)})),function(t){return o.apply(this,arguments)}),data:function(){return{data:{},form:{username:"",password:""}}},methods:{login:(r=Object(c.a)(regeneratorRuntime.mark(function t(){return regeneratorRuntime.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.prev=0,t.next=3,this.$axios.$post("/api/login",this.form);case 3:this.data=t.sent,t.next=10;break;case 6:t.prev=6,t.t0=t.catch(0),this.data=t.t0,console.log(t.t0);case 10:case"end":return t.stop()}},t,this,[[0,6]])})),function(){return r.apply(this,arguments)})},mounted:function(){var t=document.getElementById("signUp"),e=document.getElementById("signIn"),n=document.getElementById("dowebok");t.addEventListener("click",function(){n.classList.add("right-panel-active")}),e.addEventListener("click",function(){n.classList.remove("right-panel-active")})}},d=(n(218),n(16)),component=Object(d.a)(l,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"page"},[t._v("\n ppp"+t._s(t.data)+"\n "),n("div",{staticClass:"dowebok",attrs:{id:"dowebok"}},[n("div",{staticClass:"form-container sign-up-container"},[n("form",{directives:[{name:"stopsubmit",rawName:"v-stopsubmit"}],attrs:{action:"#"}},[n("h1",[t._v("注册")]),t._v(" "),t._m(0),t._v(" "),n("span",[t._v("或使用邮箱注册")]),t._v(" "),n("input",{attrs:{type:"text",placeholder:"姓名"}}),t._v(" "),n("input",{attrs:{type:"email",placeholder:"电子邮箱"}}),t._v(" "),n("input",{attrs:{type:"password",placeholder:"密码"}}),t._v(" "),n("button",[t._v("注册")])])]),t._v(" "),n("div",{staticClass:"form-container sign-in-container"},[n("form",{directives:[{name:"stopsubmit",rawName:"v-stopsubmit"}],attrs:{action:"#"}},[n("h1",[t._v("登录")]),t._v(" "),t._m(1),t._v(" "),n("span",[t._v("或使用您的帐号")]),t._v(" "),n("input",{directives:[{name:"model",rawName:"v-model",value:t.form.username,expression:"form.username"}],attrs:{type:"text",placeholder:"账号"},domProps:{value:t.form.username},on:{input:function(e){e.target.composing||t.$set(t.form,"username",e.target.value)}}}),t._v(" "),n("input",{directives:[{name:"model",rawName:"v-model",value:t.form.password,expression:"form.password"}],attrs:{type:"password",placeholder:"密码"},domProps:{value:t.form.password},on:{input:function(e){e.target.composing||t.$set(t.form,"password",e.target.value)}}}),t._v(" "),n("a",{attrs:{href:"#"}},[t._v("忘记密码？")]),t._v(" "),n("button",{on:{click:t.login}},[t._v("登录")])])]),t._v(" "),t._m(2)])])},[function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"social-container"},[e("a",{staticClass:"social",attrs:{href:"#"}},[e("i",{staticClass:"fab fa-facebook-f"})]),this._v(" "),e("a",{staticClass:"social",attrs:{href:"#"}},[e("i",{staticClass:"fab fa-google-plus-g"})]),this._v(" "),e("a",{staticClass:"social",attrs:{href:"#"}},[e("i",{staticClass:"fab fa-linkedin-in"})])])},function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"social-container"},[e("a",{staticClass:"social",attrs:{href:"#"}},[e("i",{staticClass:"fab fa-facebook-f"})]),this._v(" "),e("a",{staticClass:"social",attrs:{href:"#"}},[e("i",{staticClass:"fab fa-google-plus-g"})]),this._v(" "),e("a",{staticClass:"social",attrs:{href:"#"}},[e("i",{staticClass:"fab fa-linkedin-in"})])])},function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"overlay-container"},[n("div",{staticClass:"overlay"},[n("div",{staticClass:"overlay-panel overlay-left"},[n("h1",[t._v("已有帐号？")]),t._v(" "),n("p",[t._v("请使用您的帐号进行登录")]),t._v(" "),n("button",{staticClass:"ghost",attrs:{id:"signIn"}},[t._v("登录")])]),t._v(" "),n("div",{staticClass:"overlay-panel overlay-right"},[n("h1",[t._v("没有帐号？")]),t._v(" "),n("p",[t._v("立即注册加入我们，和我们一起开始旅程吧")]),t._v(" "),n("button",{staticClass:"ghost",attrs:{id:"signUp"}},[t._v("注册")])])])])}],!1,null,"31363c82",null);e.default=component.exports}}]);
|