|
- <template>
- <div class='login-page'>
- <div class="login-title">登陆</div>
- <img class="login-logo" :src="loginImgUrl">
-
- <div class="">
- <van-form @submit="onSubmit">
- <van-field
- v-model="username"
- name="userName"
- label="用户名"
- placeholder="用户名"
- :rules="[{ required: true, message: '请填写用户名' }]"
- />
- <van-field
- v-model="password"
- type="password"
- name="password"
- label="密码"
- placeholder="密码"
- :rules="[{ required: true, message: '请填写密码' }]"
- />
- <div style="margin: 16px;">
- <van-button round block type="info" native-type="submit">
- 登陆管理门店
- </van-button>
- </div>
- </van-form>
- </div>
- </div>
- </template>
-
- <script type="text/babel">
- // 组件
- export default {
- name: 'page-index',
- components: {
-
- },
- data() {
- return {
- loginImgUrl: require('../../assets/images/logo.png'),
- username: '18872592633',
- password: '123456GD',
-
- };
- },
- created() {
-
- },
- methods: {
- onSubmit(val) {
- console.log(val);
- console.log(333)
- this.$http.login({
- method: 'post',
- data: {
- phone: val.userName,
- password: val.password,
- appId: "wxa2c60cdeef4ec602",
- // latitude: 34.51685,
- // longitude: 110.89456,
- }
- }).then(res => {
- console.log(res)
- if (res.code === 200) {
- this.$router.push({
- path: '/home'
- })
- }
- })
- },
-
-
- }
- };
- </script>
-
- <style lang="less" rel="stylesheet/less" >
- @font-face {
- font-family: 'iconfont'; /* project id 1353693 */
- src: url('//at.alicdn.com/t/font_1353693_617eu8di04k.eot');
- src: url('//at.alicdn.com/t/font_1353693_617eu8di04k.eot?#iefix') format('embedded-opentype'),
- url('//at.alicdn.com/t/font_1353693_617eu8di04k.woff2') format('woff2'),
- url('//at.alicdn.com/t/font_1353693_617eu8di04k.woff') format('woff'),
- url('//at.alicdn.com/t/font_1353693_617eu8di04k.ttf') format('truetype'),
- url('//at.alicdn.com/t/font_1353693_617eu8di04k.svg#iconfont') format('svg');
- }
-
- .login-page {
- width: 100%;
- background: #fff;
- .login-title {
- height: 1.4rem;
- line-height: 1.4rem;
- background: @colorBlue;
- color: #fff;
- font-size: @fontSize16;
- }
- .login-logo {
- width: 5.2rem;
- height: 5.2rem;
- display: block;
- margin: 1.5rem auto;
- }
- }
-
-
- </style>
|