微信小程序登陆功能

195 阅读1分钟

<view class="first">

  <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}">

    <swiper-item wx:for="{{background}}" wx:key="index">

      

        <image src="{{item.image}}" style="width: 100vw;" bindtap="dianImg" data-path="{{item.path}}">

      

    

  

<view class="flex">

  <view class="zuo">

    <scroll-view scroll-y="true" class="zuo">

      <view class="one" wx:for="{{25}}" wx:key="i" bindtap="bianSe" wx:for-index="i" data-i="{{i}}" style="color: {{num==i?'red':''}};">小程序

    

  

  

    <view class="flex">

      <view class="wenzi">邮箱:

      <input placeholder="请输入邮箱" class="inputSty" bindinput="emailCtrl"/>

    

    <view class="flex">

      <view class="wenzi">密码:

      <input placeholder="请输入密码" class="inputSty" bindinput="pwdCtrl"/>

    

    <button bindtap="dengl">登录

  

JS

Page({

\

  /**

   * 页面的初始数据

   */

  data: {

    num:'',

    background: [],

    indicatorDots: true,

    vertical: false,

    autoplay: false,

    interval: 2000,

    duration: 500,

    email:'',

    pwd:''

  },

  getImg:function(){

    wx.request({

      url: 'api.apiopen.top/getWangYiNe…',

      method:"POST",

      data:{

        page:'1',

        count:'5'

      },

      success:(res)=>{

        // console.log(res);

        let{result}=res.data

        // console.log(result);

        this.setData({

          background:result.slice(0,5)

        })

      }

    })

  },

  dianImg(e){

    // console.log(e);

    let{currentTarget:{dataset:{path}}}=e

    console.log(path);

    wx.navigateTo({

      url: '/pages/linkpage/linkpage?url='+path,

    })

  },

  setVal:function(event,keyName){

    let {detail:{value}}=event

    this.setData({

      [keyName]:value

    })

  },

  emailCtrl:function(e){

    this.setVal(e,'email')

  },

  pwdCtrl:function(e){

    this.setVal(e,'pwd')

  },

  dengl:function(){

    if(!this.data.pwd||!this.data.email){

      wx.showToast({

        title: '输入不能为空',

        icon:'error'

      })

      return

    }

    wx.request({

      url: 'api.shop.eduwork.cn/api/auth/lo…',

      method:'POST',

      data:{

        email:this.data.email,

        password:this.data.pwd

      },

      success:(res)=>{

        // console.log(res);

        if( res.data&&res.data.status_code==422 ){

          wx.showToast({

            title: '登录失败',

            icon:'error'

          })

        }else{

          wx.showToast({

            title: '登录成功',

            icon:'success'

          })

          setTimeout( ()=>{

            wx.switchTab({

              url: '/pages/index/index',

            })

          },1000 )

        }

      }

    })

  },

  bianSe:function(e){

    let {currentTarget:{dataset:{i}}}=e

    console.log(this.data.num);

    this.data.num=i

    this.setData({

      num:this.data.num

    })

  },

  /**

   * 生命周期函数--监听页面加载

   */

  onLoad: function (options) {

    this.getImg()

  },